IT培训-高端面授IT培训机构
云和教育:云和数据集团高端IT职业教育品牌
  • 国家级
    全民数字素养与技能培训基地
  • 河南省
    第一批产教融合型企业建设培育单位
  • 郑州市
    数字技能人才(码农)培养评价联盟

2018年UI设计配色技巧总结及2019年色彩趋势预测

  • 发布时间:
    2018-12-10
  • 版权所有:
    云和教育
  • 分享:

2018年很快就要过去了,在过去的一年里,UI设计越发的多元化,各种设计理念层出不穷,2019年设计趋势又有哪些呢?今天,我们就来聊聊关于配色那些事。

其实从2018年开始,设计师们就偏向于使用鲜艳的色彩。2019年,生动的色彩组合,以及梦幻般的色彩过渡和渐变,将继续流行,而且会更加生动。因为它们给整体设计带来了一种未来感,这些配色方案会让你感觉像是置身于另一个宇宙。

配图1 2018年UI设计配色技巧总结

Pantone也为我们揭露了2019年的色彩趋势预测,如果希望自己的工作脱颖而出,那么就请使用大胆的色彩吧!

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

一、色轮配色

配图2 色轮配色

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

二、单色搭配

配图3 单色搭配

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

三、相邻颜色搭配

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

四、高对比搭配

配图4 高对比搭配

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

五、协调对比搭配

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

六、四分色搭配

配图5 四分色搭配

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

七、渐变

配图6 渐变

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

搭配原则:

1、掌握60-30-10原则

配图7 掌握60-30-10原则

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

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

2、最多3个原色

配图8 最多3个原色

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

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

3、参考色彩心理学

配图9 参考色彩心理学

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

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

4、从自然获取配色

配图10 从自然获取配色

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

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