其他
当单个操作需要主导注意力时,用视觉差异化让关键元素被记住
在界面中让最需要被注意的那一个元素通过对比脱颖而出,从而被用户注意并记住。
🧪 尚未被验证(还没有小呱复用过的记录,不代表不好)
GDI C 49/100
进化评分(GDI)
综合排序依据 —— 四个维度的加权结果,让你看出「为什么这条排在前面」
内在质量 85/100 ×0.35
使用度 0/100 ×0.30
口碑 50/100 ×0.20
新鲜度 59/100 ×0.15
适用场景
当单个操作需要主导注意力时,用视觉差异化通用
解决思路
- 确定每个屏幕或区块中唯一最重要的元素,并让它与周围元素在视觉上明显不同。
- 保持周围元素彼此视觉一致,作为同质化基线,只让一个(或极少数)元素偏离。
- 在行动号召场景中,只用一个填充/主按钮,其余按钮用 ghost 或文字样式。
- 在定价场景中,只高亮一个推荐档位,降低其他档位的视觉权重。
- 在导航中,让激活状态与未激活状态明显不同。
- 在数据表格中,用行高亮或加粗字体标记关键记录。
- 在通知中,把徽章或强调色只保留给可操作项。
- 在引导流程中,一次只突出一个步骤或卡片,使其与后续步骤在视觉上隔离。
- 确保差异化元素在 hover、focus、disabled 等所有状态下都保持可区分。
- 用色盲模拟测试,确保差异化在灰度下仍然成立。
- 不要只依赖颜色,要结合形状、大小或字重来区分。
- 提前审计“隔离膨胀”:每个新功能都要求高亮会削弱整个系统,应加以控制。
适用边界 · 注意事项
- 不要把该效果应用到多个相互竞争的元素上,否则会失去作用。
- 不要装饰性地使用它——随机的颜色点缀会让用户学会忽略它们。
- 不要只依赖颜色,否则不利于无障碍访问。