디자이너의 즐겨찾기 | Korea Web Design 3

Resource
DinPattern

패턴이 필요할 때 가서 다운받거나 영감을 얻기 좋은 해외 사이트
컬러
Flat ui colors

플랫 디자인이 가미된 프로젝트를 한다면 플랫 ui 제작시 참고할 만한 색상 사이트.컬러를 클릭하면 다른 것을 이용할 필요없이 그냥 색상 코드가 복사된다. 바로 붙여넣기하면 된다.
컬러
colourlovers

다른 디자이너들이 사용하는 색상 팔레트를 보면서 영감을 얻어보자
Html/CSS
Codrops

css를 이용한 튜토리얼을 볼 수 있다.영어라도 보면서 따라하면 어렵지 않으니 실습할 때 유용하다.
UI, 모바일, 쇼케이스
Pttrns

아이폰, 아이패드 어플들의 디자인을 참고할 수 있는 사이트이다.돋보기 기능을 활용해서 확대해 볼 수 있다.
컬러
Color Hexa

색에 대해서 사전처럼 검색하여 정보를 얻을 수 있는 사이트이다.보색 정보, 유사색 등도 볼 수 있고 샘플로 배경이나 테두리 텍스트들을 볼 수 있다.
쇼케이스
one page love

원페이지로 구축된 사이트들을 모아서 볼 수 있다.또한 제작에 관한 블로깅도 있어 참고할 것도 많다.
정보/교육
Design Modo

해외 디자인 정보 블로그이다.역시 국내보다는 좀 더 디자인에 관련되서 정밀하게 글이 써있다.반응형웹이라 스마트폰으로 보는 것도 좋다.
정보/교육
Design Log

마루님께서 운영하시는 블로그인데 상당히 규모가 크다.디자인에 인사이트도 있어 많은 정보들도 제공해준다.
Html/CSS
HTML5 Open Reference

Html5를 국문으로 공부하기엔 아주 적합한 사전같은 곳이다.내용들도 아주 깔끔하면서 읽기 편하게 잘 정리되어있다.
툴
Prepros App

js나 css, scss, sass 코드등을 압축관리가 가능하다.이미지도 최적화 시켜주며 만들고 있는 페이지를 미리보기 할 수 있고 폴더 자체를 http로 구성해서 보여주기도 한다.
Resource
design download

오늘의 디자인 소스 다운로드! ui 디자인들이 신선하고 디테일해서 영감을 얻기에 좋다.
쇼케이스
media queries

추천하는 사이트의 스마트폰 화면, 타블렛 화면, PC 화면을 동시 제공해서 반응형 또는 모바일 웹디자인 밴치마킹하기 좋다.
쇼케이스
cssmania

사이트 밴치마킹할 때 유용하다.
쇼케이스
behance

디자이너라면 누구나 아는 사이트이다.크리에이티브한 디자인을 분야별로 선택해서 볼 수도 있다.다른 분야의 크리에이티브는 어떤지도 본다.
쇼케이스
issuu

잡지들을 볼 수 있는 사이트이긴 하지만 디자인할 때 컨텐츠를 디자인한다거나 텍스트와 이미지 배합을 어떻게 할 지 고민될 때 밴치마킹할 좋은 사이트
쇼케이스
creative ad awards

광고에 대한 창의성을 시상하는 어워드인데 디자인할 때 아이디어와 합성과 관련된 영감을 얻을 때 유용하다.
모바일, 쇼케이스
Mobile Patterns

달력을 만들 때, 리스트를 구성할 때, 지도를 이용할 때, 검색할 때등의 기능 정의에 맞게 카테고리로 잘 정리되어 있다.안드로이드 앱, 아이폰 앱으로 구분도 되어있다.
모바일, 쇼케이스
mycolorscreen

안드로이드 계열 폰 테마를 공유하는 사이트이다. 하지만 모바일웹이나 앱디자인을 할 때 영감얻기 좋은 사이트.
Resource, UI
hdicon

가끔 소셜 사이트들이나 브랜드, 혹은 후원사 기업의 로고가 필요할 때가 많은 데 무료로 다운로드 받아 사용할 수 있어 유용하다.
사진
morgue file

해외 이미지 다운로드, 회원가입 없이 이용이 다운로드가 가능하며 저작권이 없고 다운로드 비용도 없다.(다만 한글 지원이 안되므로 영어로 검색)
UI, 모바일
Android Design

안드로이드 어플을 디자인할 때 도움이 되는 사이트.템플릿으로 PSD도 다운받을 수 있고, 색상 코드, 폰트도 다운받을 수 있다.
툴
emmet cheat sheet

서브라임 텍스트에 설치하는 플러그인 중에 emmet이라고 있는데 이 emmet 을 사용하는 방법을 설명한 치트키이다.
툴
Sublime Text 2

플러그인들을 설치하고 기능들을 추가하면 멋진 코딩 툴이 된다.작업이 수월해지고 관리가 편해지는 아주 유용한 툴이며 무료이다.
컬러, 툴
adobe color wheel

프로그램 다운로드 없이 웹사이트에서 직접 이용할 수 있다.직접 만들 수도 있고, 가장 많이 공유되어진 또는 좋아하는 색상 조합을 다운로드 및 공유할 수 있다.
Resource
my site my way – patterns

포토샵의 .pat 파일을 무료로 다운받을 수 있는 사이트. 배경을 꾸미게 될 때 종종 사용한다.

카테고리

DinPattern

Flat ui colors

colourlovers

Codrops

Pttrns

Color Hexa

one page love

Design Modo

Design Log

HTML5 Open Reference

Prepros App

design download

media queries

cssmania

behance

issuu

creative ad awards

Mobile Patterns

mycolorscreen

hdicon

morgue file

Android Design

emmet cheat sheet

Sublime Text 2

adobe color wheel

my site my way – patterns