2026.07.14 AI 디자이너 28일차 - 일러스트레이터 (3)

1. 오늘의 목표

- 일러스트레이터 강의 수강 ~5-4까지

 

2. 오늘의 학습내용

타이포그래피의 정의

- 타이포그래피는 글자를 시각적으로 다루는 기술이자 예술입니다.
- 타이포그래피는 단순한 문자의 배열이 아닌, 시각 언어를 구성하는 디자인 요소입니다.
- 타이포그래피는 글자를 조형적으로 배열하고 의미를 시각화하는 행위입니다.
- 타이포그래피의 핵심은 읽히는 글자(의미 전달)이면서 동시에 보이는 이미지(시각적 아름다움)로서 기능해야 한다는 점입니다.
- Typeface는 디자인된 글자의 스타일을 의미하며, Font는 서체의 파일을 의미합니다.
- Typeface가 더 큰 범위이며, 그 안에 Font가 속한다고 이해할 수 있습니다.
- 이미지가 디자인의 전체 분위기를 좌우한다면, 타이포그래피는 디자인의 완성도를 좌우합니다.

 

타이포그래피의 3가지 핵심 역할

 

정보 전달: 

정보를 독자에게 명확하고 빠르게 전달하는 것을 돕습니다.
잘 선택한 서체, 적절한 글자 크기, 충분한 줄 간격은 가독성을 향상시킵니다.

 

감정 전달: 

글자의 표정을 통해 감정을 전달하며, 서체의 형태, 굵기, 자간 등이 감정의 언어로 작용합니다.
굵고 역동적인 서체는 긴박감이나 강렬함을, 섬세한 서체는 우아함이나 평온함을 전달합니다.

 

브랜딩과 정체성: 

서체는 브랜드의 인격을 시각화하며, 톤 앤 매너를 결정짓는 핵심 요소입니다.
브랜드의 타이포그래피는 브랜드가 말하는 목소리 톤과 같은 역할을 합니다.
(예시) Nike는 직선적인 에너지와 힘이 느껴지는 Futura Context Extra Bold 서체를 사용했습니다.
(예시) Vogue는 우아함과 고급스러움이 느껴지는 Didot Serif 서체를 사용했습니다.
(예시) Apple은 개성보다는 가독성과 중립성에 방점을 둔 Myriad Pro 서체를 사용하여 기술 중심의 정체성을 표현했습니다

 

디자이너가 알아야 할 타이포그래피의 원칙

 

① 텍스트에 계층을 설정하라

• 크기, 굵기, 색상 등으로 텍스트 계층 설정
• 페이지 구조를 알려주고, 사용자에게 콘텐츠의 흐름 안내
• 명확한 계층 구조는 정보 전달력을 향상시킵니다.

 

② 적정한 텍스트 크기 설정

• 다수의 사람들이 편안하게 읽을 수 있는 본문 텍스트 크기 확인
• 사용자에 따른 텍스트 크기 고려 (ex. 노령을 위한 큰 텍스트)
• 인쇄물에서 7pt 이하의 텍스트 크기 금지

 

 

③ 서체 조합의 원칙

• 한 페이지에 사용하는 서체의 종류 제한 (2~3개 정도)
• 조합에 적절한 대비 생성하기 (ex. San Serif + Serif)
• 목적에 맞는 역할 부여하기

 

④ 가독성을 위한 여백 제공

• 적절한 행간은 가독성을 높일 수 있습니다.
• 행간이 너무 넓으면, 텍스트 박스의 시각적 통일성이 깨집니다.
• 텍스트 한 줄의 글자 수는 60~70자가 적절

 

⑤ 텍스트와 배경 사이의 충분한 대비

• 텍스트와 배경 사이의 대비는 가독성에 큰 영향을 주는 요소
• 어두운 배경에는 선명한 서체 사용 권장
• 어두운 배경은 글자의 간격이 좁아 보이는 착시 현상 → 자간 넓게 조정

 

포스터 디자인을 위한 비주얼 원칙

① Visual Structure

• 좋은 타이포그래피는 보이지 않는 그리드 위에 서 있다.
• Grid System : 텍스트를 논리적이고 조형적으로 정렬하기 위한 기본 틀
• 글자와 여백은 서로 대화하는 공간을 생성

 

② Visual Hierarchy

• 독자가 정보를 ‘한눈에’ 파악하도록 하는 시각적 질서
• 위계 표현의 4가지 도구 : Size, Weight, Color, Position
• Focal Point : 가장 주목해야 할 ‘핵심 지점’ 설정

 

③ Visual Contrast

• 대비는 디자인에 리듬과 생명을 불어넣는다.
• 포스터에서의 대비는 시선을 멈추게 하는 장치
• 대비는 크기뿐 아니라 형태, 방향, 색, 질감 모두 포함

 

④ Rhythm & Repetition

• 리듬은 시각적 음악, 글자 배열에도 박자가 있다.
• 일정한 간격의 반복 요소가 만드는 시각적 흐름
• 자간, 행간, 단락 간격의 일관성이 시각적 통일감 생성

 

⑤ Whitespace

• 여백은 시선을 머물게 하고, 메시지의 집중도를 높임
• 여백은 디자인의 호흡(Breath)이자, 강조(Emphasis)의 수단
• 여백은 ‘비어 있음’이 아니라, ‘의도된 공간’