도서 소개

디자인에 관심을 가지고 있는 일반인, 디자인을 전공하는 학생, 더 나아가 산업현장에서 근무하는 디자이너에 이르기까지 보다 쉽게 이해할 수 있도록 구성하였다. 이 책은 크게 두 영역으로 나뉘어 있다. 하나는 레이아웃의 구성요소와 구성원리에 대한 소개로 이루어져 있으며, 다른 하나는 그리드를 이용한 레이아웃과 그리드를 무시한 레이아웃에 대해 다루고 있다. 레이아웃은 대중들과 원활한 커뮤니케이션을 돕는 역할을 하며, 그리드는 레이아웃 구성요소와 원리를 적절하게 배치하기 위한 도구라고 할 수 있다.

  출판사 리뷰

디자이너의 창작의욕을 고취시키는 지침서가 되었으면…

그동안 많은 출판사에서 레이아웃과 그리드에 관련된 책들을 간행하였으나, 관련업계에 근무하는 후배나 학생들에게 추천할 만한 교재를 찾기가 힘들다. 그나마 몇 종의 디자인 번역서가 양질의 서적으로 인정받으며 주류를 이루고 있으나, 우리나라 실정과는 다소 거리가 있는 이론과 예제 등이 많아 현장감이 떨어지고 적잖은 괴리감을 느낄 수밖에 없다.

아직도 다수의 디자이너들이 체계적인 이론적 바탕을 멀리한 채, 자신의 감각에 의존하는 디자인에 매달리고 있는 실정이다. 하지만 감각에 의존한 디자이너의 결과물은 체계적이지 못하여 자신의 제작물을 대중들에게 설득할 수 있는 힘이 부족할 수밖에 없다. 디자이너에게 감각도 중요하지만 그 기초는 탄탄한 이론적 배경에 있다는 것을 명심해야 한다.

이 책은 디자인에 관심을 가지고 있는 일반인, 디자인을 전공하는 학생, 더 나아가 산업현장에서 근무하는 디자이너에 이르기까지 보다 쉽게 이해할 수 있도록 구성하였다. 여기에 소개된 많은 예제를 통해 실무 감각을 익히고, 새로운 디자인의 영감을 얻을 수 있었으면 하는 바람이다.

이 책은 크게 두 영역으로 나뉘어 있다. 하나는 레이아웃의 구성요소와 구성원리에 대한 소개로 이루어져 있으며, 다른 하나는 그리드를 이용한 레이아웃과 그리드를 무시한 레이아웃에 대해 다루고 있다. 레이아웃은 대중들과 원활한 커뮤니케이션을 돕는 역할을 하며, 그리드는 레이아웃 구성요소와 원리를 적절하게 배치하기 위한 도구라고 할 수 있다.

첫 번째 섹션, 레이아웃에서는 구성요소인 타이포그래피, 사진 및 일러스트레이션, 색상, 그리고 여백에 관련된 적절한 예제 작품들을 세부적인 접근을 통해 제시하며 탄탄한 기본기를 다질 수 있도록 했다. 또한 레이아웃 구성원리인 통일, 변화, 균형, 율동, 강조에서는 일목요연한 분석을 통하여 실무에 도움을 주고자 하였다.

두 번째 섹션, 그리드에서는 블록, 칼럼, 모듈, 계층, 혼합, 플렉서블 등 그리드를 이용한 레이아웃을 유형별로 나누어 쉽고 빠르게 이해할 수 있도록 했다. 그리드를 무시한 레이아웃에서는 타이포그래피의 해체, 직감적 감각에 의한 디자인, 콘셉트의 표현을 통한 암시, 돌발 변수에 따른 효과 등 여러 가지 응용사례를 보여주었다.

이제 아쉬운 마음으로 조그마한 결실을 맺으며, 도움을 주신 모든 분들께 감사를 드린다. 학문의 길에서 큰 윤곽을 잡아주시며 조언을 아끼지 않으신 홍익대학교 교수님들, 디자인 작업을 함께해준 조호군님, 사진자료에 도움을 준 유영화님과 신증호님, 출판을 맡아주신 ㈜디자인소호 이인기 대표님과 관계자들, 언제나 제 편이 되어 응원해준 사랑하는 가족들, 그리고 지속적인 격려와 사랑을 베풀어준 고마운 모든 분들께 감사의 마음을 전한다.




일반적으로 디자인에서 레이아웃이란 주어진 공간 안에 시각적 구성요소들을 보기 좋게 배치, 구성하는 일련의 과정이라 할 수 있다. 여기서 시각적 구성요소란 이 책에서 중점적으로 다루고자 하는 타이포그래피, 사진 및 일러스트레이션, 색상, 여백 등을 말하며 통일, 변화, 균형, 율동, 강조 등의 구성원리도 중요한 사항이다. 더불어 주목성, 가독성, 명쾌성, 조형성, 창조성 등도 고려해야 할 기본조건에 해당한다.

레이아웃은 오디언스(audience)를 즐겁게 하고 제작물에 더욱 몰입할 수 있도록 하는 데 주안점을 두어야 할 중요한 기술이다. 그러므로 잘 만들어진 레이아웃은 복잡다단한 온라인과 오프라인 미디어의 정보 안에서 대중과의 원활한 커뮤니케이션을 돕는 역할을 한다. 레이아웃의 구성방식에는 디자이너의 감각에 의존하는 프리 방식과 모듈의 구조에 의존하는 그리드 방식이 있다.

  작가 소개

지은이 : 홍영일
홍익대학교에서 실증연구 논문인 「유머를 활용한 광고 크리에이티브 표현이 소비자 태도에 미치는 영향」으로 디자인학 박사를 취득했다. 광고대행사 ㈜대방기획과 냅스㈜를 거쳐 크리에이티브 부티크 ㈜유스컴과 웹에이전시 ㈜아이코닉인터랙티브 대표이사를 지내며, 대기업과 공공기관 100여 개 클라이언트의 500여 개 프로젝트를 진행했다. 뉴욕페스티벌 월드메달, IBA 스티비어워드 大賞, 웹어워드코리아 大賞, 대한민국커뮤니케이션 大賞, 한국브랜드디자인학회 최우수논문상 등 국내외 디자인 및 광고 공모전에 40여 회의 수상 경력을 가지고 있다. IBA, 국방부, 문화체육관광부, 농림축산식품부, 산업통상자원부, 국토교통부, 서울시 등 80여 개 기관에서 디자인 컨설턴트와 평가위원으로 활동했다. 저서로 「디자인을 완성하는 레이아웃과 그리드」가 있으며, 한국연구재단 등재지에 30여 편의 디자인 논문을 게재했다. 홍익커뮤니케이션디자인포럼 회장을 역임했으며 현재 남서울대학교 시각정보디자인학과 교수이자 한국미술협회 디자인분과 위원장, 한국브랜드디자인학회 부회장으로 후학양성과 디자인산업 발전에 힘쓰고 있다. 레이아웃, 편집디자인, 타이포그래피, 광고 크리에이티브, 스마트서비스, 아이디어 발상, 디자인 경영 등에서 연구와 작업을 계속하고 있다. 강의 및 컨설팅분야 (designh＠nsu.ac.kr/ 010-5224-0821) / 디자인을 완성하는 레이아웃과 그리드 실무과정 / 대기업, 중소기업, 공공기관 홍보제작물 최적화 디자인컨설팅 / 광고회사, 편집회사, 크리에이티브 부티크 디자인강의 및 컨설팅 / 인쇄광고, 브로슈어, 카탈로그, 애뉴얼리포트, 사보, 사사 등 디자인컨설팅 / 소비자의 마음을 사로잡는 이미지 구축-CI, BI, 캐릭터 제작 및 컨설팅

  목차

레이아웃의 이해

레이아웃의 구성요소

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

참고문헌

  회원리뷰