서체 조합, 한글 서체·글꼴 조합·브랜드 서체로 읽기 좋은 디자인 만들기
카페 메뉴판을 만들던 중 제목용 글꼴과 설명용 글꼴을 따로 골랐는데, 막상 붙여 보니 서로 어울리지 않는 경우가 있습니다. 제목은 눈에 잘 들어오지만 본문은 답답하고, 예쁜 한글 서체를 썼는데도 전체 화면은 어수선해 보일 수 있습니다.
서체 조합은 글꼴을 많이 고르는 일이 아니라 역할과 분위기를 나누는 작업입니다. 이 글을 읽으면 제목과 본문에 어떤 한글 서체를 배치할지, 브랜드 성격에 맞는 글꼴을 어떻게 고를지, 색채 조합과 간격까지 어떤 순서로 확인할지 알게 됩니다.
서체 조합의 기본은 역할을 나누는 것
한 화면에 여러 글꼴을 넣는다고 디자인이 좋아지지는 않습니다. 오히려 글꼴마다 생김새가 달라 시선이 분산될 수 있습니다. 처음에는 제목, 본문, 강조 문구처럼 글의 역할을 나누고, 각 역할에 맞는 글꼴을 정하는 편이 안전합니다.
가장 많이 쓰는 방식은 제목에 개성이 있는 서체를 사용하고 본문에는 읽기 편한 서체를 사용하는 것입니다. 예를 들어 제목에는 획의 굵기와 모양이 뚜렷한 고딕체를 쓰고, 본문에는 글자 사이가 지나치게 좁지 않은 고딕체나 부드러운 바탕체를 배치할 수 있습니다.
- 제목: 짧은 문장에서 분위기와 주목성을 보여줍니다.
- 본문: 긴 문장을 편하게 읽도록 돕습니다.
- 강조 문구: 버튼, 가격, 핵심 단어처럼 시선을 끌어야 하는 부분에 씁니다.
서체 수는 보통 두 종류 안팎으로 시작하는 것이 좋습니다. 세 종류 이상을 쓰고 싶다면 글꼴의 분위기보다 굵기, 크기, 여백으로 차이를 만드는지 먼저 살펴야 합니다.
고르기 전에 확인할 체크리스트
서체를 고를 때는 첫인상만 보지 말고 실제로 사용할 문장을 넣어 봐야 합니다. 글꼴 사이트의 예시 문장은 짧고 보기 좋게 만들어진 경우가 많아, 내 콘텐츠에서 같은 느낌이 나지 않을 수 있습니다.
- 한글 자음과 모음이 뭉개지지 않고 또렷한가?
- 숫자, 괄호, 따옴표, 쉼표 모양도 브랜드 분위기와 맞는가?
- 작은 화면에서 본문을 읽을 때 글자 사이가 붙어 보이지 않는가?
- 굵은 글자와 보통 굵기의 차이가 충분한가?
- 웹과 인쇄물에서 사용할 수 있는 이용 범위를 확인했는가?
- 굵기와 기울기 등 필요한 글자 모양을 제공하는가?
특히 한글 서체는 영어 글꼴보다 글자 수가 많고, 같은 글꼴이어도 낱글자 모양에 따라 인상이 크게 달라집니다. “오늘의 추천 메뉴”, “회원 가입 안내”, “다시 만나요”처럼 실제 문장을 세 가지 이상 넣어 보세요. 제목용 문장과 긴 본문을 따로 시험하면 선택 실수가 줄어듭니다.
제목용과 본문용 글꼴은 어떻게 비교할까
제목용 글꼴은 짧은 단어에서 개성이 드러나는지가 중요합니다. 반대로 본문용 글꼴은 여러 줄을 읽을 때 피로하지 않은지가 더 중요합니다. 같은 기준으로 두 글꼴을 평가하면 제목에는 무난하지만 본문에는 불편한 서체를 고르게 됩니다.
| 비교 기준 | 제목용 서체 | 본문용 서체 |
|---|---|---|
| 가장 중요한 점 | 주목성과 분위기 | 가독성과 안정감 |
| 글자 크기 | 크게 사용해 형태를 살림 | 작아도 획이 뚜렷해야 함 |
| 굵기 | 굵은 글자도 개성으로 활용 | 보통 굵기와 진한 굵기의 차이가 필요 |
| 사용 문장 | 짧은 제목과 숫자 | 두세 문단의 긴 글 |
두 서체가 비슷해서 어울리는 경우도 있지만, 너무 비슷하면 조합의 의미가 약해집니다. 예를 들어 모양이 거의 같은 고딕체 두 개를 함께 쓰면 구분이 어려울 수 있습니다. 이때는 글꼴을 바꾸기보다 제목의 굵기와 크기를 조절해 위계를 만드는 방법도 좋습니다.
실제로 서체 조합을 만드는 순서
- 콘텐츠의 성격을 정합니다. 장난스러운 행사인지, 믿음직한 안내문인지, 차분한 브랜드 소개인지 한 문장으로 적습니다.
- 본문용 서체부터 고릅니다. 사용자가 가장 오래 읽는 영역이므로 작은 크기와 긴 문장에서 먼저 확인합니다.
- 제목용 서체를 붙입니다. 본문과 너무 비슷하지 않으면서 분위기를 해치지 않는 글꼴을 찾습니다.
- 굵기와 크기를 정합니다. 제목만 크게 만드는 것이 아니라 본문, 소제목, 설명의 차이를 일정하게 만듭니다.
- 간격을 조절합니다. 자간은 글자 사이, 행간은 줄 사이의 간격입니다. 글꼴을 바꾸기 전에 이 두 요소를 조절하면 결과가 크게 달라집니다.
- 실제 화면에서 시험합니다. 휴대전화, 노트북, 인쇄물처럼 사용 환경을 나누어 살펴봅니다.
예를 들어 친환경 생활용품 브랜드라면 제목에 지나치게 장식적인 손글씨체를 쓰기보다 부드러운 고딕체를 선택할 수 있습니다. 본문은 획이 단정한 서체로 두고, 초록색이나 갈색 같은 자연 계열 색을 함께 사용하면 글꼴과 색채 조합이 같은 방향을 바라보게 됩니다.
색은 서체의 인상도 바꿉니다. 검은 글자와 흰 배경에서는 선명함이 먼저 느껴지지만, 낮은 채도의 베이지 배경에서는 부드러운 분위기가 강해집니다. 다만 배경과 글자의 명도 차이가 작으면 읽기 어려우므로 분위기보다 글자 식별을 우선해야 합니다.
자주 생기는 실수와 고치는 방법
예쁜 글꼴을 너무 많이 사용하는 경우
각각의 글꼴은 매력적이지만 한 화면에 네다섯 종류가 들어가면 내용의 우선순위가 흐려집니다. 제목, 본문, 강조 글자에 모두 다른 서체를 넣기보다 두 종류를 정하고 굵기와 크기로 변화를 주세요.
영문 예시만 보고 한글 서체를 고르는 경우
영문에서는 세련돼 보이던 글꼴이 한글에서는 글자 폭이 넓거나 받침이 복잡해 보일 수 있습니다. 반드시 실제 한글 문장과 숫자를 입력해 확인해야 합니다. 특히 가격, 날짜, 전화번호를 자주 쓰는 디자인은 숫자 모양도 함께 비교해야 합니다.
굵기만 키워서 위계를 만드는 경우
모든 제목을 굵게 만들면 강조가 사라집니다. 제목의 크기, 본문과의 간격, 색의 진하기를 함께 조절해 정보의 순서를 보여 주세요. 본문까지 진한 검정을 쓰면 화면이 무거워질 수 있어 어두운 회색을 시험하는 것도 방법입니다.
사용 허가를 확인하지 않는 경우
무료로 보인다고 해서 모든 사용이 허용되는 것은 아닙니다. 개인용과 상업용 조건이 다를 수 있고, 로고에 사용하거나 파일을 배포할 때 별도 제한이 있을 수 있습니다. 내려받기 전 제공처의 이용 조건과 글꼴 파일의 배포 여부를 확인해야 합니다.
서체 조합에 관한 질문
한글 서체는 몇 개까지 함께 써도 되나요?
정해진 숫자는 없지만 처음에는 두 종류가 가장 관리하기 쉽습니다. 한 종류만으로도 굵기와 크기 차이를 잘 만들면 충분하며, 세 종류를 쓸 때는 각 서체의 역할이 겹치지 않는지 확인하세요.
고딕체와 바탕체를 함께 써도 괜찮나요?
가능합니다. 고딕체는 선명하고 현대적인 느낌을 주며, 바탕체는 차분하고 읽는 흐름을 만들 수 있습니다. 다만 두 글꼴의 크기와 행간이 맞지 않으면 한쪽만 튀므로 실제 문단을 나란히 놓고 조절해야 합니다.
브랜드 서체는 예쁜 글꼴을 고르면 되나요?
브랜드 서체는 예쁨보다 반복 사용하기 좋은지가 중요합니다. 로고, 포장지, 웹사이트, 안내문에서 같은 인상을 유지할 수 있는지와 필요한 글자 모양을 모두 지원하는지 살펴야 합니다.
서체와 색채 조합 중 무엇을 먼저 정해야 하나요?
대부분은 본문용 서체와 기본 글자색을 먼저 정하는 편이 안정적입니다. 이후 제목용 서체와 강조색을 붙이면서 대비를 확인하세요. 색이 지나치게 강하면 좋은 서체도 산만해 보이므로 작은 화면에서 읽히는지 마지막으로 점검해야 합니다.
좋은 서체 조합은 특별히 많은 글꼴을 쓰는 조합이 아닙니다. 콘텐츠의 목적과 독자가 읽는 상황을 먼저 생각하고, 제목과 본문의 역할을 나눈 뒤 실제 문장으로 시험한 결과에 가깝습니다. 선택한 글꼴이 예쁜지뿐 아니라 오래 읽어도 편한지, 브랜드의 말투와 어울리는지까지 확인하면 디자인의 완성도가 한층 안정됩니다.