일러스트레이터 기초 - 5강
타이포그래피(Typography)
- 타입(Type, 글자)을 조형적으로 배열하고 의미를 시각화 하는 행위
- 읽히는 글자(Readable Text)이자 보이는 이미지(Visual Form)에 해당한다.,
- 디자이너는 '언어적 의미'와 '시각적 형상'을 동시에 다룬다.
Font: 글자의 파일 (더 좁은 범위)
Typeface: 디자인된 글자의 스타일 (더 큰 범위)
디자인에서 타이포그래피의 역할
1) 정보전달
- 정보를 명확하고 빠르게 파악하도록 도움
- 잘 선택된 폰트, 적절한 크기와 줄 간격은 가독성(Readability)을 제공한다.
- 정보에 대한 접근성 향상
2) 감정 전달
- 타이포그래피는 '글자의 표정'을 통해 감정을 전달한다.
- 서체의 형태, 웨이트, 자간, 대/소문자 등이 모두 '감정의 언어'로 작용한다.
- 타이포그래피는 디자인의 분위기를 형성하고, 독자의 감정을 조절한다.
3) 브랜딩과 정체성
- 서체는 브랜드의 인격을 시각화한다.
- 로고타입, 헤드라인, 포스터 타이틀은 강력한 브랜드 경험을 창출한다.
- 서체는 브랜드가 말하는 '목소리의 톤'이 된다.
타이포그래피 원칙
1) 텍스트에 계층을 설정할 것
- 크기, 굵기, 색상 등으로 텍스트 계층 설정
- 페이지 구조를 알려주고, 사용자에게 콘텐츠의 흐름 안내
- 명확한 계층 구조는 정보 전달력을 향상시킨다.
2) 적정한 텍스트 크기 설정
- 다수의 사람들이 편안하게 읽을 수 있는 본문 텍스트 크기 확인
- 사용자에 따른 텍스트 크기 고려(예: 노령을 위한 큰 텍스트)
- 인쇄물에서 7pt 이하의 텍스트 크기 금지
*텍스트 크기 조절 가이드
| 구분 | 권장 텍스트 크기 | 설명 |
| 디지털(웹, 앱 등) | 16px 이상(모바일: 17px 이상 권장) | - 가독성 확보가 중요 - 디지털 취약계층 고려 필요. |
| 인쇄물(리플렛 등) | 98pt - 11pt | - 가까이에서 읽는 용도이므로 너무 크지 않게 할 것. - 원고 양에 따라 가독성을 고려해서 크기를 조절해야 한다. |
| 출판물(소설 등) | 12pt - 14pt | - 출판사에 따라 다르지만, 이 범위 크기가 일반적이다. |
| 제목 및 소제목 | 본문보다 크게 사용할 것 | - 제목과 본문을 구분해야 하므로, 본문보다 큰 크기 사용 |
3) 서체 조합의 원칙
- 한 페이지에 사용하는 서체 종류 제한(2~3가지)
- 조합에 적절한 대비 생성하기(예: 산세리프+세리프)
- 목적에 맞는 역할 부여하기
4) 가독성을 위한 여백 제공
- 적절한 행간은 가독성을 높인다.
- 행간이 너무 넓으면 텍스트 박스의 시각적 통일성이 꺠진다.
- 텍스트 한 줄의 글자 수는 60~70자가 적절하다.
5) 텍스트와 배경 사이의 충분한 대비
- 텍스트와 배경 사이의 대비는 가독성에 큰 영향을 주는 요소
- 어두운 배경에는 선명한 서체 사용 권장
- 어두운 배경은 글자의 간격이 좁아보이므로 자간을 넓게 조정한다.
포스터 디자인을 위한 비주얼 원칙
1) visual structure
- 좋은 타이포그래피는 보이지 않는 그리드 위에 서 있다.
- 그리드 시스템: 텍스트르 논리적이고 조형적으로 정렬하기 위한 기본 틀
- 글자와 여백은 서로 대화하는 공간을 생성한다.
2) visual hierarchy
- 독자가 정보를 ‘한눈에’ 파악하도록 하는 시각적 질서
- 위계 표현의 4가지 도구: size, weight, color, position
- focal point: 가장 주목해야 할 '핵심 지점' 설정
3) visual contrast
- 대비는 디자인에 리듬과 생명을 불어넣는다.
- 포스터에서의 대비는 시선을 멈추게 하는 장치가 된다.
- 대비는 크기 뿐 아니라 형태, 방향, 색, 질감 등을 포함한다.
4) rhythm & repetition
- 리듬은 시각적 음악, 글자 배열에도 박자가 있다.
- 일정한 간격의 반복 요소가 만드는 시각적 흐름
- 자간, 행간, 단락 간격의 일관성이 시각적 통일감을 생성한다.
5) whitespace
- 여백은 시선을 머물게 하고, 메시지의 집중도를 높임
- 여백은 디자인의 호흡이자, 강조의 수단이 된다.
- 비어있는 것이 아니라 '의도된 공간'이다.
입체적 타이포그래피
블렌드 툴(Blend Tool): 두 개 이상의 Object를 선택하여 색상, 모양, 크기 등이 자연스럽게 변화하는 중간 단계를 자동으로 만들어주는 기능
- Gradient 효과 및 입체 효과, 복잡한 곡선 패턴 등을 쉽게 제작할 수 있다.
- Blend Options: spacing을 smoooth color, specified steps, specified distance 중 하나로 설정할 수 잇다.
- Specified steps: 두 object 사이에 만들 중간 object의 개수를 숫자로 지정할 수 있다.
- 툴바의 blend tool을 사용할 경우, 선택한 두 object의 같은 anchor point를 각각 찍어야 블렌딩이 적용된다.
Transform: 입체적인 효과를 부여하기에 적합한 effect
공간감 있는 타이포그래피
다양한 타이포그래피 표현
3d wave로 타이포그래피 표현
3d 기능으로 key visual 디자인
최신 3D 기능 활용
key visual: 브랜드나 캠페인의 정체성을 보여주는 핵심 시각 요소. 즉, 핵심 장면을 말한다.
핵심 메시지를 시각적으로 상징화해서 만든 이미지가 그 역할을 한다.
광고나 웹, 패키지, 영상 등 다양한 매체에 통일된 이미지를 전달하는 역할을 한다.
key visual의 역할
- 메시지 전달: 컨셉을 직관적으로 이해시킨다.
- 시각적 일관성: 전체 프로모션의 톤앤매너를 주도하면 핵심 가치를 보여준다.
- 시선 유도: 메인 이미지로서 즉각적인 주목을 유발한다.
key visual의 목적: 시각적 일관성을 통해 사람들에게 브랜드, 행사, 캠패인을 쉽고 빠르게 인지시켜 기억에 남도록 하는 것.
key visyal의 구성요소
1) 핵심 메시지 요소
- 브랜드의 핵심 가치나 캠페인 슬로건에 맞는 핵심 키워드 설정
- 이 키워드를 시각 언어로 변환하는 것이 핵심이 된다.
2) 시각 구성요소
| 요소 | 역할 | 예시 |
| 주제 오브젝트 | 메시지를 상징하는 중심 소재 | 제품, 심볼, 컨셉 아이콘 |
| 공간감 | 주제 강조, 몰입 유도 | 3D 구도, 원근감, 심도 |
| 색채 | 감정, 톤앤매너 표현 | 브랜드 컬러, 분위기 컬러 |
| 타이포그래피 | 메시지 보조, 리듬 형성 | 키워드 강조형, 슬로건 스타일 |
| 조명, 그림자(디테일) | 입체감, 방향성 | 주요 오브젝트 하이라이트 |
3) 시각적 계층구조
Main → Sub → Background 단계로 구성
Main: Key message object
Sub: Sub 그래픽 요소(빛, 입자, 패턴 등)
Background: 컬러 톤, 공간감, 조명 분위기
3D 기능
1) revolve 기능 활용
2) 재질
3) 조명
'오늘 한 일' 카테고리의 다른 글
| 251218 내일배움캠프 TIL 33일차 (0) | 2025.12.18 |
|---|---|
| 251217 내일배움캠프 TIL 32일차 (0) | 2025.12.17 |
| 251211 내일배움캠프 TIL 28일차 (0) | 2025.12.11 |
| 251210 내일배움캠프 TIL 27일차 (0) | 2025.12.10 |
| 251209 내일배움캠프 TIL 26일차 (0) | 2025.12.09 |
