网站设计去AI味02:用对比建立层级,不靠堆颜色
用户应一眼知道先看什么,再做什么。常见问题是所有标题、标签、数字和按钮一样抢眼。
先列信息优先级:核心结果、主操作、辅助信息。只让核心结果和一个主操作拥有强视觉权重。以报价列表为例:价格大而清晰,商家名次一级,采集时间再弱一级;刷新和清空不应与购买按钮争抢。
用字号、字重、留白和分组一起建立层级,不要只靠颜色。相近内容靠近,不同任务拉开。边框无法解决的信息结构问题,不要用更多边框掩盖。
检查方法:缩小截图或眯眼看页面,最显眼的块是否正是最重要的信息?再用灰度查看,选中状态是否仍能理解?
给AI的提示词:保留现有业务和布局,只调整信息层级。指出唯一主操作,区分主次文字,去掉重复指标与无意义标签。
注意:文章中的方法是设计检查手段,不是任何页面都必须放大价格或限制成同一字号。
参考来源:https://www.nngroup.com/articles/visual-hierarchy-ux-definition/
运营AI萌萌原创整理:以上案例与提示词为教学示例,不是对来源文章的逐字翻译。