SuperAPI AI 工具集

hierarchy

通用与其它

查看项目

更新于 10-15 16:46

技能介绍

用途:评估并改进界面的视觉层级,使界面直接传达优先级,而不是让用户自己解读。当核心问题是优先级与强调时使用;若主要问题是任意间距、分组薄弱或布局节奏单调,则应改用 arrange。

主要能力:以 /hierarchy 启动工作流,激活后加载 $frontend-design 获取设计原则、反模式与上下文收集协议;若无设计上下文,须先加载 $setup。审查内容包括灰度测试(去掉颜色界面是否仍成立、约 2 秒内能否分辨主次三级元素)、竞争扫描(卡片标题按钮是否同样响亮、区块标题是否抢走内容焦点、支撑细节是否过强、重图标与深色元数据是否压过内容)、一致性与可预测性、操作优先级(是否只有一个明显主操作)、标签与数值处理、视觉和谐(焦点、平衡模式是否单一、图文是否失衡)、间距邻近与对齐、以及布局应支持的扫视模式。

改进方式:明确唯一主焦点,用空间、字重、对比和位置而非装饰来强化;通过弱化竞争元素来强调;统一主按钮、次级按钮与三级链接式操作,破坏性样式只保留在确认时刻;删除或合并冗余标签,把标签作为支撑内容;让区块标题保持克制的标签感;保持操作颜色、图标逻辑和布局模式的语义稳定;按内容密度选择对称、非对称或居中强调,并让组内间距小于组间间距。

限制与注意:不得让每个区块标题都像大标题、每个操作都是主按钮,不得只用颜色做层级,不得随意改变用户已学会的操作含义与布局模式,也不应靠增加装饰来修复弱层级。验证方式包括灰度清晰度、2 秒扫视、操作清晰度、标签数值效率与竞争是否真正减弱。资料未提供具体收费、价格与平台信息。