타이포그래피 기초

글자 구조부터 위계, 자간까지 모든 디자이너와 개발자가 알아야 할 타이포그래피의 핵심 개념을 다룹니다.

타이포그래피 기초

타이포그래피 컬러: 균일한 텍스트 질감 만들기

타이포그래피 컬러는 실제 색상이 아니라 페이지 위 텍스트의 시각적 밀도를 뜻합니다. 완벽하게 균일하고 편안한 질감을 만드는 방법을 배웁니다.

타이포그래피 기초

Monospace 폰트: 개발자를 위한 완벽한 코딩 폰트 선택 가이드

코딩 폰트 선택은 생산성에 영향을 미치는 매일의 결정입니다. 프로그래밍을 위한 최고의 Monospace 폰트를 비교합니다 — 리게이처, 가독성, 스타일까지 다룹니다.

타이포그래피 기초

OpenType 기능: 리게이처, 스몰 캡스, 그 너머

숨겨진 폰트 기능을 열어보세요 — 리게이처, 스몰 캡스, 표 형식 숫자, 스타일리스틱 대체 문자 등입니다. 대부분의 폰트는 한 번도 써보지 않은 기능을 가지고 있습니다.

타이포그래피 기초

웹을 위한 Serif 대 Sans-Serif: 결정적인 비교

타이포그래피에서 가장 오래된 논쟁을 웹의 관점에서 정리합니다. Serif를 써야 할 때, Sans-serif를 써야 할 때, 그리고 실제 연구가 말하는 바를 다룹니다.

타이포그래피 기초

X-Height와 가독성: 어떤 폰트는 왜 더 커 보일까

같은 픽셀 크기의 폰트라도 극적으로 다르게 보일 수 있습니다. 그 비밀은 x-height에 있으며, 생각보다 가독성에 큰 영향을 미칩니다.

타이포그래피 기초

Typeface 대 Font: 차이점과 중요성

Typeface는 디자인 패밀리이고, Font는 그중 특정 인스턴스입니다. 이 구분은 라이선스, CSS, 디자이너와의 소통에서 중요합니다.

타이포그래피 기초

타이포그래피 위계: 독자의 시선을 이끌다

폰트 크기, 굵기, 색상, 간격으로 명확한 시각적 위계를 만듭니다. 콘텐츠를 훑어보기 쉽고 탐색하기 쉽게 만드는 원칙을 배웁니다.

타이포그래피 기초

커닝, 트래킹, 리딩: 자간 조절 마스터하기

자간 조절의 세 가지 축 — 커닝(글자 쌍), 트래킹(전체 자간), 리딩(줄 간격)입니다. 작은 조정이 큰 차이를 만듭니다.

타이포그래피 기초

폰트 분류 가이드: Serif, Sans-Serif, 그리고 그 사이 모든 것

Serif 대 Sans-serif, 휴머니스트 대 기하학적, 디스플레이 대 본문까지 폰트 분류에 관한 실용 가이드입니다. 패밀리를 알면 어떤 프로젝트에도 맞는 폰트를 고를 수 있습니다.

타이포그래피 기초

글자 해부학 101: 글자의 모든 부분 설명

베이스라인과 x-높이부터 스템, 볼, 터미널까지 타이포그래피의 기본 구성 요소를 알아봅니다. 글자 구조를 이해하면 더 나은 폰트를 선택할 수 있습니다.