[디자인감각훈련] 폰트 선정의 중요성

 

디자이너가 되기 전,

나의 디자인 취향을 알아볼 수 있는 <디자인 감각 훈련>

 

디자인 감각훈련 Part2  : 폰트

 

정보 전달, 메시지 전달을 위한 디자인을 한다면 빼놓을 수 없는 것이 

'어떤 폰트를 선택하느냐' 일 것이다. 

 

폰트를 크게 두 종류로 나누면,

고딕(산세리프), 명조체(세리프)로 나눌 수 있다. 

구분	명조체 (세리프)	고딕체(산세리프)
특징	획의 삐침이 있고 가장가지 부분이 돌출되어 있음	획의 삐침이 없고 굵기가 일정함
느낌	전통적, 권위적	현대적, 직관적, 깔끔함
대표 서체	Times New Roman, Garamond, 나눔명조	Helvetica,Arial,나눔고딕
문서, 출판물	신문, 책, 논문, 잡지 등 비교적 어렵고 긴 문장	보고서, PPT 등 깔끔하고 정돈된 느낌 강조
웹디자인	블로그, 기사 등	앱, 웹사이트, UI/UX디자인
브랜드, 로고디자인	전통적, 세련됨, 고급스러운 이미지	스타트업, IT기업, 모던하고 현대적인 이미지
광고, 포스터디자인	클래식함, 감성적인 메시지 전달	강렬하고 직관적인 메시지 전달

> 요약하면, 

명조체(세리프)는 클래식하고 고급스러운 분위기를 주고, 인쇄물이나 고급 브랜드 디자인에 적합

고딕체(산세리프)는 깔끔하고 현대적인 분위기를 주고, 웹디자인이나 광고 디자인에 많이 사용

 

---

▶ 폰트 선택의 중요성

1. 디자인의 톤앤매너를 결정

 

첫번째 포스터에 쓰인 문구 '장난감 병정들의 행진'은

'장난감 병정'이라는 귀엽고 장난스러운 단어가 들어가 있다. 

이에 맞춰 폰트도 각진 형태로 귀엽게 디자인 되었고

특히 O 사이에 각기 다른 방향의 직선이 천진난만함을 살려주고 있다. 

 

두번째는 각기 다른 폰트로 '디자인 감각 훈련' 이라는 단어를 쓰고 일렬로 나열해보았다.

'디자인', '감각'이라는 단어가 들어있기 때문에 보다 스타일리쉬한 폰트가 잘 어울릴 것 같다. 

위의 다섯 가지 폰트 중에서는 116워터멜론체 (수박화체)가 가장 잘 해당 단어와 잘 맞아 떨어진다. 

허나, 취향에 따라 혹은 배경과 주변 이미지 디자인에 따라 달라질 수 있다는 것을 꼭 염두해 두자. 

 

2. 메시지를 효과적으로 전달 : 가독성 높임

 

첫번째 이미지를 보면, 

우리가 보았던 영화, 드라마, 예능 등의 프로그램 제목이 각각 어떤 폰트를 사용했는지가 나온다. 

해당 프로그램들의 특성에 맞게, 각기 다른 느낌의 폰트를 적재적소에 잘 활용하고 있다. 

제목만 보고도 해당 프로그램의 내용이나 분위기를 연상시킬 수 있다면 

잘 맞든 폰트, 로고 디자인이라고 판단할 수 있다. 

 

그럼 이제, 두번째 이미지를 보자. 

해당 포스터는 병원이나 보건소에 붙어있을 법한 건강 정보 전달 및 위험 경고용 포스터다.

이처럼 텍스트가 포스터 전반에 깔려야 하는 정보 전달용 포스터를 디자인할 경우, 

스타일리쉬한 폰트보다는 깔끔하고 반듯한 폰트를 주로 사용하여 가독성을 높여주는 것이 중요하다. 

 

3. 디자인의 일관성 유지

 

위의 두 포스터를 보면, 

메인 글자와 주변 글자의 폰트 스타일 유사한 것을 볼 수 있다. 

폰트가 예쁘고 스타일이 좋다고 해서

각기 다른 폰트를 하나의 디자인에 욱여넣으면 오합지졸이 되기 마련이다. 

다만, 여기서 다른 폰트지만 하나의 디자인으로 인식하게 하기 위해 색깔을 비슷하게 맞춰주었다. 

---

▶ 그렇다면, 내가 만들고자 하는 디자인에는 어떤 폰트가 잘 어울릴까?

 

1. 모던, 미니멀리즘, 깔끔한 스타일

위에 보이는 세 개의 포스터는 깔끔하고 현대적인 느낌이 강한 고딕체를 활용하여

미니멀리즘 디자인을 만든 사례다. 

가장 먼저 시선이 가는 메인 글자부터 가장자리를 둘러 싸고 있는 작은 글자들이

모두 통일감이 있게 고딕체로 구성되어있다. 

 

2. 고급스럽고, 전통적인 스타일

 

전통적인 느낌이 물씬나는 첫번째 포스터는 정석적인 명조체는 아니지만

붓으로 쓴 듯한 폰트를 활용하여 옛스러움을 살려주고 있다. 

두번째 포스터에서는 검정 배경에 세리프체를 사용하여 고급스럽고 우아한 느낌을 준다.

세번째 포스터 또한, 차분한 배경과 이미지에 꼬리가 긴 세리프체를 사용하였다. 

 

여기서, 주목할 점은!

메인 타이틀은 전달하고자 하는 분위기나 메시지에 맞는 폰트를 사용하고 있지만

작게 쓰여진 정보성 문구는 고딕체를 사용했다는 것이다.

 

 

3. 감성적이고 따뜻한 스타일

 

--> 감성적인 느낌 / 손글씨나 레트로한 폰트가 많이 사용

 

--> 따뜻하고 친근한 느낌 / 둥글둥글하고 귀여운 느낌의 폰트가 주로 사용

 

* 가독성 좋은 폰트 조합을 찾는다면

https://blog.naver.com/tooldi_official/223434332809 해당 링크를 참고하면 좋을 듯 하다!!

---

▶ 폰트를 사용한 포스터 제작 실습 

 

이렇게 학습한 내용으로 만들어 본 간단한 포스터 실습물이다. 

추가적인 디자인 없이 폰트로만 간략하게 만든 거라 미흡하긴 하다. 

 

간단하게 설명을 덧붙이자면...

	북극곰 포스터	쌀국수 포스터	베이글포스터
목적	북극곰 멸종에 대한 경고	팝업스토어 open 홍보	메뉴 홍보
사용한 폰트	116수박화체	초록어린이재단 대한체	파셜산스체, 신라문화체,길버트체
제작 의도	- 일종의 경고를 주는 캠패인 목적 - 각지고 굵은 느낌의 폰트를 사용 - 사라진다는 메시지를 주기 위해   글자가 서서히 사라지는 것으로 표현. - 뒤에 보이는 북극곰 이미지와   통일감을 주기 위해 폰트를 검정이   아닌 남색 계열로 결정함.	- 길거리에서 볼 법 한 전단지 느낌 - 이미지는 감성적이지만 폰트는    둥글고 귀여운 걸로 선택하여 친근감을   유발하려 함 - 뒷 배경 이미지와 비슷한 노란색을    메인 컬러로 쓰고 오픈은 강조하기   위해 빨강과 보색관계인 초록색 사용	- 한국 사람들이 좋아하는 ~의 효능 이라는    컨셉으로 만들어 보았음 - '효능'이라는 단어가 주는 옛스러움을   살리기 위해 설명은 클래식한 폰트 사용 - 크림치즈 베이글은 본래 진지한 음식은    아니지만 아래의 글자 폰트와 컨셉과    유사하게 명조체 사용 - 베이글 이미지와 효능에 대한 글자는    입체적으로 느껴진다면, 런치메뉴라는    글자는 지면에 붙어 거슬리지 않게 구성
아쉬운 점	- 뒤에 북극곰의 이미지가 가림	- 이미지와 폰트가 그렇게 찰떡은 아님	- 배경색이 너무 강해서 '효능'이라는  포인트가 눈에 안 들어올 수도 있을 것 같음

 

---

<AI그래픽 디자이너 과정_수강 3일차 후기>

 

오늘은 '폰트' 디자인에 대해 알아보는 시간을 가졌는데요!

저는 PPT제작이나 영상 편집을 자주 했었기 때문에 폰트의 중요성은 잘 알고 있었답니다. 

하지만, 편집을 할 때마다 어떤 폰트를 쓸 지 고민하는 데 시간이 많이 쏟았었어요. 

 

이번 감각 훈련을 통해 폰트의 종류와 쓰임새에 대해 좀 더 자세히 알아보고, 

다양한 디자인에서 폰트를 어떻게 활용하고 있는 지 분석해보는 시간을 가졌습니다. 

다음에 폰트를 선택해야 하는 상황이 온다면 전처럼 감으로 선택하는 게 아니라 

정확한 목적과 이유를 가지고 폰트를 선택할 수 있을 것 같습니다!

 

추가로, 제가 전부터 해보고 싶었던 포스터 제작을

개인적으로 하는 시간도 가져보았어요.

아직은 툴을 다루는 데 미숙한 부분도 많고 디자인 감각도 부족하기 때문에

더 많이 학습하고 실전 감각을 익혀서 더 좋은 디자인 이미지를 제작해보고 싶네요!