Get这些配色技巧,让你的UI设计更出彩!

近几年,UI设计愈发多元化,各种设计理念层出不穷,对于设计师们来说,配色是UI设计师必须要考虑的重要部分。今天,我们就来聊聊关于配色那些事儿。


其实从前两年开始,设计师们就偏向于使用鲜艳的色彩。生动的色彩组合,以及梦幻般的色彩过渡和渐变,一直以来在UI设计领域都十分流行。因为它们给整体设计带来了一种未来感,这些配色方案会让你感觉像是置身于另一个宇宙。

选对色彩,是每个设计师的基本功,说来简单,但是千变万化,看似复杂,然则有迹可循。那么,有哪些小技巧可以帮助UI设计师更轻松挑选最佳的色彩组合呢?


色轮配色


Get这些配色技巧,让你的UI设计更出彩!


艺术家Marc Chagall曾经说过一句被广泛引用的话:“所有的色彩都是隔壁色彩的朋友,也是相反位置色彩的爱人。”其实,说的就是色轮。


单色搭配


Get这些配色技巧,让你的UI设计更出彩!


单色配色并不是说只有一种颜色,而是基于同一色系来进行配色,不同明暗、饱和度的色彩组合到一起。单色永远是一个经典的选择,因为它很难犯错或做出令人反感的配色方案。


相邻颜色搭配


选择色轮上相邻的颜色。这种类型的配色方案用于不需要对比度的设计,包括web或banner的背景。


高对比搭配


Get这些配色技巧,让你的UI设计更出彩!


选择色轮上对立面的颜色混合。该方案与相邻色和单色相反,旨在产生高对比度。例如:蓝色背景上的橙色按钮非常吸睛。


协调对比搭配


这个方案与上一个方案类似,但是它采用了更多的颜色。例如:如果选择蓝色,则需要取其对立面中,相邻的2个其他颜色(即黄色和红色)。这里的对比度不如【高对比方案】那么强烈,但它允许使用多种颜色。


四分色搭配


Get这些配色技巧,让你的UI设计更出彩!


四分色配色方案适合有经验的设计师,因为它是最难平衡的。它采用色轮的四种互补颜色。如果将所选颜色上的点连接起来,会形成矩形。这种方案很难平衡色彩。


渐变


Get这些配色技巧,让你的UI设计更出彩!


从去年开始,渐变设计就越来越流行,到2019年仍然会保持这种趋势。就连苹果和Instagram 也偏爱到不行的渐变风,绝对是你2019年的最佳选择。


掌握60-30-10原则


Get这些配色技巧,让你的UI设计更出彩!


这一原则很容易理解,为了达到平衡的配色,几种色彩遵循60%—30%—10%这样的色彩配比。其中占据60%的是主色,而30%则是次主色,而占据10%的色彩应当为提亮色。


这一配色比例被认为是颇为令人愉悦的,在视觉感知上,它提供了一个颇为让人舒适的色彩层次,这样的控制让整个UI的色彩以一种可控的比例呈现出来,而不是将整个设计弄得一团糟。


最多3个原色


Get这些配色技巧,让你的UI设计更出彩!


智利平面设计师Rodrigo German认为,将整个设计的色彩控制在三到四个,会让整体看起来清爽而不会太过。如果需要超过三个色彩,尽量在现有色彩中加入黑白灰创造同色系色彩。


所以,如果你想坚持自己的创意和设计,但是又感觉还有缺陷存在,不妨看看是不是配色方案用色过多。记住,最佳的配色方案是三种色彩。


参考色彩心理学


Get这些配色技巧,让你的UI设计更出彩!


我们大脑对于色彩的反应其实是相当敏感和多样的,但是在日常生活中我们很难直观地、迅速地感受到。当人的眼睛感知到一种色彩的时候,会向大脑内的分泌系统发出信号,并且释放刺激产生对应情绪的激素。


比如,橙色给人充满活力和温暖的兴奋感,黄色象征着象征着阳光,欢乐和温暖,绿色带来平静和更新的感受……因此,设计师们要明智地选择颜色,确保你的设计和颜色传达正确的信息和调整。

从自然获取配色


Get这些配色技巧,让你的UI设计更出彩!


大自然是世界上最好的艺术家和设计师,我们在自然环境中看到的色彩组合大多都非常的协调,甚至可以说接近完美。人们所喜欢的日落和黎明,喜欢秋日的落叶和冬天的山野,因为这些色彩组合有着独特的美感。


当你没有配色的灵感时,不妨试试从大自然中吸取颜色。

“好的设计给人以帮助,或给人以愉悦。”让我们共同期待2020年更加精彩、更具创意的设计作品吧!


分享到:


相關文章: