타이포그래피 글꼴·자간·행간, 읽히는 디자인은 여기서 갈립니다
카드뉴스를 만들거나 블로그 대표 이미지를 꾸미다가 글자가 어딘가 어색해 보인 적이 있나요? 같은 문장인데도 글꼴을 바꾸면 전문적으로 보이기도 하고, 반대로 글자가 빽빽하면 읽기 전에 피곤해지기도 합니다. 문제는 글의 내용보다 글자를 배치하는 방식에 있을 때가 많습니다.
이 글을 읽으면 타이포그래피의 뜻부터 글꼴, 자간, 행간을 고르는 기준까지 알게 됩니다. 감으로 글꼴을 고르는 대신 화면 크기와 읽는 사람을 기준으로 판단하는 방법, 자주 하는 실수와 수정 순서도 함께 살펴보겠습니다.
타이포그래피란 무엇일까?
타이포그래피는 글자를 보기 좋게 꾸미는 데서 끝나지 않습니다. 글의 내용과 분위기에 맞는 글꼴을 고르고, 글자 사이와 줄 사이의 간격을 조절하며, 제목과 본문의 순서를 눈에 보이게 만드는 작업입니다. 쉽게 말해 글자를 통해 정보를 잘 전달하는 설계라고 할 수 있습니다.
예를 들어 카페의 손글씨 메뉴판과 공공기관의 안내문은 같은 글자를 사용해도 어울리는 방식이 다릅니다. 메뉴판은 따뜻하고 개성 있는 느낌이 도움이 되지만, 안내문은 여러 사람이 빠르게 읽을 수 있는 또렷함이 더 중요합니다. 타이포그래피는 이런 목적과 상황을 글자의 모양과 배치로 보여줍니다.
- 글꼴: 글자의 모양과 분위기를 정합니다.
- 크기와 굵기: 제목과 본문의 중요도를 나눕니다.
- 자간: 글자와 글자 사이의 간격입니다.
- 행간: 한 줄과 다음 줄 사이의 간격입니다.
- 정렬과 여백: 글이 놓이는 흐름과 화면의 답답함을 결정합니다.
글꼴을 고르기 전 확인할 기준
예쁜 글꼴을 먼저 고르면 오히려 작업이 어려워질 수 있습니다. 먼저 글을 읽는 환경과 목적을 정해야 합니다. 휴대전화에서 읽는 긴 글인지, 짧게 보는 포스터인지에 따라 좋은 선택이 달라지기 때문입니다.
- 사용 목적을 확인합니다. 본문, 제목, 로고, 자막 중 어디에 쓸지 구분합니다. 긴 본문에는 장식이 적고 획의 차이가 지나치지 않은 글꼴이 유리합니다.
- 화면 크기를 생각합니다. 큰 화면에서 선명한 글꼴도 작은 휴대전화에서는 뭉개질 수 있습니다. 실제 게시될 크기로 확인해야 합니다.
- 한글 모양을 직접 봅니다. 영문 견본만 보고 고르면 한글에서 글자 폭이나 받침 모양이 어색할 수 있습니다. ‘가나다라마바사’처럼 자주 쓰는 글자를 입력해 보세요.
- 사용 범위를 확인합니다. 무료처럼 보여도 상업적 사용, 영상 사용, 로고 사용에 조건이 붙을 수 있습니다. 글꼴을 내려받기 전 제공처의 공식 안내를 다시 확인하세요.
본문 글꼴과 제목 글꼴을 다르게 쓸 때는 차이가 분명해야 합니다. 비슷한 글꼴 두 개를 섞으면 의도한 조화보다 실수처럼 보일 수 있습니다. 처음에는 본문용 하나와 제목용 하나, 최대 두 종류로 시작하는 편이 안정적입니다.
자간과 행간, 무엇을 어떻게 비교할까?
자간은 글자 사이의 거리이고 행간은 줄 사이의 거리입니다. 자간이 너무 좁으면 글자가 붙어 보이고, 너무 넓으면 단어가 끊겨 읽는 흐름이 약해집니다. 행간이 너무 좁으면 줄을 바꿀 때 다음 줄을 찾기 어렵고, 너무 넓으면 문단이 흩어져 보입니다.
| 상황 | 자주 생기는 문제 | 살펴볼 기준 |
|---|---|---|
| 긴 본문 | 줄이 빽빽하고 눈이 쉽게 피곤함 | 줄 길이를 줄이고 행간을 조금 넓힘 |
| 짧은 제목 | 글자가 흩어져 힘이 약해짐 | 자간을 좁히고 굵기와 크기로 강조 |
| 숫자와 영문이 섞인 글 | 한글과 글자 폭이 달라 흐름이 끊김 | 실제 문장 전체를 보고 간격을 조정 |
| 휴대전화 화면 | 작은 글자와 긴 줄로 읽기 어려움 | 짧은 문단과 충분한 행간을 사용 |
수치만 외우기보다 글이 놓일 화면에서 판단하는 것이 좋습니다. 같은 행간도 글꼴의 높이와 굵기에 따라 다르게 느껴집니다. 제목은 가까이 붙여 단단한 인상을 만들 수 있지만, 본문은 문장과 문장 사이가 숨 쉴 공간을 가져야 합니다.
읽히는 타이포그래피를 만드는 순서
작업을 시작할 때는 세부 간격부터 만지지 말고 큰 구조부터 잡아야 합니다. 아래 순서를 따르면 수정할 곳을 찾기 쉽습니다.
- 독자를 정합니다. 어린이, 고객, 동료처럼 읽는 사람을 떠올립니다. 전문 용어가 많은 자료라면 글꼴보다 문장 길이와 설명 방식이 먼저입니다.
- 정보의 순서를 나눕니다. 제목, 부제목, 본문, 설명, 버튼처럼 역할을 구분합니다. 모든 글자를 크게 만들면 아무것도 중요해 보이지 않습니다.
- 기본 글꼴을 정합니다. 본문에서 오래 읽어도 부담이 적은 글꼴을 고른 뒤 제목에 변화를 줍니다.
- 크기와 굵기를 조절합니다. 제목은 크기만 키우기보다 굵기, 여백, 위치를 함께 봅니다. 본문을 지나치게 얇게 하면 밝은 화면에서 흐려질 수 있습니다.
- 자간과 행간을 조정합니다. 먼저 문단의 폭과 줄 길이를 확인한 뒤 간격을 다듬습니다. 한 줄이 너무 길면 간격 조절만으로 해결되지 않습니다.
- 작은 화면에서 시험합니다. 휴대전화와 컴퓨터에서 모두 읽어 보고, 멀리서도 제목과 본문의 구분이 되는지 확인합니다.
자주 하는 실수와 고치는 방법
첫 번째 실수는 글꼴을 많이 섞는 것입니다. 개성을 살리려고 네다섯 종류를 사용하면 화면의 중심이 사라집니다. 글꼴 수를 줄이고, 차이는 크기와 굵기, 색상보다 여백으로 만들어 보세요.
두 번째는 제목을 전부 대문자처럼 크게 만드는 방식입니다. 제목이 크다고 항상 잘 보이는 것은 아닙니다. 제목 주변에 충분한 여백을 두고 본문과 명확한 크기 차이를 만드는 편이 더 효과적입니다.
세 번째는 이미지로 만든 글자를 그대로 사용하는 경우입니다. 작은 화면에서 글자가 흐려질 수 있고, 화면 낭독이나 검색에도 불리할 수 있습니다. 중요한 정보는 가능한 한 실제 글자로 제공하고, 이미지 안의 글자는 짧게 쓰는 것이 좋습니다.
네 번째는 색상 대비를 무시하는 것입니다. 예쁜 연한 회색 글씨가 배경과 섞이면 내용을 읽기 어렵습니다. 배경 위에 글자를 올릴 때는 밝기 차이가 충분한지 여러 화면에서 확인해야 합니다.
자주 묻는 질문
타이포그래피와 글꼴은 같은 뜻인가요?
같지 않습니다. 글꼴은 글자의 모양을 가리키고, 타이포그래피는 글꼴 선택부터 크기, 간격, 정렬, 정보의 순서까지 포함하는 더 넓은 개념입니다.
한글 본문에 어울리는 글꼴은 어떻게 고르나요?
유명한 이름만 보기보다 실제 문장을 입력해 보세요. 받침이 많은 문장, 숫자와 괄호가 섞인 문장, 작은 크기의 문장을 각각 확인하면 글꼴의 차이가 잘 드러납니다.
제목과 본문에 같은 글꼴을 써도 되나요?
가능합니다. 같은 글꼴을 사용하되 제목의 크기와 굵기, 주변 여백을 다르게 하면 충분히 위계를 만들 수 있습니다. 오히려 처음 작업할 때는 한 글꼴 안에서 변화를 주는 편이 통일감 있습니다.
자간을 넓히면 가독성이 좋아지나요?
항상 그렇지는 않습니다. 짧은 제목은 약간 넓은 간격이 시원해 보일 수 있지만, 긴 본문에서는 단어가 흩어져 읽기 어려워질 수 있습니다. 문장 전체와 실제 화면 크기를 함께 보고 판단해야 합니다.
마지막으로 무엇을 점검해야 하나요?
글꼴 사용 범위, 작은 화면에서의 가독성, 제목과 본문의 구분, 색상 대비, 줄바꿈 위치를 확인하세요. 특히 공개나 상업적 활용 전에는 글꼴 제공처의 최신 사용 조건을 공식 안내에서 재확인하는 것이 안전합니다.