■ 레이아웃의 이해 ■ 레이아웃의 구성요소 ㆍ 타이포그래피 (1) 낱자와 낱말 ① 자폭 ② 자간 ③ 어간 ④ 무게 ⑤ 이탤릭체 ⑥ 대문자와 소문자 ⑦ 세리프와 산세리프 (2) 행과 문단 ① 활자 크기 ② 행폭 ③ 행간 ④ 문단 (3) 정렬 ① 양끝 정렬 ② 왼끝 정렬 ③ 오른끝 정렬 ④ 중앙 정렬 ⑤ 비대칭 정렬 ⑥ 윤곽 정렬 ㆍ 이미지 (1) 사진 ① 위탁 사진 ② 구매 사진 ③ 대여 사진 (2) 일러스트레이션 ① 위탁 일러스트레이션 ② 구매 일러스트레이션 ③ 대여 일러스트레이션 ㆍ 색상 (1) 색상의 이해 ① 색상의 속성 ② 색상의 분류 ③ 색상환 (2) 색상의 체계 ① CMYK ② RGB ③ 별색 ④ 형광색 ⑤ 메탈릭 효과 (3) 색상의 표현 ① 빨강 ② 주황 ③ 노랑 ④ 초록 ⑤ 파랑 ⑥ 보라 ⑦ 갈색 ⑧ 회색 ⑨ 흰색 ⑩ 검정 ⑪ 금색 ⑫ 은색 ㆍ 여백 (1) 여백의 의미 (2) 여백의 기능 ■ 레이아웃의 구성원리 ㆍ 통일 (1) 조화 (2) 질서 ㆍ 변화 (1) 비례 (2) 변형 ㆍ 균형 (1) 대칭 (2) 비대칭 ㆍ 율동 (1) 반복 (2) 연속 (3) 점이 (4) 방사 (5) 교대 ㆍ 강조 (1) 대비 (2) 배경 ■ 그리드의 이해 ㆍ 황금 분할 ㆍ 피보나치 수열 ㆍ 모듈러 ■ 그리드의 구성요소 ㆍ 칼럼 (단) ㆍ 모듈 (단위) ㆍ 마진 (여백) ㆍ 플로우 라인 ㆍ 존 (공간영역) ㆍ 마커 ㆍ 여유 인쇄선 ㆍ 칼럼 마진 (여백) ■ 그리드를 이용한 레이아웃 ㆍ 블록 그리드 ㆍ 칼럼 그리드 ㆍ 모듈 그리드 ㆍ 계층 그리드 ㆍ 혼합 그리드 ㆍ 플렉서블 그리드 ㆍ 대칭 그리드와 비대칭 그리드 (1) 대칭 그리드 (2) 비대칭 그리드 ㆍ 그리드를 만드는 방법 (1) 본문 기준의 그리드 (2) 이미지 기준의 그리드 ■ 그리드를 무시한 레이아웃 ㆍ 타이포그래피의 해체 ㆍ 직감적 감각에 의한 디자인 ㆍ 컨셉트의 표현을 통한 암시 ㆍ 돌발 변수에 따른 효과 ㆍ 타이포그래피와 이미지의 통합 ㆍ 형식의 일치와 대립 (1) 형식의 일치 (2) 형식의 대립 Appendix : Color Chart ㆍ 색상별 배색 ㆍ 주제별 배색 참고문헌

일반적으로 디자인에서 레이아웃이란 주어진 공간 안에 시각적 구성요소들을 보기 좋게 배치, 구성하는 일련의 과정이라 할 수 있다. 여기서 시각적 구성요소란 이 책에서 중점적으로 다루고자 하는 타이포그래피, 사진 및 일러스트레이션, 색상, 여백 등을 말하며 통일, 변화, 균형, 율동, 강조 등의 구성원리도 중요한 사항이다. 더불어 주목성, 가독성, 명쾌성, 조형성, 창조성 등도 고려해야 할 기본조건에 해당한다. 레이아웃은 오디언스(audience)를 즐겁게 하고 제작물에 더욱 몰입할 수 있도록 하는 데 주안점을 두어야 할 중요한 기술이다. 그러므로 잘 만들어진 레이아웃은 복잡다단한 온라인과 오프라인 미디어의 정보 안에서 대중과의 원활한 커뮤니케이션을 돕는 역할을 한다. 레이아웃의 구성방식에는 디자이너의 감각에 의존하는 프리 방식과 모듈의 구조에 의존하는 그리드 방식이 있다. 그리드는 레이아웃의 요소들을 조화롭게 시각화시키기 위하여 사용하는 수평, 수직의 망이다. 이는 주관적·감각적인 요소들을 객관적·과학적으로 만들어 격자형의 보이지 않는 그물망으로 모듈화시킨 것을 뜻한다. 이때 주어진 공간을 체계적으로 배치하기 위해 치밀하게 계산하여 칼럼(column), 행간(leading), 마진(white space) 등으로 구분한다. 이렇게 계산된 그리드는 오디언스로 하여금 통일성과 안정감을 느끼게 한다. 그리드는 제작물의 일관성을 구축하는 데 큰 도움을 주며 정돈된 체계의 근거를 제공한다. 그리드를 나누는 공간 단위인 그리드 모듈의 수와 크기가 반드시 정해져 있는 것은 아니지만, 그리드 모듈이 시각적 일관성을 가지고 레이아웃 구성요소를 빛나게 해주는 도구인 만큼 많이 사용될수록 좋은 결과물이 나올 가능성이 크다고 할 수 있다.