很多界面做得不舒服,不是因为颜色不好看,而是颜色没有在说话。用户看见很多色块,却不知道哪个重要、哪个危险、哪个只是点缀。
一、先定义颜色的职责
在一个产品里,颜色至少承担四类职责:主操作、辅助信息、状态反馈、品牌气质。如果这四类职责混在一起,界面很容易显得嘈杂。
比较稳妥的做法是先规定:主按钮用什么色,警告和错误用什么色,成功反馈用什么色,中性色负责大部分文本和边框。职责稳定后,用户会更快建立预期。
二、别让“好看”破坏可读性
设计师常会被漂亮的配色吸引,但一旦对比度不够、层级不清,用户读起来就很吃力。特别是正文区域、表单说明、次要操作,首先要保证看得清,再谈氛围感。
三、同一种颜色不要表达两种意思
比如红色如果既用来做品牌强调,又用来表示错误状态,用户很容易混淆。颜色一旦承担了明确语义,就应该保持稳定。这样用户不需要每次重新理解。
稳定的配色语义,本质上是在帮用户减少学习成本。
四、真正的高级感,常常来自克制
很多成熟产品的颜色系统其实很克制。它们不是颜色更多,而是把少数颜色用得更准确。主色只在关键位置出现,中性色承担大部分界面结构,强调色用来制造少量记忆点。
如果你的网站看起来总有点乱,可以先减少颜色数量,再重新分配每种颜色的职责。往往会立刻清爽很多。