도서 소개

한 권으로 끝내는 그리드 사용법. 개정판 <레이아웃 불변의 법칙 100가지>는 크게 ‘그리드의 기초’와 ‘실전 그리드’로 나뉘어 있다. 그리드의 구조와 같은 기본 지식을 간단하게 설명한 뒤 그리드에 대한 짧은 견해와 그 견해가 반영된 실제 사례들을 보여준다. 이론은 군더더기 없이 핵심만 설명하고 이론이 반영된 결과물들을 보여줌으로써 독자들이 이론과 실전을 동시에 접할 수 있도록 하였다.

이 책의 가장 큰 강점은, 전 세계에서 활발하게 활동하고 있는 재능 넘치는 디자이너들의 작업물이 수록된 것이라고 할 수 있다. 이 책에 실린 모든 사례가 독자들에게 정보를 제공함과 동시에 호기심과 흥미를 불러일으켜 디자인 과정에 지식과 영감을 제공할 것이다.

  출판사 리뷰

“한 권으로 끝내는 그리드 사용법”

모든 디자인의 기본, 그리드
그리드는 수많은 종류의 커뮤니케이션을 위해 공간을 체계적으로 구성하고, 광범위한 내용을 보조하면서 질서를 부여하는 중요한 역할을 하지만 대개는 눈에 잘 띄지 않습니다. 효과적인 정보 전달 도구인 그리드는 이미 몇 백 년 전부터 사용되어 왔으나 한때는 단조롭고 지루한 구식으로 치부됐던 시기도 있었습니다. 하지만, 엄청난 양의 데이터와 이미지가 다양한 플랫폼을 넘나드는 현재, 그리드는 모든 디자이너에게 꼭 필요한 도구로 인정받고 있습니다.

레이아웃에 대한 핵심 견해 100가지
이 책 개정판 『레이아웃 불변의 법칙 100가지』는 크게 ‘그리드의 기초’와 ‘실전 그리드’로 나뉘어 있습니다. 그리드의 구조와 같은 기본 지식을 간단하게 설명한 뒤 그리드에 대한 짧은 견해와 그 견해가 반영된 실제 사례들을 보여줍니다. 이론은 군더더기 없이 핵심만 설명하고 이론이 반영된 결과물들을 보여줌으로써 독자들이 이론과 실전을 동시에 접할 수 있도록 하였습니다. 이 책의 가장 큰 강점은, 전 세계에서 활발하게 활동하고 있는 재능 넘치는 디자이너들의 작업물이 수록된 것이라고 할 수 있습니다. 이 책에 실린 모든 사례가 독자들에게 정보를 제공함과 동시에 호기심과 흥미를 불러일으켜 디자인 과정에 지식과 영감을 제공할 것입니다.

개정판으로 새롭게 단장한 『레이아웃 불변의 법칙 100가지』
이 책은 타이포그래피, 공간, 색 등 디자인 작업의 필수 요소를 다루면서 그리드 시스템을 이용한 커뮤니케이션을 광범위하게 보여주고 있습니다. 다양한 그리드, 색 ,여백, 이미지, 표 등의 정보 전달의 도구들을 다양하게 활용하여 아름다우면서도 유용한 그리드를 만들도록 돕고 있습니다.

이번 개정판에서는 인쇄물, 태블릿, 모바일 기기에 적용된 디자인 사례가 전보다 풍부해졌으며, 여러 법칙이 하나의 프로젝트에 적용된 경우나, 한 프로젝트에 여러 법칙이 적용된 사례도 포함하였습니다.

그리드 구축 및 사용법이 총망라된 디자이너의 필독서
초보자라면 개정판 『레이아웃 불변의 법칙 100가지』로 그리드 디자인의 이론과 실제를 함께 익힐 수 있고, 숙련자라면 디자인 작업이 잘 되지 않을 때 기본을 다시 되짚어 볼 수 있는 기회를 만들어 줄 것입니다. 디자인을 업으로 삼고 있다면 한 번 읽고 책장에 꽂아만 두는 것이 아니라 수시로 꺼내보며 지식과 영감을 얻길 권합니다.




23 과밀은 금물
다단 그리드 디자인에서는 모든 공간을 완벽하게 채울 필요가 없다는 것을 알아두자. 어떤 단은 텅 빈 그대로 두어도 좋다. 독자가 흰 여백을 따라 판면을 읽어나가면서 이야기, 이미지, 로고 타입 등 여러 내용 중에서 원하는 것을 골라 읽도록 하면 된다. 다양한 두께의 괘선을 이용하여 정보를 조직화하고 강렬한 시각 효과를 창출할 수 있다.

35 모듈 사이의 유기성을 고려하라
모듈의 격자를 탈출하는 순간, 모듈 그리드의 또 다른 아름다움이 드러난다. 일관된 모듈 그리드에서도 형태나 크기, 패턴을 변형하여 얼마든지 질서정연하면서도 경쾌한 판면을 구성할 수 있다.

  작가 소개

지은이 : 베스 톤드로
출판용 서적과 책 표지 디자인, 중소기업을 위한 로고, 아이덴티티 디자인, 웹사이트 개발을 전문으로 하는 디자인 회사 BTD의 설립자 겸 대표다. 현재 뉴욕시티텍대학교에서 디자인 강의를 맡고 있으며 AIGA/NY 멘토링 프로그램의 멘토, AIGA/NYC 이사회 이사로 활동하기도 했다.

  목차

그리드의 기초

그리드의 구성
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 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 규칙을 무시하라

용어 정리
추천 도서와 오디오 자료
도움을 주신 분들과 단체
한눈에 보는 그리드 디자인
저자 소개·감사의 말·옮긴이 소개

  회원리뷰