大熊在转行做设计前,是一个土木工程师。项目里密密麻麻的CAD走线大红大绿,没有眼瞎已经是侥幸。连大熊这样的渣渣都能通过后期不断练习,勉强在设计中把颜色基本用对,你们就更不用说了。所以,色彩一定要花功夫调整,否则可能原本不错的设计稿因为颜色用的不够“正”,就被可怜的打入冷宫。
我们来看这幅图:
毫无疑问,肯定是后者更舒服?可是凡事要多问为什么,我们把画面的颜色提取出来看看:
左侧的色样超过10种,右侧的色样不过3种。
永远记住,在绝大多数没有把握的情况下,要严格控制画面中颜色的数量,否则很容易擦枪走火。
再来看另外一个栗子:
同样的,大熊将颜色提取出来,对应至色轮:
发现症结所在了吗?
什么样的产品,就运用什么样的颜色组合。
大熊在设计选色上,自己总结了4种办法,效率非常高(也曾在公司内分享过):
近似色
互补色
同色系
自然(图片中)寻找
拿近似色来说,有现成的工具比如 Adobe Color,以及 Apple 设计师也在用的Color Schemer Studio 2 帮忙,在色轮上取正负30°的颜色,通常就是非常好的近似色组合。
我们将上图Color Schemer取的颜色来一次现场配色,是不是毫无违和感:
「蒙特里安构成派的作品风格,按近似色重新组合」
再说互补色,色轮上对应的两个颜色就是视觉冲击最强的颜色组合。
但是千万不要拿来就要,先敲定一个主色和若干辅色:
再确定色块的比例:
接着说同色系,这个比较简单,通过加深或减淡基本色,就可以定义一组可用的颜色出来:
大熊基本上是选定一种颜色后,分别叠加20%透明度的白色和20%透明度的黑色,得到了想要的同类色组合。
最后说说从自然中取色,拿一张大表姐的照片举例,放入Adobe Color 自动识别出图片中的主要颜色:
根据这几个颜色以及主辅色的比例,我们可以在短短几分钟就完成一个可用的版式设计:
如果在设计中发现作品不合心意,没准问题就出在颜色上。
上述4个技巧在任何场景下都可以灵活运用,这下知道该怎么做了吧。
上一篇:使网站显得业余的错误使用深色背景
下一篇:设计的实用方法阴影