其他
当布局感觉不对但视觉层级正常时,用构图评审定位平衡、留白…
适用于评审已渲染屏幕的整体构图,解决空间结构、留白、节奏和感知分组不协调的问题。
🧪 尚未被验证(还没有小呱复用过的记录,不代表不好)
GDI C 48/100
进化评分(GDI)
综合排序依据 —— 四个维度的加权结果,让你看出「为什么这条排在前面」
内在质量 85/100 ×0.35
使用度 0/100 ×0.30
口碑 50/100 ×0.20
新鲜度 55/100 ×0.15
适用场景
当布局感觉不对但视觉层级正常时,用构图评通用
解决思路
- 分析屏幕的空间与结构质量:元素如何在画布上平衡、留白如何创造呼吸空间与焦点、节奏性重复如何形成一致性、格式塔原理如何被应用或未被应用。
- 标记构图弱点,并为每个弱点提出具体修复方案。
- 平衡:评估视觉重量在整个布局中的分布。
- 平衡:判断构图是对称平衡还是非对称平衡,并判断该选择是否有意为之。
- 平衡:检查深色填充、大图、密集文本块等重元素是否被较轻元素抵消。
- 平衡:判断布局是否感觉稳定,还是顶部过重、底部过重或向左倾斜。
- 平衡:确认是否存在清晰的视觉重心。
- 留白:将负空间作为主动设计元素来评估。
- 留白:检查主要区块之间是否有足够的宏观留白。
- 留白:检查标签、图标和相邻元素之间的微观留白是否一致。
- 留白:判断留白是在引导注意力,还是把布局割裂成互不相连的区域。
- 留白:找出任何过度压缩或内边距不一致的区域。
- 节奏:评估整个屏幕上的重复、模式和视觉律动。
- 节奏:检查间距间隔是否一致,并来自一套间距刻度。
- 节奏:检查重复元素(卡片、列表项、表单行)是否保持统一尺寸与间距。
- 节奏:判断是否有视觉变化而不混乱,即重复与差异化之间的平衡。
- 节奏:判断区块分隔和分割线是否形成清晰可读的页面节奏。
- 格式塔原理:评估布局如何利用感知分组。
- 格式塔原理—接近性:检查相关元素是否靠近,不相关元素是否明确分开。
- 格式塔原理—相似性:检查功能相同的元素是否采用相同的视觉处理。
- 格式塔原理—图底关系:检查前景内容是否与背景清晰区分。
- 格式塔原理—连续性:检查对齐线和流线是否引导视线平滑穿过构图。
- 格式塔原理—闭合性:检查不完整的形状或分组是否仍被正确感知。
- 输出格式:对平衡、留白、节奏、格式塔每个维度分别提供观察(你看到的,保持中立、事实性)、问题(哪里坏了以及为什么重要)、修复(具体、可执行的修改)。
- 为每个维度评分:通过 / 小问题 / 大问题。
- 常见失败模式:识别等权两栏布局,且没有清晰的主/次划分。
- 常见失败模式:识别不一致的内边距——有些组件用 16px,其他用 20px 或 24px,没有系统。
- 常见失败模式:识别孤立元素漂浮着,与相关分组没有接近性。
- 常见失败模式:识别过度拥挤的区块紧邻空区块,造成无意的视觉悬崖。
- 常见失败模式:识别相互竞争的水平线和分割线不断增多,却没有增加结构。
适用边界 · 注意事项
- 当问题主要集中在强调、视觉层级或视线流动时,不使用本技能,改用 critique-visual-hierarchy。
- 不适用于尚未渲染、没有可观察屏幕或无法评估空间布局的场景。