Antigravity Agent
31 lines
2.4 KiB
Markdown
31 lines
2.4 KiB
Markdown
---
|
|
id: UX-GESTALT-001
|
|
category: "10_Wiki/💡 Topics/AI"
|
|
confidence_score: 1.0
|
|
tags: [ux, design, gestalt-principles, psychology, human-computer-interaction]
|
|
last_reinforced: 2026-04-26
|
|
---
|
|
|
|
# Gestalt Principles in UX (UX에서의 게슈탈트 원리)
|
|
|
|
## 📌 한 줄 통찰 (The Karpathy Summary)
|
|
> "전체는 부분의 합과 다르며, 인간의 뇌는 복잡한 시각 정보를 본능적으로 단순하고 유의미한 그룹으로 엮어낸다" — 인간의 시각 인지 과정을 설명하는 심리학 법칙들을 인터페이스 설계에 적용하여, 사용자가 별도의 학습 없이도 화면의 구조와 관계를 즉각 파악하게 만드는 디자인 원칙.
|
|
|
|
## 📖 구조화된 지식 (Synthesized Content)
|
|
- **추출된 패턴:** 개별 요소들의 배치(근접성, 유사성, 연속성 등)를 통해 뇌가 정보를 자동으로 그룹화하거나 분류하도록 유도하는 시각적 질서 형성 패턴.
|
|
- **주요 법칙:**
|
|
- **Proximity (근접성):** 서로 가까이 있는 요소들을 하나의 그룹으로 인식.
|
|
- **Similarity (유사성):** 모양, 색상, 크기가 비슷한 요소들을 연관된 것으로 인식.
|
|
- **Continuity (연속성):** 시선이 부드러운 선이나 흐름을 따라가도록 배치.
|
|
- **Closure (폐쇄성):** 불완전한 형태라도 뇌가 부족한 부분을 채워 전체 형상으로 인식.
|
|
- **Figure/Ground (형태와 배경):** 주목해야 할 대상과 배경을 명확히 구분.
|
|
- **의의:** 텍스트 설명 없이도 레이아웃만으로 기능의 연관성과 계층 구조를 전달하여 인지 부하를 최소화함.
|
|
|
|
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
|
- **과거 데이터와의 충돌:** 단순히 화려한 그래픽 중심의 디자인에서, 인간의 인지 구조를 배려하는 '뇌 친화적' 인터페이스 설계로 UX의 중심축이 이동함.
|
|
- **정책 변화:** Antigravity 프로젝트의 모든 대시보드와 에이전트 인터페이스는 게슈탈트 원칙을 준수하여 설계되며, 특히 '유사성' 법칙을 통해 에이전트의 응답 유형별로 일관된 시각적 피드백을 제공함.
|
|
|
|
## 🔗 지식 연결 (Graph)
|
|
- UX-Design, [[Human-Computer-Interaction-HCI|Human-Computer-Interaction-HCI]], [[Frontend-Architecture|Frontend-Architecture]], Visual-Hierarchy
|
|
- **Raw Source:** 10_Wiki/Topics/AI/Gestalt-Principles in UX.md
|