[TIL] Day2_디자인 개론2

타이포그래피

1. 타이포그래피란?

활판술, 활자 서체의 배열

글자의 형태, 배열, 크기, 간격 등을 조절하여 텍스트를 효과적으로 전달

글자라는 조형적 요소를 다루는 모든 방법 

 

폰트 선택: 글꼴, 두께, 크기

문자 간격: 밀착 또는 벌림

행 간격: 가독성

 

타이포그래피=좋아 보이는 디자인의 비결 

 

2. 활자

특정하게 디자인된 글자 틀

금속에 양각으로 새김 

조합하여 단어, 문장, 페이지 단위로 인쇄 

 

- 편집 디자인: 활자를 배치하여 특수한 목적에 맞게 디자인 

- 폰트 디자인/서체 디자인: 활자 자체를 디자인

- 로고 디자인: 기존에 디자인된 활자를 변형 

 

3. 타이포그래피의 중요성

- 정보 전달: 가독성 향상. 정보 이해를 도움

- 브랜드 정체성 강화: 서체의 일관된 사용으로 정체성 확립

- 사용자 경험 향상: 직관적인 탐색과 콘텐츠 접근성 제공  

 

단순한 글자 배열을 넘어서 글자가 시각적으로 어떻게 전달될지를 고민하는 과정

느낌 전달 및 특정 감정 유발의 시각적 언어로도 기능

 

4. 타이포그래피의 역사

1200s [팔만대장경] 목판 인쇄 ~ 1300s [직지심체요절] 금속 활자 ~ 1450s [구텐베르크] 금속 활자의 대중화 

 

초기 인쇄술의 목표: 손글씨처럼 읽기 좋은 책을 만드는 것.

>초기 활자 디자인: 깃털펜 글씨체 같은 블랙레터 

 

 

서체의 시각적 균형 및 가독성 발전, 그리스 로마의 정신을 따른 로만체 등장

>르네상스 시대: 고전적인 비례를 갖춘 클래식한 글씨체 벰보, 가라몬드

 

 

모던으로 가는 길목의 트렌지셔널체 등장

>18세기 신고전주의: 수직적, 기하학적, 규칙적인 바스커빌 

 

 

인문주의적 사상에서 벗어난 정제된 미학의 모더니스트 서체 등장

>18 세기 후반: 수직적이고 규칙적인 보도니 

- 제목용으로 적합한 디스플레이 서체에 가까움

 

 

산업혁명의 발달로 인쇄물 수요 폭증, 강한 시각적 임팩트를 주기 위한 산세리프 서체 등장 

> 19세기: 고른 굵기와 균형 잡힌 구조의 Akzidens-Grotesk 

- 최초의 실용적인 산세리프체, 개성보다는 실용성에 초점 

 

 

장식성과 감성보다 논리, 질서 명료성 등을 강조하는 모더니즘 서체 등장 

> 20세기(1920~1960): 산세리프 서체의 정석인 헬베티카 

- 가장 많이 쓰이는 서체 중 하나 

 

 

디지털 서체의 혁명. 타이포그래피가 인쇄술에 디지털 데이터로 확장 

>1980 이후: 포스트 스크립트 기술의 등장으로 웹폰트

- 브랜딩으로 자리를 잡음. 디자이너들이 서체를 다루는 시대. 

 

 

5. 타이포그래피의 기본

[영문서체의 구성요소]

베이스라인: 영문 서체에서 가장 중요. 대문자의 바닥 선  

디센더 라인: 소문자의 길게 내려온 라인 끝 

어센더 라인: 대문자의 가장 높은 선 

X 라인: 소문자의 윗 높이 

X 높이: 베이스라인과 X라인의 길이. 소문자의 평균 높이 

 

 

[국문 서체의 구성요소]

대체적으로 사각형 안에 들어가는 구조를 지님.

 

 

[세리프 vs 산세리프]

세리프: 글자의 획 끝에 달린 튀어나온 장식. 가독성이 높음. 전통적, 고전적, 클래식.

산세리프: 세리프가 없음. 깔끔하고 직선적. 19세기 산업혁명 이후 등장. 현대적, 모던, 직관적. 

 

 

[자간과 어간]

자간: 글자와 글자 사이의 간격. 

어간: 단어와 단어 사이의 간격.

커닝: 자간을 각각 조절하는 것. 로고 디자인 시 중요. 제목에서는 자간을 좁히고 작은 글에서는 띄우면 가독성 상승.

 

 

[글줄 사이/행간]

행간: 레딩. 글줄 사이. 글줄과 글줄의 간격. 가독성을 높여주는 요소.

영어보다는 한글의 행간이 넓음.

 

 

[Negative Space]

글자를 제외한 나머지 공간. 이 빈 공간이 가독성을 높임. 여백을 잘 다루기.

 

 

 

레이아웃

1. 레이아웃의 중요성

레이아웃: 특정 공간 안에 문자, 이미지 등의 구성 요소를 보기 쉽게 배치하는 작업. 사용자의 효과적인 정보 인식을 돕는다.

 

- 정보 전달력 향상: 사용자가 핵심을 빠르게 파악할 수 있게 함. 배경과 글자와 이미지 등의 통일성을 높임

- 시각적 위계 형성: 정보 전달력 향상. 

- 일관성으로 브랜드 이미지 제고: 레이아웃도 브랜드 아이덴티티가 될 수 있음.

- 사용자 경험(UX)에 영향을 줌: 깔끔한 애플 홈페이지는 핸드폰을 보여주는 데 초점을, 바글바글하고 복잡한 쿠팡은 여러 상품을 한눈에 전시하는데 초점을 둠. 

 

2. 레이아웃의 핵심 원칙

- 여백 만들기: 여백을 적절하게 두는 것이 가독성을 높이고 집중력을 높임.

- 콘텐츠의 그룹화: 통일성, 근접의 원리 사용. 정보 전달력 향상. 흐름을 느낄 수 있음.

- 핵심 요소 반복 사용: 중심 메시지 전달에 효과적. 

- 대비와 강조

- 정렬, 그리드: 수평선, 수직선에 맞는 배치. 정돈되어 보임.

- 초점 만들기: 초점은 레이아웃의 시작점

- 계층 구조 구성: 메인 이미지- 부가 정보 등의 순으로 시선이 이동하게. 

 

---

타이포에 대해 공부한 건 처음이다. 디자인 과제로 여러 타이포들도 찾아봤는데 눈이 어지러웠다.

내일은 디자인 개론 마지막 날! 이틀차도 무난하게 마무리 되어가는 것 같다.