디자인의 시작이자 끝, 그리드 그리드란 공간과 정보를 조직하여 독자 앞에 내보이는 도구로, 전체 디자인 작업의 바탕이 되는 지도와 같은 역할을 합니다. 그리드는 이미 몇백 년 전부터 사용됐으나 시간이 흐르면서, 진부하고 구태의연한 것으로 여겨지기도 했습니다. 저자 베스 톤드로는 “그리드는 배치도이지 감옥이 아닙니다”라고 말하며 레이아웃에 관한 핵심 법칙 100가지를 전달합니다. 『레이아웃 불변의 법칙 100가지』는 ‘그리드의 기초’와 ‘실전 그리드’로 구성되어 있습니다. 그리드의 기초에서는 그리드를 구성하는 요소인 단, 모듈, 마진, 플로우라인, 마커 등에 대한 간단한 설명을 시작으로, 그리드의 구조와 전달하고자 하는 정보에 알맞은 그리드를 소개하고, 그리드 안에서 정보를 구성하고 개성을 부여하는 방법을 제시합니다. 실전 그리드에서는 다양한 그리드의 이용 방법과 그 그리드의 장점을 이용한 효과적인 정보 전달 방법을 전합니다. 도표, 그래프, 색, 이미지, 여백 등을 다양하게 요리하여 아름답고 유용한 그리드를 만드는 방법과 디자이너가 갖춰야 할 자세에 대해서도 이야기합니다. 이 책의 가장 큰 강점은 전 세계에서 활동 중인 뛰어난 디자이너들의 작업물이 풍부하게 수록되어 있다는 점입니다. 실제 사례를 통해 핵심 개념이 어떻게 적용되는지 보여줍니다. 독자들은 이 과정을 따라가며 법칙에 대해 심도 있게 이해하게 되고, 자신만의 영감을 얻게 됩니다. 포스터, 투표용지, 시간표, 표지판, 쇼핑백, 영수증과 같은 다양한 인쇄물뿐만 아니라 웹디자인, 모바일 기기까지 현장에서 활용되는 실질적인 그리드 디자인을 두루 살펴볼 수 있습니다. 책에 실린 사례들은 독자에게 정보와 통찰 그리고 새로운 시각을 더해줍니다. 디자인이 막힐 때 펼쳐 보는 그리드 가이드 그리드와 같은 기본은 당연하고 눈에 띄지 않는 탓에 자주 평가절하됩니다. 말로 표현하기는 어렵지만 뭔가 이상하다는 느낌을 주는 디자인은 기본이 틀어져 있는 경우가 많습니다. 숙련된 디자이너도 다양한 디자인 요소들을 다루다 보면 기본을 잊게 되는 순간이 옵니다. 『레이아웃 불변의 법칙 100가지』의 부제가 ‘디자인이 막힐 때 펼쳐 보는 그리드 가이드’인 이유가 여기에 있습니다. 저자는 기본이 되는 그리드 사용법을 보여줌으로써 독자로 하여금 초심, 영감을 찾았을 때의 느낌을 상기시킵니다. 신입 디자이너에게는 그리드 디자인 이론과 실제를 통해 다양한 시도를 할 수 있는 즐거움을, 숙련된 디자이너에게는 작업이 막힐 때 문제 해결의 실마리를 제공해줄 것입니다.

저자 : 베스 톤드로 Beth Tondreau 베스 톤드로는 소규모 디자인 회사 BTD의 설립자이자 사장으로 출판물 디자인, 중소기업의 로고, 아이덴티티, 웹사이트 개발 작업을 진행하고 있다. 현재 뉴욕 패션 학교 (FIT)에서 디자인을 가르치고 있다. 비국 그래픽 디자인협회 뉴욕 지부의 멘토링 프로그램에서 멘토로 활동하고 있으며, 뉴욕시 이사회의 일원이다. 역자 : 오윤성 서울대학교 인문대학 미학과를 졸업하였다. 역사, 에세이, 처세술, 교양, 아동서 등 다양한 분야에서 활발한 번역 활동을 하고 있으며, 현재 번역에이전시 엔터스코리아에서 전문 번역가로 활동하고 있다. 옮긴 책으로는 『월터 포스터 하우 투 드로잉』, 『크리에이티브 드로잉』, 『루브르: 루브르 회화의 모든 것』 등이 있다. 역자 : 이희수 서울대학교에서 언어학을 전공하고 프랑스 파리 제7대학에서 언어학과 석사 과정을 마쳤다. 현재는 영어, 프랑스어 전문 번역가로 활동하고 있으며, 옮긴 책으로는 『로고 디자인의 비밀』, 『디자이너, 디자인을 말하다』, 『그래픽 디자인을 바꾼 아이디어 100』, 『디자인 불변의 법칙 125가지』(공역), 『타이포그래피 불변의 법칙 100가지』, 『책 읽는 뇌』 등이 있다.

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 저자 소개·감사의 말·옮긴이 소개

레이아웃에 관한 핵심 법칙 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. 규칙을 무시하라