code.visualstudio.com

요즘 핫 하게 뜨고 있는 비주얼 스튜디오 코드 에디터입니다. 이것 역시 다른 에디터랑 마찬가지로 기능과 사용방법은 비슷합니다. 컴파일러 기능이 있어 더 편리한 것도 있기 하지만 그래도 그냥 에디터 입니다. 자기 스타일에 맞는 에디터를 골라서 쓰면 될 거 같네요~ SITE

더 보기

www.sublimetext.com

서브라임 텍스트 에디터입니다. 다양한 기능과 옵션 빠른 처리 속도가 맘에 드는 에디터입니다. 초보자가 처음에 쓰기에는 설치할 부분이 많아서 불편 할 수 있지만 어는 정도 사용하면 서브라임이 젤 편하다고 생각이 드네요~ 처음에 시작하면 필요한 옵셥은 알아서 설정 됐으면 하는 마음이 있지만, 설치과정이 약간 불편해도 개인적으로 이 에디터가 제일 마음에 듭니다. SITE

더 보기

atom.io

코딩 프로그램 아톰입니다. 아톰, 브라켓, 서브라임 등등 여러가지만 있지만 아톰도 쓸만합니다. 기능이나 디자인은 다른 에디터와 비슷하고 개인 취향에 따라 그냥 선택해서 쓰면 됩니다. 기능이나 옵션은 추가 기능으로 넣을 수 있기 때문에 어떤 에디터는 비슷하다고 생각이 듭니다. SITE

더 보기

brackets.io

코딩할 때 필요한 에디터입니다. 어도비에서 만든 프로그램으로 입니다. 쓰기 좋고 사용성이 좋긴 하지만 FTP 작업이 윈도우 환경에서는 버벅거림 현상이 심합니다. 맥에서는 전혀 이상이 없지만 윈도우로 작업했을 때 멈춤현상이 많아 추천하는 정도는 아닙니다. 그냥 퍼블리셔가 쓰기 좋은 가벼운 프로그램입니다. SITE

더 보기

www.sketchapp.com

벡터 방식의 프로토타입 툴 스케치입니다. 요즘 실무에서도 스케치를 아주 많이 씁니다. 사용성이 조만간 포토샵을 능가하지 않을까 생각이 들 정도네요~ 개인적으로 스케치가 제일 깔끔하고 사용성이 좋은 것 같습니다. 가격도 포토샵에 비하면 저렴하죠~ SITE

더 보기

adobe.com

어도비에서 무료로 제공하고 있는 프로토타입 툴 XD입니다. 스케치를 카피한 느낌이 많이 들지만 그래도 무료로 쓸 수 있다는 장점과 꾸준한 업데이트는 최고라고 생각이 듭니다. 또한 윈도우와 맥을 다 지원하지만 윈도우는 10부터 지원을 합니다. 스케치와 함께 더욱더 발전 했으면 좋겠네요. SITE

더 보기

www.figma.com

요즘 핫 하게 뜨고 있는 디자인 툴입니다. 브라우저에서 작업 할 수 있는 에디터이며 맥이나 원도우 상관 없이 브라우저만 있으면 가능합니다. 무료 버전도 있기 때문에 누구나 사용 할 수 있으며, 공유도 가능한 에디터입니다. 정말 괜찮은 에디터라고 생각이 드네요! SITE

더 보기

2017년 디자이너들이 주목해야 할 디자인 도구들

2016년에는 정말 다양한 디자인 도구들이 시장에 등장했고, 기존 도구들도 속속 새로운 기능들을 선보였습니다. 디자이너들은 도구들의 풍족함과 그에 수반되는 선택의 어려움을 모두 느꼈을 것이라는 생각이 드네요. 2017년을 맞이하는 시점에서 내년에 더욱 더 기대가 되는 디자인 도구들을 선정해 보았습니다. 디자이너 커뮤니티에서 자주 언급되는 것들을 위주로 선정했어요. 물론 이 리스트에 포함되지 않은 도구들도 많을 것이라고 생각합니다. 가볍게 참고한다는..

더 보기

toptal.com

디자이 패턴만 모아 놓은 사이트입니다. 꾸준하게 관리가 잘되서 유명한 사이트입니다. 디자인 작업시 패턴에 영감을 받고 싶다면 이 사이트를 추천합니다. 코딩용은 아니기 때문에 소스를 제공하지 않습니다. 이미지 파일을 다운 받을 수 있습니다. SITE

더 보기

tympanus.net

코딩 예시 사이트로 유명합니다. 면목상 튜토리얼이지만 어렵습니다. 초보자가 따라하기에도 어렵고 스크립트를 쉽게 쓸 수 있는 구조는 아닙니다. 하지만 예시들의 퀄리티는 정말 최고입니다. 또한 오랫동안 꾸준하게 살아있는 사이트입니다. 보통 이런 사이트들은 몇 면 못가고 없어지기 마련인데 이 주인장은 열정이 대단한거 같습니다. 퍼블리셔에게 꼭 알아야 하는 사이트입니다. SITE

더 보기

www.canva.com

커버 디자인을 손 쉽게 만들수 있는 디자인 에디터입니다. 페이스북 커버, 트위터 커버, 인스타그램 등을 쉽게 만들 수가 있습니다. 모바일로도 가능하며 자료가 많습니다. 꾸준한 업데이트가 지속적으로 발생하는 좋은 사이트입니다. 간단한 유투브 커버 같은건 이걸로 작업하는게 좋을 거 같습니다. SITE

더 보기

greensock.com

제이쿼리 모션하면 이 사이트가 최고겠죠~ 물론 디테일한 기능한 유로 버전을 이용해야 하지만 무료 버전도 쓸만합니다. 무료 버전이라면 최고의 애니메이션 제이쿼리라고 말 할 수 있지만,, 유로라서 아쉽네요~ 암튼 그래도 제일 많이 사용하는 제이쿼리 모션 플러그인입니다. SITE

더 보기

programmers.co.kr

코딩 교육 사이트입니다. 유로도 있고 무료도 있지만 그래도 제일 좋은 건 강의 시스템과 코딩테스트가 매우 맘에 드는 교육 사이트입니다. 앞으로 발전 가능성이 매우 높은 사이트이며 저 또한 돈을 내고 듣고 싶은 컨텐츠가 많은 좋은 사이트인 것 같습니다. SITE

더 보기

leaverou.github.io

다양한 CSS 패턴 백그라운드를 보여주는 사이트입니다. 당연히 소스를 제공하고 쉽게 적용할 수 있습니다. 이런 배경도 만들 수 있겠구나! 하는 아주 괜찮은 사이트입니다. 퍼블리셔에게 참고하기 좋은 배경 패턴 사이트입니다. SITE

더 보기

svgbackgrounds.com

다양한 백그라운드 SVG 소스를 제공하는 사이트입니다. SVG를 통해 백그라운드를 구현하고 다양한 효과와 기능을 추가 선택하여 맞춤형으로 만들 수 있습니다. 이미지를 클릭하면 바로 바로 배경화면으로 확인 할 수 있는 좋은 사이트입니다. SITE

더 보기

fonts.google.com

웹 폰트의 대중화를 이끈 구글폰트 사이트입니다. 지속적인 한국어 추가도 매우 환영합니다. 다양한 폰트를 쉽게 쓰고 있어서 정말 좋은 사이트라고 생각합니다. 구글은 이런 짓을 많이 해서 좋네요^^ 웹 폰트하면 구글폰트입니다. SITE

더 보기

noonnu.cc

우리나라에 이렇게 많은 폰트가 있었나? 할 정도로 정리가 잘되고 쓰기 좋은 폰트 사이트입니다. 저작권 관련된 정보도 보여주면서 웹 폰트까지 사용할 수 있도록 만든 유익한 사이트입니다. 구글폰트의 한계를 느꼈다면 이 사이트도 강추합니다. SITE

더 보기

gradients.party

요즘에 뜨고 있는 그라디언트 사이트입니다. 이런 사이트들이 요즘 많이 생겨서 별로 였는데 이 사이트 같은 경우는 RGA와 HEX모드를 지원하고 추가적인 다양한 기능을 바로 적용하여 쓸 수 있습니다. 그런 점 때문에 여기에 올리게 됐네요~ SITE

더 보기

www.gradients.io

다양한 그라디언트를 보고 소스를 다운 받을 수 있는 사이트입니다. 요즘은 코드로 그라디언트를 많이 표현하기 때문에 참조하기 좋은 사이트입니다. 다양한 색 보다는 필요한 백그라운색만 있는 야무진 사이트입니다. SITE

더 보기

psddd.co

포토샵 파일과 스케치 파일을 다운로드 받을 수 있는 사이트입니다. 광대한 자료가 많은 다운로드 사이트이며 가끔씩 들어와서 쓸만한거 있나 보는 사이트입니다. 스케치 파일도 제공을 하니 괜찮은 사이트 같네요~ 완전 추천 정도는 아닙니다. SITE

더 보기

littlesnippets.net

마우스 오버 효과만 전문적으로 보여주는 사이트입니다. 마우스 오버의 끝판왕 사이트입니다. 메뉴 뿐만 아니라 이미지 오버 효과 역시 편하게 쓸 수 있도록 코드펜으로 되어 있으며, 다양한 효과를 미리 확인하여 자기 사이트에 적용하기 좋은 사이트입니다. 강추!! SITE

더 보기

http://theinspirationgrid.com

순수하게 정말 디자인만 볼 수 있는 영감 사이트입니다. 그냥 그런 디자인 보다는 퀄리티 있는 디자인들이 많이 보여서 개인적으로 자주오는 사이트입니다. 영감 사이트의 제일 중요한 점은 꾸준한 업데이트와 관리인데요~ 이 사이트는 그걸 만족하는 사이트 같네요! SITE

더 보기

pngimg.com

디자인 작업시 제일 귀찮은 작업이 누끼따기인데~~ 이 사이트는 그 심정을 알고 만들었나봐요~ 오래된 사이트지만 콘텐츠가 알차기 때문에 소개합니다. 포토샵 합성 작업이 원하는 이미지를 다운 받아 자유롭게 사용하기 좋은 소스를 제공하는 PNG 파일 제공 사이트입니다. SITE

더 보기

collectui.com

UI 구조별로 확인 할 수 있는 사이트입니다. 로그인, 서치, 셋팅, 프로필, 업로드, 블로그, 이미지, 달력, 날씨, 인보이스, 카드, 회원가입 등 여러가지 유형의 UI 디자인을 모아둔 사이트입니다. 이런 사이트도 필요하죠~ SITE

더 보기

abduzeedo.com

디자인의 다양한 정보를 깔끔하게 보여주는 블로그 스타일 사이트입니다. 오랫동안 봐왔지만 정리 잘되고 디자인도 신경을 많이 쓰고 콘텐츠도 신경을 많이 쓰는 괜찮은 사이트입니다. 디자이너라면 가끔씩 들어와서 구경하는 것도 괜찮습니다. SITE

더 보기

freebiesbug.com

다양한 자료를 무료로 다운 받을 수 있는 중계사이트입니다. 오랫동안 잘 유지되고 있는 사이트이며 목업, 코딩파일, 스케치 파일, PSD 파일, 소스 파일, 폰트 등 여러가지를 많이 보여주는 사이트입니다. SITE

더 보기

www.mockupworld.co

방대한 목업 자료가 많은 사이트입니다. 종류별로 무료 버전과 유로 버전이 있으면 자유롭게 쓸 수 있지만 해당 사이트로 연결 시켜주는 중계 사이트이기 때문에 라이센스는 필히 확인을 하셔야 합니다. SITE

더 보기

lstore.graphics

다양한 목업을 다운 받을 수 있는 목업 사이트입니다. 유로 버전과 무료 버전이 있으면 다양한 종류의 목업이 있으며, 비교적 업데이트가 잘 되는 사이트입니다. SITE

더 보기

keyframes.app

키프레임을 만들어주는 사이트입니다. 코딩 작업시 애니메이션 키프레임을 정말 힘든 작업인데, 이렇게 테스트 할 수 있는 사이트가 있어서 좋네요~ 구글 확장기능을 이용하면 더욱 편하게 작업 할 수 있네요~ SITE

더 보기

www.patternify.com

이런 사이트 만드신 분 존경합니다. 퍼블리셔이거나 디자이너라면 쓸만한 사이트라고 생각이 듭니다. 여러가지 배경을 만들어보고 미리 확인 할 수 있고 다운 받을 수 있는 좋은 사이트입니다. 추천합니다. 이런 사이트는 광고도 클릭해주는 센스가 필요할 것 같습니다. SITE

더 보기