내일배움캠프 AI 디자이너 3기/TIL (Today I Learned)

[내일배움캠프] DAY2: 디자인개론_디자인의 원칙2, 타이포그래피

⊙REC 2025. 12. 30. 14:19

 

 

[오늘 학습한 것]

튜터님들 소개 세션, 디자인개론 강의 수강, 디자인감각훈련 (폰트 레퍼런스 리서치)

 

 

[오늘 학습 키워드]

그래픽 디자인의 원칙 :균형, 대칭, 계층구조, 통일성, 리듬, 강조

타이포그래피의 역사: 역사적 맥락에서 발생한 다양한 서체들의 발생과정을 이해

디감훈 폰트 리서치: 엣시 폰트 트렌드 분석

 

 


 

디자인개론

 

 

제 2강. 디자인의 원칙

 

(4) 통일성 (Unity)

일정한 양식과 질서를 통해 다양한 디자인 요소끼리 서로 조화를 이루면서 일관된 메세지를 표현하는 원리     시각적 안정감 제공(디자인요소를 반복하거나, 근접한 요소끼리 Grouping, 디자인요소를 잘 정렬해서 정돈해주는 등의 방법)

위와 같이 형태 뿐만 아니라 색상계열, 텍스트배치, 그래픽 위치, 그래픽 형식의 통일성을 통해 안정감 제공할수 있음 

 

[실습] 통일성 찾기

 

 


 

 

(5) 리듬 (Rhythm)

여러가지 디자인 요소들을 규칙적으로 반복하거나, 점진적으로 변화시킴으로써 시각적 율동감을 느끼게 만드는 원리

* 통일성과의 차이? 리듬은 시각적인 율동감을 만들어냄

 

 

[실습] 리듬감 찾기

 

흐름이 있는 선이 반복되어 흐름을 표현, 점진적인 변화가 운동성을 나타냄

 

 

- 점진적인 면의 조각들이 차원을 형성하여 단계적인 입체감과 역동감 표현

- 파동으로 울리는듯한 표현을 통해 소리를 내거나 움직이는 듯한 감각을 표현

- 점진적인 구성을 통해 공감각을 만들어냄

 



(6) 강조 (Emphasis)

특정 요소나 영역의 형태, 색, 크기 등을 강화하여 시선을 집중시키고 주목도를 높여 메세지를 효과적으로 전달하는 원리

→ 디자인 효과를 극대화, 사용자의 참여 유도, 보는 사람으로 하여금 강렬한 인상을 남김

 

[실습] 강조 찾기

 

폰트 또는 메인이미지의 구도, 크기(지배적으로 공간을 차지), 색상 등으로 강조표현

 

 

 

 


 

제 3강.  타이포그래피

 

 

1. 타이포그래피란 무엇인가?

 

(1) 타이포그래피의 정의

글자의 형태, 배열, 크기, 간격 등을 조절하여 텍스트를 효과적으로 표현하고 전달하는 예술적, 기술적 작업

 

* 디자인에서 타이포그래피의 의미?

현대에는 글자라는 조형적요소를 조화롭게 배치하는 모든 작업으로 의미가 확장

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

  정보를 전달하는 기능 외에도 느낌을 전달하고, 특정 감정을 유발하는 시각적 언어로 기능함

 

(2) 타이포그래피 작업

폰트 선택: 글꼴의 스타일, 두께, 크기 등 폰트 자체의 특성을 결정

문자 간격: 텍스트가 얼마나 밀착되어 있는지, 또는 간격이 벌어져 있는지를 조절

행 간격: 각 줄 사이의 공간을 조절하여 가독성을 높이는 요소

 

(3) 타이포그래피의 중요성

정보 전달: 좋은 타이포그래피는 가독성이 좋다. 독자가 정보를 잘 흡수할 수 있게끔함

브랜드 정체성 강화: 서체의 일관된 사용은 브랜드의 정체성을 확립하고, 소비자의 기억에 남게함

(ex. 고딕체_공식적, 권위적 / 명조체_부드러움, 안정감)

사용자의 경험 향상: 정보의 직관적인 탐색 제공

 

* 좋아 보이는 디자인의 비결?  타이포그래피의 영향이 매우 큼


 

2. 타이포그래피의 역사

 

(1) 인쇄술의 발명

팔만대장경(1236~51년) - 직지심체요절(1377년) - 구텐베르크(1450년) (금속활자 인쇄술의 대중화)

시작은 동양에서, 꽃을 피워 대중화를 이뤄낸 것은 서양(구텐베르크)에서

기술적 혁신으로 인해 인쇄 양이 압도적으로 증대했고, 향후 종교 및 산업혁명에 큰 영향을 미침

 

(2) 인쇄술이 사회에 미친 영향

구텐베르크 이후 유럽 사회에 인쇄소가 많이 생겼고, 정보와 지식의 홍수를 바탕으로 산업혁명을 일궈내어 중세 → 근대로의 이동

인쇄술이 발견되기 전까지는 정보와 지식은 특수계층의 특권이었으나 인쇄물이 많아지며 정보의 대중화를 통해 매우 큰 발전을 이룩함

 

(3) 활자 디자인의 변천사

블랙레터

인쇄 산업 부흥 초창기, 필사체의 재현으로 만든 글씨체. (당시 사람이 필사 한 것처럼 책을 만드는데에 초점을 맞춤)

12~16c 유럽에서 가장 많이 사용된 독일식 서체로, 전통과 권위를 상징하며 증명서 등의 공식문서에 자주 사용하였음. 현재는 맥주 브랜드에 사용됨

 

뱀보, 가라몬드

중세 이후 대표적 서체로 클래식 서체의 대명사. 가독성이 좋아서 책 본문용 글꼴에 적합


 

바스커빌

영국의 인쇄업자 존 바스커빌이 개발한 서체. 인쇄기술이 발전하며 형태적으로 섬세한 표현이 가능해짐. 글자들이 더 기하학적, 수직적, 규칙적인 형태를 갖추게됨. 바스커빌은 기존의 서체에 비해 수학적인 아름다움이 돋보인다는 평. 본문용서체로 적합

 

보도니

완벽한 비례와 정데된 조형미를 중시하는 서체들이 생겨남. 굵은 획과 얇은 획의 극단적인 대비가 특징적 (모던함의 특징), 고급스럽지만 딱딱하고 차가운 느낌, 패션 잡지 보그에 쓰임. 본문보다는 타이틀용에 적합 (디스플레이용 서체)


 

세리프, 산 세리프

san = 없다. 꼬리가 달린모양의 세리프체, 꼬리가 없으면 산세리프. 산업혁명으로 인쇄물 수요가 폭증하며 간판, 포스터, 광고 등 빠른 정보전달과 시간적 임팩트를 위한 서체이 필요성 높아짐. 장식성보다는 실용성과 명확성이 강조됨.

 

헬베티카

중립적이고 보편적인 산세리프 서체의 기본

장식성과 감성보다는 논리, 질서, 명료성, 합리성, 기능성, 보편성을 강조하는 비로소 디자인의 시대가 시작 (1920년대~60년대)

이 시대부터 타이포그래피의 역할은 단순히 읽는 텍스트를 넘어서 정보를 시각적으로 조직하는 도구가됨


 

디지털 서체 혁명 (1980~)

1984년 애플 멕켄토시가 출시되며 디자이너가 디지털에서 글자를 다루기 시작함

타이포그래피는 무한히 확장가능한 디지털 데이터로 바뀌었으며, 디자이너는 인쇄소에 의존할 필요없이 개인 컴퓨터에서 자유롭게 폰트를 조정할 수 있게됨. 타이포그래피는 고정된 인쇄물이 아닌 다변화되는 스크린 위의 살아있는 ui가됨

디지털미디어의 대중화로 디지털환경 최적화와 사용자 중심 서체사용이 매우 중요해짐


 

 

3. 타이포그래피의 기본

 

- 영문 서체의 경우 베이스라인을 맞춰주는 것이 중요

- 세리프 vs 산 세리프 (명조체 vs 고딕체)

- Negative Space: 글자 사이, 글자 속의 빈 공간. 시각적균형을 위해 여백을 잘 활용하는 것이 중요함 

- 자간, 어간, 행간 비중 맞추기

자간: 글자 사이의 간격

어간: 단어 사이의 간격

행간: 글줄 사이의 간격

* 커닝: 글자마다 여백이 다르므로 상대적으로 자간을 조절해주는 것

* Tip

타이틀처럼 큰 글자는 자간이 본문보다 좁아야 한덩어리로 보여서 임팩트가 있음

작은 글자를 조판할 시에는 문자간격을 조금 넓혀야 가독성이 좋아짐

 

 

 


 

 

디자인 감각 훈련 DAY2
폰트 레퍼런스 리서치

 

 

 

[엣시 디지털 상품 타이포 트렌드 분석]

 

1. Neat Handwritten (깔끔한 손글씨 느낌)

손글씨체 폰트 이미지 (출처: etsy)

 

Patrick Hand / Short Stack (출처: Google fonts)

 

폰트명 주 사용처 예시 상품 링크
  • Clean notes (Etsy)
  • Patrick Hand (Google fonts)
  • Short Stack (Google fonts)
  • 디지털 플래너 본문, 섹션 헤더
  • 노트 / 저널 페이지
  • 투두 리스트
  • 일기, 기록용 페이지
    *화려한 타이틀용X, 계속 읽고 쓰는 용도O
특징 장점 단점
  • 또박또박, 정돈된 손글씨” 계열
  • 획 굵기 일정
  • 둥글고 친절한 인상
  • '정리 잘 된 노트' 느낌

  • 눈에 피로가 적음
  • 실제 손으로 쓴 느낌 → 아날로그 감성
  • 장시간 사용에 적합
  • 굿노트 필기체와 잘 어울림
  • 임팩트가 약함
  • 포스터/커버 타이틀로 쓰면 밋밋함
  • 브랜드 개성이 강하지는 않음

 


 

2. Cute Script / Brush Handwritten (귀엽고 자유로운 브러시)

자유로운 브러쉬 폰트 이미지 (출처: Etsy)

 

Pacifico / Yellowtail (출처: Google fonts)

 

폰트명 주 사용처 예시 상품 링크
  • Little Bleach (Etsy)
  • Pacifico (Google fonts)
  • Yellowtail (Google fonts)
  • 디지털 상품 커버 타이틀
  • 포스터 제목
  • 초대장 메인 텍스트
  • 스티커, 클립아트 텍스트
    * 보여주기용O, 본문용X
특징 장점 단점
  • 붓으로 쓴 듯한 움직임 많은 스크립트
  • 획 굵기 변화 큼
  • 리듬감 있고 자유로운 선
  • “감성 포인트용 폰트”
  • 획 굵기 변화 큼
  • 리듬감 있고 자유로운 선
  • “감성 포인트용 폰트”
  • 가독성 낮음
  • 소문자/긴 문장에 부적합
  • 과하면 촌스러워질 위험

 


 

 

3. Minimal Sans / Clean Type (심플 + 모던)

모던 미니멀 산세리프 폰트 이미지 (출처:Etsy)
Montserrat / Mukta (출처: Google fonts)

 

폰트명 주 사용처 예시 상품 링크
  • Montserrat (Google fonts)
  • Mukta (Google fonts)
  • 월/주/일 플래너 본문
  • 캘린더 숫자
  • 질문 문구
  • 체크리스트, 표
    * 정보 전달 중심, 감성 강조용은 아님
https://www.etsy.com/search?q=minimal+digital+planner
특징 장점 단점
  • 엣시 미니멀 플래너의 표준 조합
  • 획 굵기 균일
  • 자간 안정적
  • “기능 중심, UX 친화적”
  • 가독성 최고
  • 전문적·정돈된 인상
  • 오래 써도 질리지 않음
  • 타이포 시스템 구성에 유리
  • 감성 부족
  • 차갑게 느껴질 수 있음
  • 개성이 약함

 


 

 

4. Minimal Serif / Soft type (심플 + 감성)

소프트 미니멀 세리프 폰트 이미지 (출처: Etsy)

 

Cormorant / Playfair Display SC (출처: Google fonts)

 

폰트명 주 사용처 예시 상품 링크
  • Canela (Adobe Fonts)
  • Cormorant (Google Fonts)
  • Playfair Display (Light~Regular)
  • 디지털 플래너 (월간/연간/성찰 페이지)
  • 저널, 다이어리
  • 날짜, 월 표시 (JAN–DEC 같은 텍스트)
    * '읽고, 머무르고, 기록하는 콘텐츠' 에 최적
Minimalist Digital Daily Journal: Undated Lined Notebook (PDF) - Etsy South Korea

Wellness journal planner - Etsy South Korea
특징 장점 단점
  • 고대비 세리프
  • 장식 최소화
  • 여백 중심
  • 감정 온도가 ‘따뜻’한 느낌
  • 클래식함이 느껴지는 디자인
  • 차분하고 안정적인 인상
  • 디지털인데도 종이 다이어리 감성
  • 기록·성찰·저널링과 잘 어울림
  • 고급스럽고 오래 봐도 질리지 않는 클래식 감성이 있음
  • 산세리프보다 정보 인식 속도는 느림
  • 아주 작은 크기에서는 가독성 저하
  • ‘모던·테크·효율’ 이미지는 약함
  • 잘못 쓰면 올드해 보일 위험

* 고대비 세리프란?

세로획이 굵고 가로획 얇으며 세리프(삐침)가 날렵하여 전체적으로 정제되고 우아한 느낌을 주는 서체


 

[요약 정리]

Neat Handwritten 단정 · 친근함 · 아날로그 섹션 제목, 일기 레이아웃, 가벼운 본문
Cute Script / Brush 감성 · 꾸민 느낌 · 개성 커버 타이틀, 인용구, 포스터/월아트 장식
Minimal Sans 모던 · 편안 · 기능적 본문 텍스트, 날짜, 체크리스트, 캘린더
Minimal Serif 차분 · 따뜻함 · 클래식 월/연간 페이지 타이틀, 성찰 질문, 저널 헤더

 

[실전 조합 예시]

세리프+산세리프 혼합 예시 (출처:Etsy)

 

세리프+산세리프 조합하기

  • 섹션/월 타이틀/질문문구: 세리프 폰트
  • 본문(체크리스트, 날짜): 산세리프 폰트

조합하면 좋은 이유?

  • 페이지가 깔끔해보이지만
  • 차갑지 않은 느낌 (감성적인 균형을 맞춰줌)
  • 오래 써도 질리지 않음

* 100% 세리프체 플래너의 경우?

기능 최우선 전략 사용. 할 일 관리, 일정 관리, 생산성 중심을 최우선으로함 (타깃: 직장인, 학생, ADHD, 미니멀&모던 취향 고객)

 

 

 


 

[오늘 학습 회고]

 

디자인개론 강의

Pinterest에서 디자인 원칙 적용된 사례 찾아보는 실습을 하면서 '다른 디자이너들은 어떤 원칙을 어떻게 사용하는가?'를 중점으로 보았다. 강사님이 디자인개론의 실습의 목적은 정답을 찾아내는 것이 아니라, 다른 사람의 디자인을 많이 보는 것이라고 하셨는데, 이렇게 의식적으로 디자인을 보는 연습을 통해 아주 조금씩이나마 디자인을 보는 안목이 길러지는 것 같았다.

 

폰트 레퍼런스 리서치

관심이 있는 엣시 디지털플래너의 폰트 경향성을 분석해보았는데, 

내가 상품을 만든다면 타깃이나 상품카테고리에 따라 어떤 폰트를 써야할지에 대해 구체화할 수 있었던 시간이라서 많은 도움이 되었다.

 

느낀점

매일 기록하는게 부담이 되기도하고 시간이 너무 걸려서 자꾸 밀리고 있다.

너무 많은걸 기록하고 싶고 보기 편하게 쓰는게 아직 익숙하지 않아서 그런 것 같다.

그리고 노션 사용이 어렵게 느껴져서 일단 여기에 쓰는데 뭔가 방법을 생각해봐야겠다..

그리고 마지막엔 학습 후 느낀점보다는 한눈에 볼 수 있게 요약해서 쓰고싶은데 다음부터 시도해보기로!

 

아직 쉽지않지만 이렇게 배운 내용을 매일 기록해두는건 할 수만 있다면 너무너무 좋은 것 같다. 

커피 수업 들었던 것도 다 기록해놓을걸ㅠ 뭔가 시험끝나고 시간이 지나니 그때 열심히 했던게 다 날라간 느낌..

앞으로는 뭔가를 배울때 이렇게 매일 기록하는 습관을 들여야겠다.

 

튜터님들 소개 세션도 있었고, 궁금한 것도 많지만 막상 구체적인 방향성이 있는건 아니라서 뭐부터 여쭤봐야할지..;_;

그래도 막막하면 찾아갈 수 있는 튜터님들이 있고, 함께 열심히하는 팀원들이 있다는 것만으로 의지가 되는 느낌이 들었다.

일단 지금은 무조건 input의 시기라는 생각이 들어서 묵묵히 해야할 일을하며 재료를 쌓아나가야할 것 같다..!