Ch.1 게슈탈트 원리

프래그난츠 법칙과 단순성

프래그난츠 법칙이 UI 단순화에 미치는 영향을 이해한다게슈탈트 원칙을 종합적으로 적용하여 UI를 분석할 수 있다

복잡한 정보를 단순하게 보이게 만드는 비밀

구글 홈페이지는 왜 편안할까요? 수백 가지 기능이 있지만 화면에는 검색창 하나. 이것이 프래그난츠의 힘입니다.

기능은 많이 넣어야 하는데, 단순해 보이려면?

답은 숨기는 것이 아니라 구조화하는 것입니다. 게슈탈트 원칙이 그 방법을 알려줍니다.

lightbulb

핵심 개념

와이어프레임

UI의 구조와 레이아웃을 보여주는 저해상도 설계도

프로토타입

실제 작동하는 것처럼 만든 시제품


article

핵심 내용

정보가 적은 게 아니라 구조가 명확한 것이 단순함이다

프래그난츠 법칙에 따르면, 인간의 뇌는 가능한 한 단순하고 규칙적인 해석을 선호합니다. 이는 UI 설계에서 두 가지를 의미합니다:

6가지 원칙이 함께 작동할 때 비로소 읽히는 UI가 됩니다

프래그난츠 (단순성 선호)

이 세 가지가 조화롭게 작동하면 → 프래그난츠 달성 → '깔끔하다'는 인상

다음 중 프래그난츠 법칙의 설명으로 가장 적절한 것은?

key

핵심 용어

📝

와이어프레임

UI의 구조와 레이아웃을 보여주는 저해상도 설계도

🖥️

프로토타입

실제 작동하는 것처럼 만든 시제품

규칙 1

요소의 수를 줄이는 것보다 패턴을 일관되게 유지하는 것이 중요하다

규칙 2

예외가 많아지면 뇌의 패턴 인식이 실패하여 '복잡하다'고 느낀다

check_circle

핵심 정리

  • 1게슈탈트 6원칙: 근접성, 유사성, 연속성, 폐합, 전경/배경, 공동 운명
  • 2상위 법칙: 프래그난츠 — 뇌는 단순한 해석을 선호
  • 3좋은 UI = 게슈탈트를 의식적으로 활용한 UI
  • 4다음 주제: 8px 그리드 시스템 → 근접성을 수치로 통제하는 방법

퀴즈와 인터랙션으로 더 깊이 학습하세요

play_circle인터랙티브 레슨 시작