나는 적당히 유능한 웹 개발자입니다. 원하는 곳에 물건을 넣고 필요한 경우 JQuery를 넣을 수 있습니다. 그러나 (내가 시작한) 내 자신의 웹 사이트를 만드는 경우 웹 사이트를 디자인하는 방법을 모릅니다. 누군가가 내 옆에 화면을 가리키고 "이 그림을 거기에 텍스트를 넣습니다"라고 말하면 아주 쉽게 할 수 있습니다. 그러나 내가 선택한 색상과 텍스트로 내 사이트를 디자인하면 유아가 발명 한 것처럼 보일 것입니다.

내가 볼 수있는 웹 사이트 / 책을 아는 사람이 있거나 유아가 아닌 웹 디자인의 기본에 대한 팁을 얻은 사람이 있습니까?

해야 할 일이 몇 가지 있습니다.

팁 :

Photoshop 사용법을 배웁니다. (특히 레이어 스타일은 훌륭합니다. CSS2에서는 다시 구현하기 어려운 효과가있을 수 있습니다.) 좋은 모형을 만들기 위해 먼 길을갑니다.

전문적으로 디자인 된 사이트를보십시오. 어떤 사이트를 방문한 적이 있습니까?

당신을 귀찮게하는 사이트를 찾고 더 나은 것을 만들 수있는 것을 고려하십시오. 제품 광고도보십시오. 음식 포장. 신문 광고. 당신은 그것을 이름을 지정합니다.

또한, 일단 당신이 그것을 끊기 시작하면 연습, 연습, 연습. 그래픽은 특히 코딩을 고려해야하는 프로그래머의 기술로 발전하는 데 시간이 걸립니다. (그라디언트 대 "타일 성")

도구 :

(Photoshop은 개인이 선호하는 것입니다. Paint.NET 은 좋은 Windows 대안이지만 강력하지는 않습니다.)

Nathan Smith의 960 그리드 시스템 . 주요 그래픽 프로그램을위한 템플릿이 있습니다. 확인 해봐.

참고 문헌 :

이 사이트 중 일부를 살펴보십시오. (더 많은 것을 보았습니다.

• 떨어져 목록
• 존 매케인
• BarackObama.com
• Hayon2010.com (좋아요, 이걸 만들었지 만 좋은 것 같아요. 편집 : 그것에 대한 의견도 감사하겠습니다. ;-D)

실용적인면

배우는 데 중요한 디자인의 실질적인 단계별 측면이 확실히 있습니다. 모든 것이 주관적이지는 않습니다.

   • 웹 디자인 튜토리얼 : http://webdesign.tutsplus.com/

   • Photoshop 자습서 : http://psd.tutsplus.com/

   • 자습서의 톤 : Lynda

영감

   • 웹 사이트 : 타의 추종을 불허하는 스타일

   • 웹 사이트 : Abduzeedo

   • 예약 : 온라인 성공을위한 지침

   • 웹 사이트 : Smashing Magazine

디자인 기술

일반 디자인

   • 책 : 그래픽 디자인 : 새로운 기본 사항

   • 책 : 그래픽 디자인, 참조

   • PDF : The Big Four : 대비, 반복, 정렬, 근접

타이포그래피

   • 책 : 유형으로 생각하기

   • 책 : 인쇄 스타일의 요소

   • 기사 : http://en.wikipedia.org/wiki/Typography

   • 기사 : http://www.informationarchitects.jp/en/the-web-is-all-about-typography-period/

나열한 것

   • 책 : 레이아웃 통합 문서

색깔

   • 책 : 컬러 디자인 통합 문서

   • 책 : Color Harmony Workbook

디자인 철학

"어려운 실수는 디자인이 '날의 문제'이며 모든 것의 일부라는 것을 이해하는 것과는 반대로 엉망을 '정화'하기 위해 프로세스가 끝날 때하는 일로 보는 것입니다." 톰 피터스

"좋은 디자인은 사용자를 행복하게하고, 제조업체는 검은 색이고 에스티는 불쾌감을주지 않습니다." 레이몬드 로이

"정말로 우아한 디자인은 최고급 기능을 단순하고 깔끔한 형태로 통합합니다." 데이비드 루이스

"좋은 디자인은 좋은 사업입니다." 토마스 제이 왓슨 주니어

더 많은 따옴표

이것은 주제와 약간 다를 수 있지만 Jeff Atwood는 Do n't Make Me Think 라는 책을 강력히 추천하는 것을 기억 합니다. 최상의 사용자 환경을 위해 웹 사이트를 디자인하는 방법에 대해 설명합니다.

광고에 대한 오길비 (Ogilvy on Advertising) :이 책은 그래픽 디자인의 기본 사항뿐만 아니라 www.

보다 일반적으로, 그래픽 디자인, 미술, 실내 장식, 영화 제작에 관한 책과 잡지를 탐색하십시오. 시각적으로 매력적인 것을 만들고 정보 나 다른 콘텐츠를 매력적으로 만드는 일반적인 디자인 원칙이 많이 있습니다. 전자석이 전자 공학, 행성 과학, 화학, 핵 및 기타 물리 및 공학 분야에 공통적 인 방식과 비슷합니다.

이 공간에서 또 다른 좋은 책 은 영원한 것들의 디자인입니다. 사람들이 자연스럽게 새로운 것에 접근하는 방법을 활용하여 사용하기 쉬운 디자인을 선호하는 것과 같은 많은 실용적인 아이디어를 다룹니다. 이 책은 UI 나 웹 디자인에 관한 것이 아니라 조금은 다루지 않습니다.

이 책의 초기 예는 문입니다. 그는 손잡이 나 손잡이가있는 문과 눈에 보이는 힌지가있는 문이 직관적 인 방법에 대해 이야기합니다. 숨겨진 힌지가있는 팬시 도어, 도어 전체를 가로 지르는 푸시 바 또는 중앙 손잡이는 조작하기가 쉽지 않기 때문에 실험의 순간이 필요합니다.

디자인에서 귀중한 도구 중 하나는 Color Scheme Designer 입니다. 나는 일반적으로 디자인의 기초가되는 색상을 선택한 다음 "Analogic"구성표를 사용하여 일치하는 색상 세트를 얻습니다. 나에게 색상을 올바르게 얻는 것이 최악의 부분이므로 나머지는 멋진 레이아웃을 얻고 제한된 색상 팔레트를 적용하는 것입니다.