dec-gestalt-principles

仓库创建 2026年7月25日最近提交 1 天前SkillHot 收录 11 小时前
▸ 精选理由

适合做界面布局决策与视觉优先级判断的设计助手。

这个 Skill 做什么

解释 Gestalt 视觉分组原则并给出布局优化与可视化建议。

讲清楚 Gestalt 的视觉分组法则(比如 proximity、similarity、common region、figure/ground、closure 等),解释为什么眼睛会把元素看成整体。做界面布局、卡片设计或诊断页面为何显得杂乱时很有用,能告诉你该怎么用间距、形状和连通性来传达关系。特点是把抽象的感知法则转成具体的排版与分组建议,便于立刻改进可读性和信息层次。

▸ 展开 SKILL.md 英文原文

Gestalt principles of grouping — proximity, similarity, common region, continuity, closure, figure/ground, common fate, prägnanz, uniform connectedness. The visual logic behind how the eye assembles elements into wholes. Use when laying out a screen, deciding what reads as related, designing cards/sections, or diagnosing why a layout feels disorganized.

内容创作视觉设计版式感知原则通用
0
Stars
0
Forks
40
仓库内 Skill
积累中
7 日增星
安装 / 使用
给你的 Agent 一句话(通用)
帮我安装这个 skill:https://raw.githubusercontent.com/webiscorp/designskill-open/main/skills/gestalt-principles/SKILL.md
或 curl 直取 SKILL.md
curl -fsSL "https://raw.githubusercontent.com/webiscorp/designskill-open/main/skills/gestalt-principles/SKILL.md"
SKILL.MD 节选查看完整文件 ↗
# Gestalt Principles of Grouping

How the eye assembles individual elements into wholes — the perceptual logic behind layout. Spacing and grouping communicate relationship before any label does.

- **Proximity** — near things are perceived as related. The strongest, cheapest grouping tool: spacing *is* meaning.
- **Similarity** — alike things (color, shape, size) group together.
- **Common Region** — a shared container = shared meaning (cards, panels).
- **Continuity** — the eye follows lines and curves; aligned elements read as a sequence.
- **Closure** — the mind completes incomplete shapes; you can imply form with less.
- **Figure/Ground** — separating subject from background; ambiguity h
via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有