用途:hierarchy-principles 是一套关于视觉层级的设计技能,强调层级是任何视觉设计中最重要的部分。适用于构建布局、评估信息架构,或诊断为何某个设计无法引导视线。
主要能力:提供一组层级规则与工具。规则要求每个屏幕必须建立清晰的主元素;必须通过尺度、字重、对比、颜色、空间、位置中至少两种手段建立层级;视觉权重必须与内容优先级匹配;除非刻意制造张力,否则不允许两个元素在同一层级竞争;并建议通过遮住半个屏幕来测试是否仍能看出最重要的内容。工具包括:尺度(越大越先被看到,最大与最小之比定义范围)、字重(越粗越吸引注意,需克制使用)、对比(高对比拉焦点,低对比后退)、颜色(饱和色前进,去饱和后退,中性系统中一个强调色即可建立层级)、空间(留白越多越显重要,拥挤元素像元数据)、位置(从左到右阅读时左上最先被看到,中心吸引注意,右下容易被忽略)。
使用方式:在对话中使用 /hierarchy-principles 命令,将层级约束应用到当前设计工作中。
反模式:仅用尺寸作为层级工具(导致布局单调)、把所有内容加粗(使加粗失去意义)、同一屏幕出现竞争性行动号召、导航在视觉上比其所服务的内容更抢眼。
限制:资料未提供该技能的具体安装方式、平台支持、收费信息或效果数据。