폰트 페어링의 원칙 — 두 서체를 조화롭게 쓰는 법

좋은 타이포그래피는 서체 하나를 잘 고르는 데서 시작하지만, 완성도는 두 번째 서체를 어떻게 붙이느냐에서 갈립니다. 폰트 페어링은 감각의 문제처럼 보여도 실제로는 몇 가지 원칙으로 설명되는 기술입니다. 이번 글에서는 대비와 조화라는 두 축을 중심으로, 세리프와 산세리프의 고전적 조합, 슈퍼패밀리 활용법, 그리고 한글과 라틴 서체를 함께 쓸 때의 고려사항까지 차례로 정리합니다. 1. 대비인가, 조화인가 — 페어링의 두 … 더 읽기

빈 화면과 에러 화면 디자인 — 엣지 케이스가 경험을 만든다

디자이너의 아트보드는 대개 이상적인 상태를 그립니다. 데이터가 가득 차 있고, 네트워크는 빠르고, 사용자는 실수하지 않는 화면입니다. 그러나 실제 사용자가 제품에서 처음 마주하는 것은 아무것도 없는 빈 화면(Empty State)이고, 가장 감정이 격해지는 순간에 마주하는 것은 에러 화면(Error State)입니다. 이런 엣지 케이스야말로 제품의 인상을 결정하는 진짜 무대입니다. 1. 왜 엣지 케이스가 경험을 만드는가 온보딩 직후의 사용자는 아직 … 더 읽기

디자인 프레젠테이션의 기술 — 시안을 설득하는 발표의 구조

몇 주를 들여 다듬은 시안이 회의실에서 십 분 만에 흔들리는 경험은 디자이너라면 누구나 한 번쯤 겪습니다. 문제는 시안의 완성도가 아니라 프레젠테이션의 구조인 경우가 많습니다. 좋은 발표는 화면을 보여주는 일이 아니라 설득의 서사를 설계하는 일이며, 그 서사는 시안을 열기 전에 이미 시작됩니다. 이번 글에서는 시안을 설득하는 발표의 원리와 검증된 실무 방식, 그리고 내일 회의에서 바로 적용할 … 더 읽기

UX 라이팅 기본기 — 버튼 하나의 문장이 경험을 바꾼다

좋은 인터페이스는 그림만으로 완성되지 않습니다. 버튼에 적힌 짧은 문장 하나, 오류 화면의 한 줄이 사용자의 다음 행동을 결정합니다. 이 글에서는 UX 라이팅이 왜 디자인의 일부인지 그 배경 원리를 살피고, 화면 곳곳의 마이크로카피를 실무에서 다듬어 가는 순서를 정리합니다. 1. 문장은 디자인 재료입니다 인터페이스의 언어는 장식이 아니라 구조입니다. 버튼 레이블, 입력 필드의 안내문, 알림 문구는 모두 사용자와 … 더 읽기

그리드 시스템 이해하기 — 지면에서 화면까지

잘 만든 지면과 화면에는 눈에 보이지 않는 뼈대가 있습니다. 바로 그리드 시스템입니다. 그리드는 콘텐츠를 가지런히 정렬하는 도구를 넘어, 지면에 리듬을 만들고 독자에게 신뢰를 전하는 설계 언어입니다. 이번 글에서는 편집 디자인에서 태어난 그리드가 어떻게 웹과 앱 화면까지 이어졌는지, 그리고 실무에서 그리드를 어떻게 세우면 좋을지 차근차근 살펴봅니다. 1. 스위스에서 시작된 질서 — 그리드의 배경 그리드 시스템의 뿌리는 … 더 읽기