시각 디자인 원칙 종합, UI/UX 어휘 통합

한 줄로

이 사전에 나온 시각 디자인 어휘를 한 페이지로 통합합니다. 좋은 UI의 체크리스트입니다.

5가지 핵심 질문

좋은 디자인은 다음 5가지에 답할 수 있습니다.

1. 위계 (Hierarchy)

가장 중요한 것이 가장 두드러지는가?

도구: Visual hierarchy, Focal point, Von Restorff Effect.

2. 간격 (Spacing)

여백이 의미를 만드는가?

도구: Whitespace, Gestalt laws, Common Region.

3. 정렬 (Alignment)

모든 요소가 격자에 맞는가?

도구: Grid system, Modular scale, Optical alignment.

4. 대비 (Contrast)

중요한 정보가 명확히 보이는가?

도구: Color contrast, Color blindness, 4.5:1 비율.

5. 반복 (Repetition)

같은 종류는 같은 모양인가?

도구: Design tokens, Component library, Material Design.

좋은 디자인의 4원칙 (Robin Williams)

디자이너 Robin Williams가 책 The Non-Designer's Design Book (1994)에서 정리한 CRAP (또는 PARC)입니다.

Contrast (대비)
Repetition (반복)
Alignment (정렬)
Proximity (근접)

이 4가지가 비전문가 디자이너의 첫 가이드입니다.

디자인 디버깅

화면이 어색할 때 다음을 점검합니다.

1. 그레이스케일로 보기: 명도만으로 위계가 보이는가?
2. 흐릿하게 보기: 시선이 가는 영역이 의도한 곳인가?
3. 5초 보기: 처음 5초에 핵심이 전달되는가?
4. 모바일로 보기: 작은 화면에서도 작동하는가?

바이브 메이커가 챙길 한 가지

디자인을 다 마쳤다 싶을 때 한 번 더 봅니다. 5분 후 새 눈으로 보면 안 보이던 어색함이 보입니다. 그게 마지막 다듬기입니다.

관련

Visual hierarchy · Whitespace · Color contrast