계속해보겠습니다
레이아웃 불변의 법칙 100가지 본문
--------------------------------------------------------------------------------------------------
* 팻에게
그 어떤 법칙도 당신보다 위대할 수 없습니다.
--------------------------------------------------------------------------------------------------
현재 진행하고 있는 프로젝트 와이어프레임 작성 전,
레이아웃 설계에 도움을 받고 싶어서 회사에서 대여를 했는데 기대만큼 도움을 받지는 못했다.
편집/웹 디자인의 레이아웃 법칙을 100가지나 소개하고 있지만,
제시된 사례들도 오래되었고 실무에 유용하다기보다는 머리 식히고 싶을때 넘겨보기에 좋은 정도의 내용이다.
그래도 혹시 나중에 도움이 될지도 모르니 목차를 한번 옮겨본다.
(법칙/방법론에 대한 책들은 항상
법칙/방법에 대한 설명 후 마지막 챕터에서는 규칙을 잊고 당신만의 방법을 찾으라며 마무리되는것 같다.)
--------------------------------------------------------------------------------------------------
# 그리드의 기초
ㅇ 그리드의 구성
1. 요소를 파악하라.
ㅇ 기본 그리드
2. 기본 구조를 익혀라.
- 1단 그리드, 2단 그리드, 다단 그리드, 모듈 그리드, 계층 그리드
ㅇ 그리드의 선택
3. 내용을 파악하라.
ㅇ 텍스트 포맷 결정
4. 가장 중요한 것을 먼저 배치하라.
ㅇ 정보의 구성
5. 가독성을 높여라.
ㅇ 그리드와 이미지
6. 순서를 정하라.
ㅇ 그리드, 글자, 이미지의 조합
7. 모든 요소를 동시에 고려하라.
ㅇ 색
8. 색으로 공간을 규정하라.
ㅇ 여백
9. 여백을 통해 커뮤니케이션하라.
ㅇ 리듬과 흐름
10. 페이스를 조절하라.
# 실전 그리드
ㅇ 1단 그리드
11. 성격에 맞는 서체를 사용하라.
12. 마진을 충분히 잡아라.
13. 비례를 생각하라.
ㅇ 2단 그리드
14. 대칭 단을 사용하라.
15. 기능성을 높여라.
16. 괘선을 사용하라.
17. 구석구석 활용하라.
18. 타이포그래피로 판면을 구성하라.
19. 변화에 일관성을 부여하라.
20. 구조를 변주하라.
ㅇ 3단 그리드
21. 간결한 느낌을 주어라.
22. 타이포그래피로 단을 구분하라.
23. 과밀하지 않게 주의하라.
24. 단의 높이를 낮춰라.
25. 형태를 요리하라.
ㅇ 다단 그리드
26. 획일적인 디자인을 탈피하라.
27. 섞어라.
28. 요소들의 성격을 컨트롤하라.
29. 언어의 장벽을 넘어서라.
30. 매체의 특성을 고려하라.
ㅇ 모듈 그리드
31. 내용을 분해하라.
32. 숨 쉴 여지를 남겨라.
33. 경제적으로 디자인하라.
34. 질서 있는 세계를 디자인하라.
35. 격자를 탈출하라.
ㅇ 도표와 그래프
36. 도표는 하나의 그림이다.
37. 시각적 장치를 이용하라.
38. 예상을 뛰어넘어라.
39. 정보를 조직화하라.
40. 경계를 벗어나라.
ㅇ 주요소로서의 색
41. 색으로 눈길을 사로잡아라.
42. 팔레트를 만들어라.
43. 색으로 표현하라.
44. 타이포그래피와 컬러를 조화시켜라.
ㅇ 구조적 요소로서의 색
45. 색 모듈 그리드를 구축하라.
46. 색으로 타이포그래피를 강조하라.
47. 정보에 색을 입혀라.
48. 색상 분류 체계를 활용하라.
49. 색으로 정보를 분리하라.
50. 흑백의 음영으로 색을 표현하라.
ㅇ 수평적 계층 그리드
51. 친절하게 디자인하라.
52. 정보를 명확히 분류하라.
53. 여백을 통해 수평 그리드를 구축하라.
54. 기능 이외의 것도 생각하라.
55. 요소들을 계층화하라.
ㅇ 타이포그래피 그리드
56. 화려하게 변신하라.
57. 회전시켜라.
58. 한곳에 집중시켜라.
59. 그리드를 연주하라.
60. 다른 시각을 가져라.
ㅇ 기능성이 높은 경제적인 그리드
61. 좁은 마진을 효과적으로 사용하라.
62. 요점을 드러내라.
63. 많은 양의 정보를 제어하라.
64. 공간을 모두 활용하라.
65. 최소의 지면에서 최대의 효과를 내라.
66. 시선을 이끌어라.
ㅇ 알찬 공간감
67. 이야기를 전달하라.
68. 오아시스를 만들어라.
69. 이미지를 돋보이게 하라.
ㅇ 보이지 않는 그리드
70. 스케치부터 시작하라.
71. 질서를 비틀어라.
72. 이미지를 그리드화시켜라.
73. 구조에 유동성을 부여하라.
ㅇ 유기적인 그리드
74. 파괴를 기획하라.
75. 이미지를 재단하라.
76. 실루엣으로 생생한 판면을 구성하라.
77. 색다른 요소를 첨가하라.
ㅇ 스위스식 그리드
78. 체계를 정립하라.
- 스위스 디자이너들은 반복적인 구조를 이용하여 그 위에 변화와 의외성을 만들어낸다.
예를 들자면 한 작업물 안에서 조밀한 판면과 여유로운 판면을 혼용하는 것이다.
79. 타이포그래피의 두께와 크기를 이용하라.
80. 헬베티카 서체에 주목하자.
81. 괘선을 활용하라.
82. 수평 그리드와 수직 그리드를 함께 사용하라.
ㅇ 그리드를 넘어선 그리드
83. 일탈을 계획하라.
84. 크기를 변화시켜라.
85. 사진이 말하게 하라.
86. 사이드바를 활용하자.
ㅇ 그리드의 재구성
87. 거장을 따르라.
88. 그리드로 판면을 장악하라.
89. 경계를 허물어라.
ㅇ 다층 그리드
90. 복잡하게 만들어라.
91. 입체적으로 사고하라.
92. 포괄적으로 생각하라.
ㅇ 움직이는 그리드
93. 다양한 장치를 소화하라.
94. 팔리는 디자인을 해라.
95. 움직이게 해라.
96. 모듈로 만들어라.
ㅇ 규칙을 넘어서
97. 명확함을 따르라.
98. 규칙을 넘어서라.
99. 마음으로 디자인하라.
100. 규칙을 잊어라.
'Book Reviews' 카테고리의 다른 글
| 서른에서 멈추는 여자 서른부터 성장하는 여자 (0) | 2015.05.24 |
|---|---|
| 반응형 웹 디자인 (0) | 2015.05.14 |
| 토마토 SPEAKING GRAMMAR (0) | 2015.05.14 |
| 그림으로 그리는 생각정리기술 도해사고력 (0) | 2015.04.10 |
| 생각정리의 기술 (0) | 2015.04.10 |