全国热线

400-080-3312

全国监督投诉热线:9:00-23:00

UI设计师需要掌握的配色技巧

南京学码思UI培训班很多学员都是第一次接触UI设计,光学到配色理论还不是很好理解,今天学码思老师就结合实际案例来为大家说说UI设计师需要掌握的配色技巧,一起来学习一下。

对于设计师来说,配色是很重要的一门学问,可能直接涉及到作品的成败,这也是很多新手设计师比较难消化的一部分知识,这是需要长时间设计经验和功力积累的。南京学码思UI培训班很多学员都是第一次接触UI设计,光学到配色理论还不是很好理解,今天学码思老师就结合实际案例来为大家说说UI设计师需要掌握的配色技巧,一起来学习一下。


1.用色要有理论支撑


网上有很多人写过关于配色的基础理论,例如互补色呀、相邻色呀、对比色等等,再比如红色代表热情、蓝色代表科技、绿色代表健康等等,这些都是我们必须掌握的,如果不太不清楚,可以去百度一下!


这里需要和大家强调的是,在我们每次用色之前,一定要想想为什么要这么用,你的理论依据是什么,这是一个优秀设计师基本的思考习惯。


举个简单的例子,如果我们为一个品牌的视觉延展,品牌色是蓝色,当我们需要去给这个品牌色搭配色彩的时候,我们可以从很多方面入手,例如品牌调性、目标人群等等。


假设我们的目标人群是:时尚、前卫的年轻人,那我们就可以大胆的使用对比色——红色,用对比色的视觉冲击力来突出年轻、前卫的品牌调性,博得目标人群的喜爱。


举这个简单的例子就是告诉大家,理论还是要看一看,让你的理论支撑你的执行,这样你就可以有足够的信心。


当然,至于配出来的颜色好不好看,那就是另外一个层面(执行力)的事了,后面再说!


2.配色数量慢慢加


首先,我们都要意识到理论的重要性,可以支撑我们的执行!下面举个例子来说明:


来,我们看看这个练习的原图:

UI设计师需要掌握的配色技巧

这张图的用色是非常有研究的,一共有三种主要色相,绿色、红色、黄色,绿色与红色是互补色,红色与黄色是邻近色,三种不同深浅的绿色使画面变得丰富又不杂乱。


而我们看下练习稿:

UI设计师需要掌握的配色技巧

这么一个小小的插图,竟然用了13种颜色,并且没有任何规律,从这个练习可以看出这位朋友的整个思维都是乱的,并不知道到底该怎么用色!


在这种情况下,千万不要贪心,可以先从两种主色开始搭配,例如,先用好邻近色,红色和黄色:

UI设计师需要掌握的配色技巧

当真的能驾驭好之后,再来慢慢添加颜色的数量,例如加些点缀色——天空的蓝色、地面的灰色:

UI设计师需要掌握的配色技巧

千万记住,练习配色不要急,先从少数量的颜色开始练起,慢慢增加!


3.配色一定要和谐


如何让配色看着和谐?


比较关键的一点就是:饱和度、透明度看起来要足够相似,要低饱和就所有的颜色都用低饱和,例如上面建筑的插图使用的都是低饱和的颜色:

UI设计师需要掌握的配色技巧

假设这时候我们把背景的红换个高饱和度就会是下面这个样子:

UI设计师需要掌握的配色技巧

根本没办法看!


不过让配色看着和谐,除了需要理论支撑以外,确实还是需要一定的色彩感觉,如果色感太差,那就多练吧(记住,颜色数量慢慢来哦),敏锐的色感也是可以慢慢培养的!


4.颜色可以不用那么正


对于配色新手来说,刚开始颜色不敢用太多,配色种类比较单一,这时候还想出彩的话,我们就可以让颜色不要那么正(比如正红、正蓝),尤其是拉渐变的时候,举个例子:

UI设计师需要掌握的配色技巧

我们拉个蓝色的渐变,如果色相都是一样的,只是改变明度的变化,那就是左面这样的,但如果你用两种色相,让浅色的蓝不那么正,而是加入一点点绿,效果看起来就会丰满很多。

UI设计师需要掌握的配色技巧

像这样两种色相之间的渐变,是常用的配色技法,大家可以多多尝试。


以上关于UI设计配色的一点小技巧的讲解,希望对于新手能有所启发,多动手练习,在实际设计的过程中学习总结,这样提升更快,现在就打开电脑练习起来吧,希望你能成为一名优秀得到UI设计师。如果你对此还有什么疑问或者想获得免费UI设计教程和资料的话,可以直接咨询在线老师,也欢迎大家前来南京学码思UI培训班与我们老师面对面沟通交流。


上一篇:响应式网页设计需遵循的九点基本原则
下一篇:UI设计师需要掌握的色彩的情感效应

相关推荐

免费试听 | 学费咨询 | 在线报名 | 申请补贴 | 软件培训 | 网站地图

2016-2020 南京学码思教育科技有限公司 .All Rights Reserved

苏ICP备16033487号 www.njxms.com.cn

全国热线

400-080-3312

全国监督服务热线:9:00-23:00