Part 1 컬러
디자인 이론 l 디자인은 색의 언어로 말한다
디자인 보는 법 l 메시지가 있는 컬러로 사용자의 감정을 끌어내라
01 배경과 색상을 통일한 인풋 박스 디자인
02 네거티브 요소로 주목성을 높인 탭 디자인
03 바탕색을 조절한 상세 페이지 디자인
04 톤 온 톤 배색의 로그인 페이지 디자인
05 브랜드 컬러를 살리는 인덱스 디자인
06 절제된 컬러를 사용한 인덱스 디자인
07 색상 대비로 강조한 로그인 페이지 디자인
08 스트라이프 패턴으로 구분한 테이블 디자인
09 주제에 맞게 색을 적용한 퍼스널 웹 디자인
10 포인트 컬러를 적용한 CTA 버튼 디자인
11 흰색/배경색으로 정리한 정보 페이지 디자인
12 포인트 컬러로 강조한 주요 메뉴 디자인
13 톤 온 톤 배색을 이용한 테이블 디자인
14 일관성 있는 색상의 전체 페이지 디자인
15 포인트 컬러로 강조한 인덱스 디자인
16 다채로운 색상의 인덱스 디자인
Part 2 그리드
디자인 이론 l 레이아웃과 그리드로 시선을 사로잡아라
디자인 보는 법 l 그리드로 화면에 리듬감을 만들어라
01 비율이 다른 사진을 정리한 레이아웃 디자인
02 가독성을 높인 2단 컬럼 디자인
03 확장 그리드로 공간을 활용한 콘텐츠 디자인
04 사선 그리드로 역동적인 인덱스 디자인
05 레이아웃을 변경해 전문적인 콘텐츠 디자인
06 여백으로 전달력을 높인 인덱스 디자인
07 핵심 정보의 강약을 살린 상세 페이지 디자인
08 2단 그리드를 변형한 정보 페이지 디자인
09 제품 사진으로 구분한 블로그 모듈 디자인
10 배경과 연결해 그리드를 확장한 모듈 디자인
11 테두리를 이용한 모듈 디자인
12 그림자를 활용한 모듈 디자인
13 여백으로 사진을 구분한 모듈 디자인
14 기능에 충실한 로그인 페이지 디자인
15 사용 목적을 고려한 레이아웃 디자인
16 2단 그리드로 한눈에 파악하는 테이블 디자인
디자인에는 원칙과 이유가 있어야 합니다.
디자인에는 정답도 없고, 오답도 없습니다. 하지만 분명 선택되는 디자인은 있습니다.
선택되는 디자인에는 분명한 원칙과 이유가 있습니다. 이 책은 실제로 버려졌던 디자인과 통과되었던 디자인 시안 89개를 대조하여 디자인 시 꼭 알아야 할 원칙과 이유를 설명합니다.
다양한 디자인 시안을 통해 디자인을 보는 눈을 키우고 명확한 기준을 세우며, 디자이너로 성장하는 데 있어서 다양한 시각을 넓혀 줄 것입니다.
1. 디자인 이론
웹&앱 디자인을 하면서 통과되는 디자인을 위해 꼭 알아야 할 디자인 이론을 알아보고, 다양한 웹&앱 디자인 사례를 통해서 좋은 디자인과 잘못된 디자인을 살펴봅니다. 이론에 대한 이해를 돕기 위해 설명 이미지와 사례 이미지를 통해 개념을 확실히 이해할 수 있습니다.
2. 디자인 해설
잘 된 웹&앱 디자인 사례를 통해 디자인할 때 어떤 점을 고려해야 하는지 매체의 특성, 주제, 웹&앱 디자인에 사용해야 할 콘텐츠에 따라 어떤 디자인이 효과적인지 알아봅니다. 뚜렷한 기준을 알아두면 디자인이 훨씬 쉬워집니다.
3. 버려지는 디자인(NG/통과되는 디자인(GOOD
왼쪽 페이지에는 버려진 디자인이 있고, 오른쪽 페이지에는 통과된 디자인이 있습니다. 실제로 버려졌던 디자인과 통과되었던 디자인을 대조하여 그 차이를 확연히 알 수 있으며, 어떤 점을 수정했을 때 통과되었는지 살펴보면서 좋은 디자인을 위한 힘을 키울 수 있습니다.
