■ 레이아웃의 이해

■ 레이아웃의 구성요소

ㆍ 타이포그래피
(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
ㆍ 색상별 배색
ㆍ 주제별 배색

참고문헌