说实话,设计这行干了快十年,最怕听到的一句话就是:“你这颜色怎么脏兮兮的?”
——尤其是UI界面,对吧,一上屏,灰度失控,糊成一团。懊恼。摔过无数次鼠标后,我琢磨出点野路子。不是什么科班色彩理论,就是实战里磕出来的偏方。今天随便聊聊,希望能让你少走点弯路。
💡 扔掉纯黑,这是脏的源头
你仔细看。任何教程都会说黑白灰百搭。但现实中,纯黑(#000000)就是个大坑。自然界几乎没有绝对的黑。把它往界面里一放,立刻死板、刺眼,还带着周围颜色一起脏。不信你试试,把黑色改成带点环境色的深灰——比如深夜蓝(#1A1A2E)或者深棕灰(#2B2B2B)。
几年前做一个电商APP,商品卡片背景我傻乎乎用了黑底白字,自以为酷炫。结果测试用户说看得眼睛疼!后来换成深蓝灰,一下子柔和了。其实这就是模拟现实光照下的暗部,暗部从来不是纯黑。

所以。记住:阴影别用黑色叠加层,用深紫或深蓝,透明度调低。文字色也别用#000,用#333333起步。时刻想着“色彩倾向”,哪怕只是一点点。这招能解决60%的脏色问题。随手调一下,立马通透!
不过话说回来,执行的时候有些设计软件默认就是纯黑,你得养成手动改的习惯,唉……一开始挺烦的。
👀 偷偷转黑白,暴露层次问题

配色脏,很多时候是明度太接近。眼睛对明度比对色相敏感一万倍。一个绝招:把设计稿去色,变成黑白。如果黑白下糊成一片,那颜色再多也高级不起来。
有次做个金融仪表盘,用了蓝和紫渐变,自以为高级。一按去色键……傻眼了,全是一个灰色调。根本分不出数据层级。后来强行拉大亮度差,把浅蓝提亮到近乎白,深紫压暗到接近黑,再转回彩色看,清爽得像雨后。所以,先搞定明暗骨架,再套色相,这个思路比任何色环都有用。

此外还有个坑:邻近色搭配。比如橙黄绿放在一起,色相和谐,但明度往往差不多,远看就是一团脏。这时必须手动调,把其中一个加白或加黑,刻意制造跳跃。真的,别怕对比太大。小图标的颜色尤其要拉开,不然用户找不到可点击区域,会骂人。
🎨 统一色调的脏套路:叠加一个“脏”色蒙版

听起来反直觉?明明要干净,却要主动加脏色。其实是用一层半透明的统一色调覆盖全局,让所有颜色都沾上一点相同的“味精”。立刻,它们就成了一家人。这种方法在电影调色里常用,设计里同样救命。
操作:在所有图层最上面新建一层,填充一个你想要的氛围色——比如温暖的#FFE6CC(像阳光晒过的纸),或者冷调的#E6EEFF,混合模式选“叠加”或“柔光”,透明度降到10%-20%。瞬间!原本互相打架的颜色会握手言和。

记得有个音乐类APP,用了炫彩渐变背景,但总显得廉价塑料。我加了一层5%的灰蓝柔光蒙版,质感立刻变得……怎么说呢,像上了一层蔡司镀膜。这招尤其适合多色图标或插画,统一性马上出来。不过得小心,透明度太高画面会灰,太低没效果,多试几次。我喜欢用暖色,因为大多数人看着亲切。
还有个小技巧:直接拍张照片,用吸管工具吸取照片里的环境色,拿来做蒙版色,会非常自然。
行了,以上三个野路子——避开纯黑、强制检查明度、全局叠色,比背一万种配色方案都有用。它们像基本功,但99%的教程不说透。(恨)下次配色翻车,先别急着换颜色,试试这几手。真的,设计感就是这些细节堆出来的。哦对了,还有一个常见的错觉:你觉得脏,可能只是屏幕色准问题……换个好显示器吧,别折磨自己。😅
我问答网