IT培训-高端面授IT培训机构
云和教育:云和数据集团高端IT职业教育品牌 全国咨询热线:0371-67988003
课程 请选择课程
    校区 请选择校区
      • 华为
        授权培训中心
      • 腾讯云
        一级认证培训中心
      • 百度营销大学
        豫陕深授权运营中心
      • Oracle甲骨文
        OAEP中心
      • Microsoft Azure
        微软云合作伙伴
      • Unity公司
        战略合作伙伴
      • 普华基础软件
        战略合作伙伴
      • 新开普(股票代码300248)
        旗下丹诚开普投资
      • 中国互联网百强企业锐之旗
        旗下锐旗资本投资

      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年更加精彩、更具创意的设计作品吧!