도서 소개
‘그리드의 기초’와 ‘실전 그리드’로 구성되어 있다. 그리드의 기초에서는 그리드를 구성하는 요소인 단, 모듈, 마진, 플로우라인, 마커 등에 대한 간단한 설명을 시작으로, 그리드의 구조와 전달하고자 하는 정보에 알맞은 그리드를 소개하고, 그리드 안에서 정보를 구성하고 개성을 부여하는 방법을 제시한다.
실전 그리드에서는 다양한 그리드의 이용 방법과 그 그리드의 장점을 이용한 효과적인 정보 전달 방법을 전한다. 도표, 그래프, 색, 이미지, 여백 등을 다양하게 요리하여 아름답고 유용한 그리드를 만드는 방법과 디자이너가 갖춰야 할 자세에 대해서도 이야기한다.
이 책의 가장 큰 강점은 전 세계에서 활동 중인 뛰어난 디자이너들의 작업물이 풍부하게 수록되어 있다는 점이다. 실제 사례를 통해 핵심 개념이 어떻게 적용되는지 보여준다. 독자들은 이 과정을 따라가며 법칙에 대해 심도 있게 이해하게 되고, 자신만의 영감을 얻게 된다.
포스터, 투표용지, 시간표, 표지판, 쇼핑백, 영수증과 같은 다양한 인쇄물뿐만 아니라 웹디자인, 모바일 기기까지 현장에서 활용되는 실질적인 그리드 디자인을 두루 살펴볼 수 있다. 책에 실린 사례들은 독자에게 정보와 통찰 그리고 새로운 시각을 더해준다.
출판사 리뷰
디자인의 시작이자 끝, 그리드
그리드란 공간과 정보를 조직하여 독자 앞에 내보이는 도구로, 전체 디자인 작업의 바탕이 되는 지도와 같은 역할을 합니다. 그리드는 이미 몇백 년 전부터 사용됐으나 시간이 흐르면서, 진부하고 구태의연한 것으로 여겨지기도 했습니다. 저자 베스 톤드로는 “그리드는 배치도이지 감옥이 아닙니다”라고 말하며 레이아웃에 관한 핵심 법칙 100가지를 전달합니다.
『레이아웃 불변의 법칙 100가지』는 ‘그리드의 기초’와 ‘실전 그리드’로 구성되어 있습니다. 그리드의 기초에서는 그리드를 구성하는 요소인 단, 모듈, 마진, 플로우라인, 마커 등에 대한 간단한 설명을 시작으로, 그리드의 구조와 전달하고자 하는 정보에 알맞은 그리드를 소개하고, 그리드 안에서 정보를 구성하고 개성을 부여하는 방법을 제시합니다. 실전 그리드에서는 다양한 그리드의 이용 방법과 그 그리드의 장점을 이용한 효과적인 정보 전달 방법을 전합니다. 도표, 그래프, 색, 이미지, 여백 등을 다양하게 요리하여 아름답고 유용한 그리드를 만드는 방법과 디자이너가 갖춰야 할 자세에 대해서도 이야기합니다.
이 책의 가장 큰 강점은 전 세계에서 활동 중인 뛰어난 디자이너들의 작업물이 풍부하게 수록되어 있다는 점입니다. 실제 사례를 통해 핵심 개념이 어떻게 적용되는지 보여줍니다. 독자들은 이 과정을 따라가며 법칙에 대해 심도 있게 이해하게 되고, 자신만의 영감을 얻게 됩니다.
포스터, 투표용지, 시간표, 표지판, 쇼핑백, 영수증과 같은 다양한 인쇄물뿐만 아니라 웹디자인, 모바일 기기까지 현장에서 활용되는 실질적인 그리드 디자인을 두루 살펴볼 수 있습니다. 책에 실린 사례들은 독자에게 정보와 통찰 그리고 새로운 시각을 더해줍니다.
디자인이 막힐 때 펼쳐 보는 그리드 가이드
그리드와 같은 기본은 당연하고 눈에 띄지 않는 탓에 자주 평가절하됩니다. 말로 표현하기는 어렵지만 뭔가 이상하다는 느낌을 주는 디자인은 기본이 틀어져 있는 경우가 많습니다. 숙련된 디자이너도 다양한 디자인 요소들을 다루다 보면 기본을 잊게 되는 순간이 옵니다. 『레이아웃 불변의 법칙 100가지』의 부제가 ‘디자인이 막힐 때 펼쳐 보는 그리드 가이드’인 이유가 여기에 있습니다. 저자는 기본이 되는 그리드 사용법을 보여줌으로써 독자로 하여금 초심, 영감을 찾았을 때의 느낌을 상기시킵니다. 신입 디자이너에게는 그리드 디자인 이론과 실제를 통해 다양한 시도를 할 수 있는 즐거움을, 숙련된 디자이너에게는 작업이 막힐 때 문제 해결의 실마리를 제공해줄 것입니다.
#레이아웃 #그리드 #디자인 #디자이너 #시각디자인 #시각디자이너 #편집디자인 #편집디자이너 #그래픽디자인 #그래픽디자이너
1. 요소를 파악하라
2. 기본 구조를 익혀라
3. 내용을 파악하라
4. 계산하라
5. 가독성을 높여라
6. 순서를 정하라
7. 모든 요소를 동시에 고려하라
8. 색으로 공간을 규정하라
9. 여백을 그래픽 요소로 사용하라
10. 페이스를 조절해 관심을 유지하라
11. 주제에 걸맞은 서체를 사용하라
12. 마진을 정하라
13. 비례를 생각하라
14. 균등성을 생각하라
15. 기능에 맞춰 디자인하라
16. 괘선으로 조절하라
17. 질서를 유지하되 융통성을 발휘하라
18. 이해하기 쉽게 영역을 나눠라
19. 변화에 일관성을 부여하라
20. 구조를 변주하라
21. 간결하게 보여라
22. 타이포그래피로 단을 구분하라
23. 과밀은 금물
24. 단의 높이를 낮춰라
25. 형태를 요리하라
26. 리듬을 살려라
27. 섞어라
28. 복잡한 요소들을 간소화하라
29. DIY가 쉽게 만들어라
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. 규칙을 무시하라
작가 소개
지은이 : 베스 톤드로
소규모 디자인 회사 BTD의 설립자이자 사장으로 출판물 디자인, 중소기업의 로고, 아이덴티티, 웹사이트 개발 작업을 진행하고 있다. 현재 뉴욕 패션 학교 (FIT)에서 디자인을 가르치고 있다. 비국 그래픽 디자인협회 뉴욕 지부의 멘토링 프로그램에서 멘토로 활동하고 있으며, 뉴욕시 이사회의 일원이다.
목차
8 서론
그리드의 기초
10 그리드의 구성
11 기본 그리드
12 그리드의 선택
13 텍스트 포맷 결정
14 정보의 구성
15 그리드와 이미지
16 그리드, 글자, 이미지의 조합
17 색
18 여백
19 리듬과 흐름
실전 그리드
22 1단 그리드
28 2단 그리드
42 3단 그리드
52 다단 그리드
62 모듈 그리드
72 도표와 그래프
82 주요소로서의 색
90 구조적 요소로서의 색
102 수평적 계층 그리드
112 타이포그래피 그리드
122 기능성이 높은 경제적인 그리드
134 알찬 공간감
140 보이지 않는 그리드
148 유기적인 그리드
156 스위스식 그리드
166 그리드를 넘어선 그리드
174 그리드의 재구성
180 다층 그리드
186 움직이는 그리드
194 규칙을 넘어서
202 용어 정리
203 추천 도서와 오디오 자료
204 도움을 주신 분들과 단체
206 한눈에 보는 그리드 디자인
208 저자 소개·감사의 말·옮긴이 소개
