왜 프리텐다드 폰트를 사용해야하나?

Noto Sans 보다 왜 Pretendard 인가?

한윤석 (DOBLING, UI/UX 디자이너)

현재 1년차 주니어에서 미래 프로 디자이너를 꿈꾸는 사람으로써 같은 상황의 모든 신입, 주니어, 초보, 입문, 예비 디자이너들을 위해 매주 제가 경험한 디자인 인사이트를 업로드 합니다.

새로운 신규 서비스 런칭 디자인 작업에 참여하면서 기존에 사용하던 'Noto Sans'대신 'Pretendard'폰트를 사용하려고 하고있습니다. 폰트를 사용할때 경영진과 고객사 등 이해관계자들에게 왜 리소스를 들여서라도 폰트를 바꿔야하는지 '설득'을 해야 했습니다. 

폰트를 도입할때에도 검토와 고민이 많이 필요합니다. '이게 무슨 폰트냐? 안익숙하다', '왜 다들쓰는 noto sans를 쓰지 않고 별도로 다른 폰트를 쓰냐?', '심미적으로 어떤 부분이 낫다는 거냐?'등 이해관계자들에게서 다양한 반응이 나오게됩니다. 이때 동료들과 결정권자에게 왜 폰트를 바꿔야하는지에 대한 설명과 설득이 필요했습니다. 그들과 커뮤니케이션 하기 위해 프리텐다드 폰트를 검토하였습니다.

이 글에서 왜 프리텐다드 폰트를 사용하려고 하는지와 기존 노토산스 폰트보다 좋은 점이 무엇인지에 대하여 설명하려고 합니다.

Noto Sans보다 왜 Pretendard인가?

제작배경

프리텐다드 폰트란?

프리텐다드 폰트

여러 플랫폼에서 애플의 san francisco나 apple sd gothic처럼 사용할 수 있는 시스템 폰트를 만들기 위한 목적으로 inter와 noto를 결합해 서로의 단점을 보완해서 만든 폰트이며 Apple의 system-ui가 익숙한 유저가 San Francisco와 Apple SD 산돌고딕 Neo가 없는 다른 환경에서 이를 대체할 수 있는 글꼴을 갈망해 만든 폰트입니다.

Noto Sans KR(본고딕)을 베이스로 가장 두꺼운 Black 마스터를 만든 후, 9개의 레벨 굵기로 만들어져서 굵기가 Noto Sans보다 더 다양하여 가독성에서 유리하며 window, ios 둘 다 지원하고 조형적인 아름다움, 다국어 환경 조화, 한국어에 최적화된 기호까지 지원합니다.

사용하고 있는 곳

원티드, 플렉스, Kbank, 카카오뱅크, 카카오스타일, 커리어리, 청화대 등 이미 많은 곳에서 사용됩니다.

프리텐다드의 장점

다양한 굵기

왼쪽이 노토산스, 오른쪽이 프리텐다드

프리텐다드는 노토산스보다 더 다양한 굵기(Weight)를 가지고 있어 실제 UI에 적용시 계층과 가독성에서 더 유리한 점을 보입니다. 이는 노토산스에 비해 프리텐다드의 매우 큰 장점입니다.

완성된 자간

왼쪽이 프리텐다스, 오른쪽이 노토산스

텍스트 자간이 좁아 퍼져보이지 않고 더 자간을 조절 필요가 많이 없으며 한줄에 들어가는 텍스트 수가 많습니다. 

아이콘과 숫자에서 강점

왼쪽이 프리텐다드, 오른쪽이 노토산스

프리텐다드는 아이콘과 숫자에서 특히 강점을 보입니다. 폰트와 아이콘의 나열이 더 조화로우며 숫자에서 특히 안정감이 보입니다.

실제 서비스에 적용

특수문자와 다국어

프리텐다드

노토산스

영어, 중국어, 일본어 등의 다국어와 특수문자를 함께 대입했을때 프리텐다드가 이질감없이 가장 조화로웠습니다. 또 프리텐다드는 특수문자가 오류없이 입력한 값으로 출력되었습니다.

실제 서비스에 대입하였을때 레이아웃이 깨지거나하는 오류또한 없었습니다.

결론

이해관계자에게 폰트를 바꿀때나 디자인을 할 때, 단순히 '래퍼런스를 찾아보니 이게 요즘 많이 하는 스타일 이니까', '이게 심미적으로 이쁘니까'라고 커뮤니케이션할 수는 없습니다. 항상 근거를 가지고 설득을 해야합니다.

이번 프리텐다드 폰트 변경건에 대해서 이해관계자와 커뮤니케이션 즉, 설득할 근거를 만들었습니다.

- 한글과 숫자를 잘 표현할 수 있고 특히 숫자에서 깔끔합니다.

- 다양한 폰트 굵기를 제공하여 가독성 부분에서 유리합니다.

- 아이콘과 뱃지를 함께 사용했을때 정렬이 더 편리합니다.

- 탄생배경 자체가 노토산스를 대체할 한글에 유리한 폰트 입니다.

- 다국어 지원이 잘되며, 우리 서비스에서 대입해봤을때 레이아웃이 깨지거나 틀어지는 부분이 없고 어색함이 없습니다.

프리텐다드 폰트를 사용하려는 디자이너들이 커뮤니케이션을 할때 이 글이 참고자료로 도움이 되었으면 합니다.