디자이너와 기획자의 눈을 업그레이드시키는 웹사이트 모음

WEB 2.0 디자인 참고 사이트
http://www.flickr.com/photos/splat/sets/981332/
플릭커에 기재된 웹디자인 아이디어를 모아놓은 계정
깔끔하고 심플한 사이트들이 소개되어있다.

새로운 플래시 디자인
http://www.thefwa.com/
매일 매일 새로운 스타일의 플래시 디자인들이 올라옵니다.
새로운 플래시 아이디어를 얻고 싶다면 클릭~

웹디자인 베스트 갤러리
http://bestwebgallery.com/
미국의 화제의 사이트등이 새롭게 업데이트되는 사이트로 꼭 둘러보길 권합니다.

베스트 css 디자인 TOP 50
SMASHINGMAGAZINE.COM
스매싱 매거진에서 소개된 아름다운 50개의 CSS 디자인이 소개되어있다. 자연스러운 색상을 원할때도 필수 코스

Web2.0 디자인에 대한 단편 - 디자인은 사장이 아닌 사용자를 위한거야.

Web2.0 디자인?에 대한 단편.....굳이 웹2.0이 아니지만 웬지 그 이름이 더 멋져 보인다. 용어 중독일지도 모르겠다.

1. 사용자가 편리하게 서비스를 사용하도록 하는 디자인
순수 예술이라기 보다는 실용 예술이라고 할 수 있다. 웹 서비스의 디자인은 화려함이나 멋진 기술보다는 심플한 가운데 서비스를 살려주는 디자인이 되어야 한다.

2. 서비스의 특징을 살려주는 디자인
사이트에 들어갔을 때 어떤 서비스를 하는 곳인지 디자인만보고 알수 있는 사이트들이 있다. 반면에 도대체 무슨 서비스를 하는 곳이지 아는 곳이 있다. 비단 디자인의 문제만은 아니지만 사용자가 서비스를 인식하는 부분에서 디자인의 비중은 많은 부분을 차지한다.

3. 사용자와 커뮤니케이션하는 디자인
웹 서비스는 완성형이 아니다. 사용자들과 호흡하면서 만들어져 나가는 것이다. 디자인도 마찬가지다. 처음 디자인으로 서비스 된 것보다 이후에 사용자들의 니드를 파악해서 발전해 나가는 것이 필요하다.

그리고 Web 2.0 디자인 단편 부록

사장이 아닌 사용자를 위한 디자인을 해라.
회사 사이트 제작 시 클라이언트의 요구는 정말 많다. 디자인에 대한 열정과 자부심 있다면  사용자를 위한 디자인으로 소신있게 밀고 나가야 한다. 클라이언트의 말대로 한다면 작업이 끝났을때 대부분 경우가 산으로 가있다.

창조적인 디자인을 해라.
웹디자인도 창조적인 예술 활동을 하는 일이다. 기존 패턴이나 형식을 고집하지 말고 항상 새로운 것을 받아들이고 배워야한다. 뭔가 새로운 것을 해보고 싶다면 주위 개발자나 기획자들과 새로운 것에 대해 많은 이야기를 해야한다. 때론 기술적인 부분이 웹디자인의 많은 부분을 해결해 줄수 있다.

웹 디자인에 꼭 필요한 사이트 소개 - 완벽 가이드

via~ Web Design Tools - thePeoplesToolbox: 웹 디자인이 사용되는 다양한 사이트를 정리

디자인용 이미지 사이트, 아이콘, 폰트 등 모든 정보가 잘 정리되어 있습니다.

이 사이트에서 각 분야별로 가장 인기있는 사이트의 리뷰만 해 보았습니다. 들어가셔서 다른 사이트들도 꼭 참고하세요.
다른 사이트들도 매우 유용한 사이트입니다.

Color
4096 Color Wheel
마우스 커서를 이동하면 바로 RGB 코드 출력되며 사용하기에 안전한 색과 안전하지 않은 색이 표시됩니다.
비슷한 종류의 색을 바로 웹에서 비교하며 편하게 사용하실 수 있습니다.

CSS
spiffy corners
이 사이트는 이미지나 JavaScript 를 전혀 사용하지 않고 CSS 와 HTML 만의 심플한 박스를 만들 수 있는 사이트입니다.

fonts
9800 Free Fonts
사이트 이름대로 9800 것 무상으로 다운로드할 수 있는 폰트를 다운로드할 수 있는 사이트입니다.
폰트명이 알파벳 순서 나열되어 있으며 폰트의 프리뷰를 볼 수 있고 곧바로 다운로드할 수 있습니다.
한국어 폰트는 없습니다.

html
Special characters
HTML 특수 문자 일람표가 있는 사이트입니다.

icon
Free! Icons for your site
웹사이트에 유용한 아이콘을 무료로 제공해 주는 사이트를 소개해주고 있습니다. 각 사이트별로 저작권이 표시되어있으니 유의하시고 사용하세요.

images
BLUE VERTIGO
무료와 유료 사이트들을 소개해 주고 있습니다. 다 클릭하시다보면 한동안 헤어 나오기가 어렵습니다.

inspiration
Zen Garden
HTML 와 CSS 를 다운로드할 수 있는 사이트입니다.
이 사이트의 CSS 나 HTML 를 기본으로 바로 비슷한 컨셉의 사이트를 제작 할 수 있습니다.

tutorials
lynda.com
많이들 알고 계시는 포토샵 튜토리얼 사이트
개인적으로 Before and After Magazine 라는 그래픽 디자이너 참고 사이트를 추천해드립니다. PDF 파일로 유용한 문서들이 정말 많네요. 그것도 무료로^^

widgets
Lorem Ipsum
A latin text generator. 이 부분은 사용법을 잘 모르겠네요. 아시는 분 계시면 피드백 요청드려요.

amoogae님의 추가 정보
출판시스템 등에서 레이아웃을 보여주기 위해 대체적으로 Lorem Ipsum을 많이 이용합니다. 즉, 실제적인 텍스트가 들어가기 전에 임시로 채워두기 위해서지요^^
따라서 위의 사이트에서 자신이 원하는 설정(문단, 문장의 수 등등)을 하신 뒤 genarator를 돌리면 됩니다.