게슈탈트 원리와 UI 디자인 — 눈이 화면을 읽는 방식

좋은 화면은 설명하기 전에 먼저 읽힙니다. 사용자가 버튼과 라벨의 관계를 1초 만에 파악하는 것은 우연이 아니라, 우리의 눈이 형태를 조직하는 방식 — 즉 게슈탈트 원리가 작동한 결과입니다. 이번 글에서는 근접성, 유사성, 폐쇄성, 연속성, 전경과 배경, 공동 영역이라는 여섯 가지 원리가 UI 디자인에서 어떻게 화면의 구조를 만들어내는지, 그리고 실무에서 이를 어떤 순서로 적용하면 좋은지 살펴봅니다. 1. … 더 읽기

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

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

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

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

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

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

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

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