[Design] 디자인은 색, 그림, 글자를 구성하는 레이아웃이다.

차례

  1. 디자인의 구성 요소
  2. 디자인의 구성 요소 분석
  3. 디자인 요소의 구성 = 레이아웃

1. 디자인의 구성 요소

색(Color)
그림(Picture)
글자(Typography)

디자인을 구성하는 기본 요소들이 있습니다. 바로 색(Color), 그림(Picture), 글자(Typography)입니다.

색(Color)은 빨간색, 노란색, 초록색, 파란색과 흰색, 회색, 검정색 등과 같은 컬러, 색상을 얘기하고, 그림(Picture)은 사진, 일러스트레이션, 그래픽, 아이콘 등을 지칭합니다. 글자(Typography)는 한글, 영어, 숫자와 같은 말을 적는 기호이며 폰트를 생각하면 되겠습니다.

레이아웃(Layout) = 색(Color) + 그림(Picture) + 글자(Typography)

이러한 디자인 요소인 색, 그림, 글자를 효과적으로 정리하고 배치하는 것, 즉 시각적으로 아름답게 구성하는 것이 레이아웃(Layout)입니다.


“디자인 분석 능력이 필요하다!”

디자인을 잘하는 방법은?‘에서 밝혔듯이 비전공자 또는 디자인 초보자가 디자인을 잘하고 좋은 디자인을 고르는 안목을 키우려면 디자인을 분석할 줄 알아야 합니다. 즉 디자인을 분석하는 능력을 키워야 합니다!

좋은 디자인 작품은 이러한 디자인 요소들의 레이아웃, 구성이 조화롭게 잘 이루어진 경우일 것입니다.

그래서 디자인을 구성하는 요소들과 그 요소들을 구성하는 방법인 레이아웃에 대해 알아야 디자인을 분석할 수 있는 능력을 함양할 수 있습니다.

디자인 분석 능력이 높아지면 자연스럽게 좋은 디자인을 제작할 수 있는 디자인 능력과 좋은 디자인을 고를 수 있는 안목이 같이 향상되게 됩니다.


2. 디자인의 구성 요소 분석

먼저 우리가 일상에서 많이 접하고 있는 디자인 중 로고 디자인과 캐릭터 디자인을 통해 어떠한 디자인 요소로 구성되었는지 살펴보도록 하겠습니다.


1) 로고 디자인(Logo Design)

아디다스 오리지널 로고로 이전에 사용되었던 디자인입니다. 현재는 새로운 로고가 사용되고 있죠.

adidas original logo

아디다스 로고는 어떻게 디자인되었을까요? 먼저 파란색의 브랜드 컬러(Brand Color)가 적용된 것이 보입니다.

그리고 위쪽은 세개의 타원형에 세개의 라인이 있는 도형이 있고, 그 아래 “adidas”라는 브랜드 이름이 위치하고 있습니다.

정리하자면 지금 로고 디자인은 파란색 컬러, 간단한 도형 그림, adidas라는 글자로 구성되어 있습니다.


2) 캐릭터 디자인(Character Design)

곰쿤(GomKoon)이라는 캐릭터 디자인으로 동물 곰을 캐릭터화한 작품입니다.

먼저 전체적으로 브라운 계열의 색이 사용되었고, 빨간색 홍조와 오렌지색 캐릭터 이름에 적용되었습니다.

동그란 도형과 검정색 라인으로 곰의 형태가 드로잉되어 있습니다. “GomKoom”이라는 캐릭터 이름과 캐릭터를 설명하는 “AR CHARACTER” 글자가 하단에 위치하고 있습니다.

이번 캐릭터 디자인도 3가지 정도의 색, 원형과 라인으로 그려진 곰 그림, 캐릭터 이름 및 설명의 글자로 구성되어져 있다는 것을 알 수 있습니다.


3) 편집 디자인 > 브로슈어 디자인(Brochure Design)

이번은 편집 디자인 중 렉서스 자동차를 위한 브로슈어 디자인(Brochure Design)입니다.

LEXUS Brochure Design

이 브로슈어 디자인의 컬러를 살펴보면 다크 브라운 계열이 전체적으로 메인 컬러, 즉 주제색으로 사용되었습니다.

렉서스 자동차와 사람의 형상이 그림 또는 사진으로 구성되어있습니다. 그리고 렉서스 로고와 배경에 라인 드로잉 스타일로 적용된 그래픽 요소들이 보일 겁니다.

마지막으로 글자(폰트, 타이포그래피)에 관련된 부분인데요. “LUXURY AWAITS”와 같은 제목, 그 아래 “2008 LEXUS ES 350″이라는 렉서스 차량의 종류를 표기한 글자가 보입니다.

렉서스 브로슈어 디자인 역시 주제색과 보조색의 컬러, 그래픽/사진/로고와 같은 그림, 제목과 같은 글자로 구성되어 있습니다.


3. 디자인 요소의 구성 = 레이아웃

디자인의 구성

앞서 살펴본 바와 같이 디자인의 기본 구성 요소는 컬러, 그림, 글자로 구성되어있고 이러한 디자인 요소들을 “어떻게 배치하느냐?”, “어떻게 정렬하느냐?”, “어떻게 구성하는가?“가 바로 레이아웃입니다.

즉 디자인 요소인 색, 그림, 글자의 구성이 레이아웃(Layout)이라고 할 수 있습니다.

이런 관점에서 보면 디자인은 구성 요소인 컬러, 그림, 글자를 레이아웃 구성으로 시각화한 것이라고 할 수 있겠습니다.

그래서 좋은 디자인을 제작하고 고르려면 디자인 요소인 컬러, 그림, 글자의 디자인 속성과 디자인 요소의 레이아웃이 어떻게 구성되었는지를 분석할 수 있는 능력을 키워야 합니다. 그러기 위해서는 디자인 요소들의 속성과 레이아웃 방법에 대한 이해가 필요하겠죠?

앞으로 디자인 요소와 레이아웃에 대한 기본적인 사항에 대해서 알아보도록 하겠습니다.


참고로 요즘은 다양한 미디어에서 동영상(Video)도 이러한 디자인 요소 중 그림(Picture)의 한 요소로서 구성됩니다.