美文网首页UI设计
让你快速入门的设计配色基础

让你快速入门的设计配色基础

作者: 下水抓猫 | 来源:发表于2017-10-27 16:10 被阅读0次

    让我们来写一篇充满食物香味(大雾)的知识好了!

    相信很多初步接触UI的宝宝都对色彩比较困扰,大部分人并没有机会学习到绘画色彩之类的,这里就为大家总结了设计配色基础,希望能帮到大家!

    原 色

    所有颜色都是由三种颜色搭配出来的,就是三原色——红,黄,蓝。如果我们谈论的是屏幕的显示颜色,比如显示器,三原色则分别是红色、绿色和蓝色,也就是我们熟悉的RGB。

    间  色

    如果将红色和黄色、黄色和蓝色、蓝色和红色均匀混合,就会创建三种间色:绿色、橙色和紫色。将这些颜色应用进项目中,可以提供很强烈的对比。

    三级颜色

    三次色来源于间色与原色的混合,主要有:红紫色、蓝紫色、蓝绿色、黄绿色、橙红色和橙黄色。现在,你应该了解了颜色到底都是怎么衍生出来的,也可以了解色轮上的颜色组合都是从何而来。理解了色彩的原则将有助于在项目中选择颜色。为自己的设计选择一个合适的调性,并创建适量的对比度,让设计工作更好地展开吧!

    接下来我们聊聊基于色轮我们可以得到的基本色彩组合。

    互补色

    互补色是指色轮上那些呈180°角的颜色。比如蓝色和橙色、橘红色和蓝绿色、黄绿色和紫红色等。互补色有非常强烈的对比度,在颜色饱和度很高的情况下,可以创建很多十分震撼的视觉效果。

    相似色

    相似色是指在色轮上相邻的三个颜色。相似色是选择相近颜色时十分不错的方法,可以在同一个色调中制造丰富的质感和层次。一些很好的色彩组合有:蓝绿色、蓝色和蓝紫色;还有黄绿色、黄色和橘黄色。

    三角色

    三角色。顾名思义是通过在色环上创建一个等边三角形来取出的一组颜色,可以让作品的颜色很丰富。在上面的例子中,蓝紫色和黄绿色就可以形成十分强烈的对比。

    分散的互补色

    分散的互补色和互补色的区别在于分散的互补色并不是取目标颜色正对面的颜色。拿上面的图做例子来说吧,黄色的互补色应该是紫色,但是我们取紫色旁边的两个颜色——紫红色和蓝紫色。这样子不仅可以有一个强烈的对比度,而且还可以让颜色更丰富。

    四方色

    四方色是在色轮上画一个正方形,取四个角的颜色。在上面的例子中是:紫红色、橙黄色、黄绿色和蓝紫色。这个颜色真的超棒的,不信可以自己用用感受一下,尤其是使用其中一个颜色作为主色,其他的三个颜色作为辅助色的时候。

    四方补色

    四方补色和四方色的差别在于四方补色采用的是一个矩形。通过一组互补色两旁的颜色建立的色彩组合。如上图中的互补色橙色和蓝色,分别选用他们两旁的颜色来建立矩形,最终取得橙红色、橙黄色、蓝绿色和蓝紫色。

    明  暗

    颜色的色调也可以影响颜色给人的感觉,就拿上图的蓝色来说,第一张是原图,第二张添加了白色,第三张添加了黑色,同样的蓝色产生了不同的感觉。在实际应用中,可以在采用单色配色方案时,通过改变颜色的色调来创建不同的感觉。

    暖  色

    图中运用了大量的暖色,使人联想到温暖,热情,开朗,阳光,爱情等,红色是血的颜色,感觉是温暖的,橙色和黄色会给人夏天的感觉。给图像添加一个橙色的滤镜,图像看起来就会有温馨快乐的感觉。

     冷色

    冷色也有其独特的含义,通常会让人联想起凉爽的气候、冬季、死亡、悲伤、冰、夜晚和水这些事物。冷色可以给人平静、安宁、新人、干净的感觉。紫色与尊贵经常联系在一起,看起来十分内敛。

    颜色的意义

    红色

    红色是代表爱情和激情的颜色。情人节的礼物通常都有一个红色的盒子,或者是粉红色,也就是添加一些白色的红色。红色也代表愤怒和血液。在火焰中可以同时找到红色、橙色和黄色。红色也表示危险,所以很多表示停止的标识牌都是红色的,因为红色可以很好地吸引人们的注意。红色是很强势的颜色,当它和其他颜色相遇时,比如搭配黑色,可以创建非常强势的感觉。红色可以搭配一些严肃的语气和强硬的命令。


    橙色

    橙色代表了温暖,但是并不像红色那样咄咄逼人。橙色能够创建一个有趣的氛围,因为它充满了活力,而且橙色创造出的活跃气氛并没有危险的感觉。橙色可以与一些健康产品搭上关系,比如维生素,毕竟柠檬里也有很多维生素。

    黄色

    提到黄色,经常可以联想到太阳和温暖。使用橙色的时候,可以创造出一种夏天的好玩的感觉,黄色则带给人口渴的感觉,所以经常可以在卖饮料的地方看到黄色的装饰。黄色也可以和懦弱与恐惧联系起来,这个则是因为以前“yellow”这个词也代表着这个意思。当黄色与黑色搭配在一起时,十分吸引人的注意力,一个绝佳的例子就是很多国家的出租车都采用这种配色。

    绿色

    在西方国家,绿色是钱的颜色,这与他们的文化和财富有关。因为大多数植物都是绿色的。绿色也代表着经济增长和健康。绿色经常用作一些保健食品的LOGO,因为看起来就十分贴近自然。绿色还意味着利润和收益。如果搭配上蓝色,通常会给人健康、清洁、生活和自然的感觉。

    蓝色

    蓝色是一个神奇的颜色,因为不同明度的蓝色会给人不同的感受、想法和情绪。如下图中所示,深蓝色可以给人一种悲伤的感觉,让人联想起伤心时怎么听都不够的蓝调音乐。而浅蓝色则通常会让人联想起天空和水,给人以提神、自由和平静的感觉。蓝天永远都是平静的,水流可以冲走泥土,清洗伤口,所以蓝色也代表着新鲜和更新。蓝色给人冷静的感觉,会帮助人放松下来。

    总结

    作为一名设计师,了解色彩是一件必不可少的事儿。在设计的时候应该慎重地考虑和选用颜色。通过不同的颜色,可以创造出不同感觉的图像。合适的组合可以获得关注,通过视觉传达设计师所想,进一步拉近设计师与观众的距离,让图像更具力量。如果之前并不仔细考虑用色,现在开始,应该培养对于色彩的感觉。相信客户会看到一个不一样的你,你的设计作品将会通过颜色建立联想,更好地传达信息。

    愿你们在设计的道路上越走越远!

    相关文章

      网友评论

        本文标题:让你快速入门的设计配色基础

        本文链接:https://www.haomeiwen.com/subject/yhdrpxtx.html