세리프와 산세리프, 무엇이 다른가
| 구분 | 세리프체 | 산세리프체 |
|---|---|---|
| 획 끝 | 작은 삐침이 있음 | 삐침이 없음 |
| 한글 대응 | 명조 계열 | 고딕 계열 |
| 흔한 인상 | 전통적, 안정적 | 단정함, 현대적 |
| 자주 쓰이는 곳 | 인쇄 본문, 긴 글 | 화면 UI, 표지판, 짧은 안내문 |
위키백과 타이포그래피 항목은 세리프체를 본문용의 전통적 선택으로, 산세리프체를 짧은 소개 문단에 자주 쓰이는 서체로 설명합니다. 다만 어떤 쪽이 더 잘 읽히는가는 서체 설계와 크기, 인쇄·화면 해상도에 따라 달라지므로 일률적인 우열 규칙으로 받아들이면 곤란합니다. 한글은 글자 구조가 다르기 때문에, 영문 중심의 조언을 그대로 적용하기보다 실제 글꼴로 시험해 보는 것이 안전합니다.
실제 사례 네 가지
사례 1. 직지(1377): 활자의 정확한 배열이 만든 책 (역사의 사례)
직지는 1377년 고려 시대에 청주 흥덕사에서 금속 활자로 인쇄된 불교 서적으로, 위키백과는 현존하는 가장 오래된 금속 활자 인쇄본으로 소개합니다. 유네스코는 2001년 이 책을 세계기록유산에 올렸고, 금속 활자본의 하권만 프랑스 국립도서관에 남아 있습니다. 금속 활자로 글을 찍으려면 글자 크기와 줄 간격을 일정하게 맞춰야 하므로, 오늘날 타이포그래피에서 말하는 일관성의 문제가 이미 인쇄 현장의 과제였음을 보여 줍니다. 배울 점은 읽기 좋은 배열이 디지털 이전부터 있던 기술이라는 것입니다.
사례 2. 영국 도로표지 서체 트랜스포트(1958~59): 멀리서 읽히게 설계 (공공 디자인의 사례)
영국 교통부 고속도로 표지 위원회에서 그래픽 디자이너 존 키니어와 마거릿 캘버트가 만든 서체가 트랜스포트입니다. 위키백과에 따르면 새 표지는 프레스턴 우회도로에서 1958년 시험했고 이듬해 M1 고속도로에 도입되었습니다. 이전 서체보다 둥글고 a, t, l의 꼬리 같은 구별 요소가 있어 읽기 쉽도록 설계되었다고 설명됩니다. 표지판은 달리는 차에서 짧은 시간에 읽어야 하므로, 글자를 서로 구별하기 쉽게 만드는 일이 서체 설계의 중심이었습니다. 배울 점은 가독성이 취향이 아니라 시험과 개선으로 다듬어진다는 것입니다(위키백과 기준, 세부 설계 동기는 자료마다 설명이 다릅니다).
사례 3. 버다나(1996): 화면에서 작게 읽히도록 (매체의 사례)
마이크로소프트의 의뢰로 매튜 카터가 설계해 1996년 공개된 버다나는 해상도가 낮은 화면에서도 작은 크기로 읽히도록 만든 산세리프체입니다. 큰 x-높이, 넓은 글자꼴, 넉넉한 간격, 열린 카운터가 특징이고, 숫자 1과 소문자 l, 대문자 I가 서로 달라 보이게 그려졌다고 위키백과는 정리합니다. 같은 설계자가 만든 조지아도 화면용 서체로 함께 언급됩니다. 배울 점은 '화면에서는 산세리프'라는 말이 막연한 취향이 아니라, 그 시대 화면 해상도의 한계에 대응한 설계 결정이었다는 것입니다. 고해상도 화면이 보편화된 지금은 서체 선택의 폭이 훨씬 넓어졌습니다.
사례 4. WCAG의 대비와 간격 기준 (표준의 사례)
웹 접근성 지침(WCAG) 2.2의 명도 대비 기준(최소) AA 수준은 일반 텍스트에 4.5 대 1, 큰 텍스트에 3 대 1 이상을 요구합니다. 여기서 큰 텍스트는 18포인트 이상, 또는 굵은 글씨 14포인트 이상이며, W3C 설명은 이를 대략 24px와 18.5px로 환산합니다. 또 텍스트 간격 기준(1.4.12)은 사용자가 줄 높이를 글자 크기의 1.5배, 문단 간격을 2배, 자간을 0.12배, 단어 간격을 0.16배로 바꿔도 내용이 깨지지 않아야 한다고 정합니다. 이 값은 디자이너가 반드시 그렇게 써야 한다는 뜻이 아니라, 사용자가 읽기 편하게 바꿀 수 있어야 한다는 최소 기준입니다. 배울 점은 가독성에 대한 막연한 감을 수치와 시험으로 확인할 수 있다는 것입니다. 이 사이트의 명도 대비 검사기로 직접 계산해 볼 수 있습니다.
내 문서에 바로 적용하기
- 서체는 두 가지 이내: 제목용과 본문용으로 나누고, 굵기와 크기로 변화를 줍니다.
- 행간부터 점검: 본문 글자 크기의 1.4~1.8배 안에서 시험하고, 접근성을 고려하면 최소 1.5배 수준을 유지해도 깨지지 않게 설계합니다.
- 대비 확인: 배경과 글자색의 명도 대비가 낮으면 AA 기준 4.5 대 1을 넘는지 계산해 봅니다.
- 줄 길이 줄이기: 위키백과에 따르면 읽기 연구에서 긴 줄은 눈의 피로를 키운다고 보고되었으니, 한 줄이 너무 길면 폭을 제한합니다.
- 대문자 남용 피하기: 영문 전부 대문자는 읽기 속도를 떨어뜨린다고 알려져 있습니다.
- 실제 환경에서 보기: 휴대폰과 PC, 밝은 곳과 어두운 곳에서 모두 확인합니다.
흔한 오해와 정정
- 오해: 본문은 무조건 세리프체여야 한다. 실제: 매체와 크기, 서체 설계에 따라 달라지며 화면용으로 설계된 산세리프도 있습니다.
- 오해: 글자 크기가 클수록 읽기 좋다. 실제: 크기만 키워서는 위계나 줄 길이 문제가 해결되지 않습니다. 균형이 핵심입니다.
- 오해: 서체는 많이 쓸수록 세련되어 보인다. 실제: 서체를 섞을수록 통일감이 약해지기 쉽고, 보통 2종 이내가 안정적이라고 알려져 있습니다.
- 오해: 가독성과 판독성은 같은 말이다. 실제: 월터 트레이시의 구분(위키백과 인용)에 따르면 판독성(legibility)은 글자를 알아보는 지각의 문제이고, 가독성(readability)은 글 전체를 이해하는 정도의 문제입니다.
한계와 더 알아볼 점
읽기 편한 간격과 크기의 수치는 연구와 관행에서 나온 범위이지 모든 서체와 언어에 맞는 정답이 아닙니다. 위키백과는 읽기 연구에서 미국의 마일스 틴커 등이 1930년대부터 1960년대까지 읽기 속도와 이해도를 측정했고, 영국 왕립예술학교에서도 인쇄물 가독성 연구가 있었다고 소개하지만, 한글 환경에서 같은 결론이 그대로 성립하는지는 이 글에서 확인하지 못했습니다. 한글 글꼴은 글자 폭과 받침 유무 때문에 영문과 다른 간격 조정이 필요할 수 있으니, 구체적인 수치는 실제 글꼴과 매체에서 시험하세요.
사진 구도 기초도 함께 알아보기
텍스트를 배치하는 원리처럼, 사진에서도 피사체를 어디에 배치하느냐가 완성도를 좌우합니다.사진 구도 기초 상식에서 삼분할 법칙 등 대표 구도 기법을 확인해보세요.
자주 묻는 질문
본문은 무조건 세리프체를 써야 하나요?
그렇지 않습니다. 인쇄물은 세리프체가 가독성이 좋다고 알려져 있지만, 화면에서는 산세리프체가 더 깔끔하게 읽히는 경우가 많아 매체 특성에 맞게 선택하는 것이 중요합니다.
자간과 행간 중 가독성에 더 큰 영향을 주는 것은 무엇인가요?
둘 다 중요하지만, 특히 긴 본문에서는 행간이 좁으면 줄을 잘못 찾아 읽는 경우가 늘어나기 때문에 자간보다 행간 설정에 더 신경 쓰는 것이 좋습니다.
글자와 배경의 대비는 어느 정도여야 하나요?
WCAG 2.2의 AA 수준은 일반 텍스트에 4.5 대 1, 큰 텍스트에 3 대 1 이상을 요구하고, AAA 수준에서는 일반 텍스트가 7 대 1입니다. 기준에 간신히 못 미치는 값도 실패로 보는 엄격한 문턱입니다.
가독성과 판독성은 어떻게 다른가요?
판독성은 낱글자를 얼마나 쉽게 구별하느냐, 가독성은 글을 전체적으로 얼마나 편하게 이해하며 읽느냐의 문제입니다. 예를 들어 1, l, I를 구별하기 쉽게 그린 서체는 판독성을 높이는 설계입니다.
제목은 얼마나 크게, 얼마나 굵게 해야 하나요?
정해진 수치는 없고, 본문과 구별되는 차이가 분명하면 됩니다. 크기 단계를 너무 촘촘히 나누면 오히려 위계가 흐려지므로, 제목·부제목·본문 정도로 단순하게 시작해 휴대폰 화면에서 확인해 보세요.
이어서 읽어 보세요
- 폰트의 역사: 활자와 글꼴이 걸어온 길
- 색채 이론 기초: 글자색과 배경색 조합의 바탕
- 색각 이상을 고려한 디자인: 대비와 접근성 관점
- 사진 구도 기초: 시선을 이끄는 배치 원리