지금 보이는 글자 디자인은 서체입니다
디지털 프로덕트가 발전하면서 화면 속 글자는 단순한 읽을거리를 넘어 브랜드의 인상부터 사용성까지 결정짓는 핵심 요소 중 하나가 됐습니다. 오늘날 아름답고 읽기 쉬운 화면을 만들기 위해 많은 전문가가 협업하고 있죠.
하지만 정작 이 과정에서 사용하는 언어는 전혀 통일되지 못하고 있습니다. 디자인 업계는 물론 기획, 개발, 마케팅 실무자들 사이에서 ‘폰트’ ‘서체’ ‘타이포그래피’와 같은 용어들이 무분별하게 뒤섞여 사용되는 실정입니다.
이처럼 글자를 지칭하는 단어들이 혼용되는 까닭은 우리가 수십 년간 사용해 온 소프트웨어 환경의 탓이 크다고 전문가들은 말합니다. ‘구글 폰트(Google Fonts)‘는 공식 페이지를 통해 “여러 문서 편집 소프트웨어에서 ‘폰트’ 메뉴를 통해 글자를 선택해온 경험이 대다수에게 ‘폰트’와 ‘타입페이스’를 같은 의미로 착각하게 만들었다”고 지적하는데요.
이번 콘텐츠에선 폰트 및 타이포그래피 용어가 각각 어떤 뜻을 가지고 있는지, 왜 구분해 사용해야 하는지 살펴봤습니다.
용어 혼용, 실무 효율 떨어뜨려
(자료=구글폰트)
먼저 이런 용어 혼용은 사전적 의미 훼손을 넘어 실무 효율 저하를 초래합니다. 특히 전문가들은 각 단어가 지칭하는 작업의 범위와 성격이 완전히 다름에도 불구하고 이를 뭉뚱그려 표현하면, 지시자 및 작업자 간의 소통에 혼란이 발생하며, 불필요한 마찰이나 작업 지연 등으로 실무에 악영향을 준다고 말합니다.
산돌의 정태영 디자이너는 “가장 먼저 나타나는 문제는 커뮤니케이션의 불명확성”이라고 진단하며, “예를 들어 ‘타이포그래피를 바꿔달라’는 요청이 구체적으로 어떤 변경을 의미하는지 모르면 작업자는 혼란을 겪고, 결과물도 의도와 다르게 나올 가능성이 높아진다”고 경고했습니다.
의사소통 문제는 실무적인 손실과 작업물 구현의 오류로 직결되기도 합니다. 정태영 디자이너는 용어 오해의 결과로 “실무적으로는 수정 과정의 반복과 협업 효율 저하로 이어질 수 있으며, 디지털 환경에서는 폰트 적용 오류와 같은 구현 이슈로 이어질 가능성도 있다”고 지적합니다. 예컨대 서체는 지정했지만 정확한 폰트 파일은 신경 쓰지 않은 탓에 사용자 화면에서 기본 시스템 폰트로 강제 대체되는 사고가 발생할 수 있습니다.
UI·UX 업계에서도 명확한 용어 이해가 필요하다는 주장은 같습니다. NN그룹은 “타이포그래피 용어를 이해하면 시각적으로 완성도 있는 화면을 구성하고, 일관된 브랜드 정체성을 구축해 인터페이스의 가독성과 사용성을 더 쉽게 향상시킬 수 있다”고 말합니다.
텍스트부터 타입, 폰트까지
1. 텍스트(Text) = 정보의 원형
텍스트는 시각적 디자인이 입혀지기 전 글자의 정보 원형을 말한다(자료=구글폰트)
그렇다면 실무자들이 헷갈리지 않고 구분해 사용해야 할 용어들의 정확한 개념은 무엇일까요? 가장 먼저 이해해야 할 뼈대는 시각적 디자인이 입혀지기 전 글자의 순수한 정보 원형인 ‘텍스트(Text)’입니다.
정태영 디자이너는 텍스트를 “의미를 전달하기 위한 ‘내용 그 자체’, 즉 문장과 단어 데이터 등 글자의 정보이자 형태 이전의 개념”으로 정의했는데요. 즉, 화면에 어떤 스타일이나 폰트가 적용되든 상관없이 절대 변하지 않는, 사용자에게 글자가 전달하고자 하는 본질적인 메시지가 바로 텍스트인 셈입니다.
2. 타입(Type)과 타입페이스(Typeface) = 활자와 서체
활자를 의미하는 타입은 현재 디스플레이 서체부터 아이콘 이모지에 이르기까지 모든 종류의 폰트 자산으로 그 의미가 확대됐다(자료=구글폰트)
텍스트가 글자의 정보 내용을 뜻하는 말이라면, ‘타입(Type)’은 시각적으로 드러나는 글자의 형태와 관련된 개념입니다. 본래 타입은 인간이 사용하는 일정한 체계의 부호인 글자를 나무나 금속 등에 고정해 반복 인쇄할 수 있는 ‘활자’를 의미했는데요. 그러나 디지털 시대에 접어들면서 타입은 더 이상 특정한 재료로 만들어진 물건만을 의미하지 않습니다.
오늘날 타입은 화면과 인쇄물 위에서 반복적으로 불러와 사용할 수 있는 글자, 아이콘, 이모지 등 시각적 문자 자산 전반을 가리키는 말로 확장된 상태죠. 실제 구글 폰트는 “‘타입’이라는 용어는 텍스트 및 디스플레이 서체부터 아이콘 및 이모지에 이르기까지 모든 종류의 폰트 자산을 의미한다”고 설명했습니다.
로보토 볼드에서 타입페이스는 ‘로보토’에 해당한다(자료=구글폰트)
이와 더불어 국내에선 흔히 ‘서체’ ‘글씨체’라고도 부르는 ‘타입페이스(Typeface)’는 글씨의 일정한 양식과 글자의 디자인 설계를 뜻합니다. 결국 우리가 일상에서 “폰트가 예쁘다”거나 “폰트가 안 어울린다”고 말할 때, 그 대상은 대개 폰트가 아니라 타입페이스, 즉 서체인 것이죠.
실제 모노타입의 얀 카에스트너 박사는 “타입페이스는 특정한 일관된 디자인을 가진 문자의 집합”이라고 설명하며 “대표적인 타입페이스의 예로는 ‘에리얼’ ‘헬베티카’ ‘고담’ ‘유니버스’ ‘타임스 뉴 로만’ 등이 있다”고 말했는데요.
구글 폰트 역시 타입페이스의 본질에 대해 “타입페이스는 여러분들이 지금 보고 있는 것이다”라고 개념을 분명히 했습니다. 결국 타입페이스란 ‘산돌고딕’ ‘윤고딕’처럼 동일한 스타일과 조형 원칙을 공유하는 글자 디자인 체계를 의미하는 겁니다.
3. 폰트(Font) = 글꼴
로보토 볼드에서 폰트는 ‘볼드’에 해당한다(자료=구글폰트)
반면 우리가 가장 흔하게 사용하는 단어인 ‘폰트(Font)’는 타입페이스를 디지털 환경에서 사용할 수 있도록 만든 파일 및 구체적인 스타일을 뜻합니다. 쉽게 말해 우리가 특정한 글자 디자인을 디지털 환경에서 사용하기 위해 내려받는 ttf나 otf 확장자가 붙은 파일들, 혹은 같은 타입페이스 안에서 굵기와 기울기별로 나뉜 개별 스타일이 폰트에 해당하는 것이죠.
폰트라는 용어는 금속 활자를 사용하던 과거에 서체를 조판할 수 있도록 하나의 세트로 묶은 단위를 부르던 용어에서 유래했는데요. 구글 폰트는 “타입페이스가 노래라면 폰트는 mp3 파일과도 같다”는 비유를 들었으며, 모노타입 또한 “폰트는 특정 타입페이스 디자인을 화면에 재현하거나 종이에 인쇄할 수 있도록 정보와 코드를 포함하는 디지털 파일”이라고 정의했습니다.
따라서 만약 특정 글자의 전체적인 인상이나 모양 자체가 마음에 들지 않는다면 “폰트를 바꿔주세요”라고 말하기보단 “타입페이스 좀 바꿔주세요”라고 말하는 편이 정확합니다. 반대로 글씨의 기본 인상은 유지하되 굵기나 기울기, 폭처럼 세부 스타일을 조정하고 싶다면, 이때는 “폰트를 바꿔주세요”라는 표현이 더 알맞은 것이죠.
4. 타이포그래피(Typography) = 화면 구성 및 배치 표현 행위
타이포그래피는 정보를 효과적으로 전달하기 위해 텍스트와 폰트를 활용해 화면이나 작업물을 구현하는 행위다(자료=구글폰트)
마지막으로 설명할 타이포그래피는 정보를 효과적으로 전달하기 위해 앞서 언급한 텍스트, 폰트를 활용해 화면을 구성하는 디자인 행위이자 배치·구성·표현의 기술을 말합니다.
이에 대해 구글 폰트는 “타이포그래피는 글자의 굵기, 줄 간격, 글줄 길이 등 수많은 요소를 세밀하게 다듬는 과정”이라며 “메시지가 막힘없이 읽히도록 보장하고 나아가 그 메시지가 독자에게 전달되는 감각까지 결정한다”고 강조합니다.
한국타이포그래피학회와 산돌, 안그라픽스가 함께 협업해 제작한 타이포그래피 사전 역시 타이포그래피를 ‘글자 형태를 다루거나 글자를 사용하여 디자인하는 기술과 그 표현’이라고 정의하고 있습니다.
비용 절감은 물론 브랜드 정체성까지 지켜
전문가들은 용어 확립이 업무 효율성 증대와 비용 절감으로 이어진다고 말합니다. 소통 오류가 줄어들면 프로젝트 기획·배포까지 걸리는 시간도 단축되기 때문이죠.
관련해 정태영 디자이너는 “용어를 명확히 구분하면 요청과 실행 간의 간극이 줄어들고 의사결정이 보다 신속해진다”며 “결과적으로 이는 커뮤니케이션 효율 및 작업 완성도를 동시에 높여 기업과 실무자 모두에게 이득이 된다”고 했습니다.
나아가 명확한 용어 확립은 브랜드 디자인의 정체성 구축 및 유지에도 도움이 됩니다. 유명 글로벌 도메인 등록 기관이자 웹 호스팅 기업 고대디(GodDaddy)는 “매끄럽고 효과적인 시각적 브랜딩을 구축하기 위해선 용어의 차이를 정확히 알고 있어야 한다. 웹사이트, 로고, 뉴스레터, 전단지 등 어떤 작업을 하든 도움이 될 수 있다”고 조언합니다.
