配色 | 总监说颜色丑,我调了调确实好看多了!! 教程文章 配色一直都是设计师重点培养练习的主要方面;那我们在练习配色之前,你知道自己的配色丑在哪些方面吗?本文从颜色种类、饱和度等几个方面学习配色,了解色彩的情绪,满满积累,最终达到高级、干净舒服的配色~ 小可爱们,我这边每周会定时更新插画、排版设计、UI设计等相关推文,大多都是干货教程类的文章;有事没事来我这逛一逛哇; 设计路上在学习,永不停歇,我们一起加油~ 很多同学,总是苦恼自己配不出高级、干净的颜色,虽然看了很多文章跟方法,但一看都会,一动手全废。 我曾经也碰到过这个问题,在动手之前,或许脑海里会有个大致的色彩感觉。但实际上软件一操作,发现怎么配都很难配出特满意的色彩。 其实这种属于正常现象,更多的是经验层面的缺乏,只要多练习,慢慢的这种眼高手低的感觉就会越来越少。 并且练的多了后,发现配色真的没那么难,只要有一点积累,有一点审美,稍微掌握一点方法,就能让自己在配色的能力上有个很大的改善。 审美跟积累很早之前的文章里头其实就说了,可以多建几个画板,把不同的色彩归类收集起来,分析这些色彩的饱和度及明度,逐渐感受到色彩的张力。 人有着很强的适应环境及学习能力,比如你在一个地方呆长了,其实口音也会越来越接近当地。 审美也是一样,只要你不断地去收集、积累那些真的很美的图片,那么你的审美也会发生改变,自然也会越来越高。 比如以前你认为这样的配色就很美,视觉冲击力强 但后面慢慢发现,原来这种平淡的才是惊艳之作,非常的耐看。 审美提升上来了,其实剩下的就是靠大量的练习以及方法的积累。练习也很简单,无非是多做一些Redesgin,多做一些概念方案。 Dribbble上也有非常多的案例可以参考,比如下面这种 提升审美需要依靠点滴积累。 而方法的积累,其实真的就是三点。只要把这三点掌握好了,配出来的颜色都不会太low,显得较为高级。 第一点:颜色不要花 有些同学总是认为配色嘛,肯定要多配几种颜色,才会美。 但其实错了,颜色配的越多,越显得脏乱,并且对设计师的色彩能力也要求越高,ta必须要把所有的颜色选到一个最大的公约数,搭配起来才能非常时尚。 一般能像上面这样的,能同时hold住三种颜色同时在一个画面上的,大多数也都是王者段位了。 如果自己作为青铜、白银级选手,我建议还是首先要从控制颜色的数量还是入手。 控制的不好,就是下面这个例子: 总结:控制色相数量,增加色彩明度梯制 先把颜色的明度系数理解到位了,再理解不同色相带来的情绪。同一个画面色彩越多,越难掌控,而且也会让人视线越不知道放哪,产生一种烦躁焦虑感。 比如看看这些作品,高级都是因为色彩被控制的很好 再来几组比较花的,是不是就要掉档次的多? 第二点:不要脏。 好看的颜色会让人引起共鸣,不好看的颜色一眼都不想再看。脏脏的颜色会让人觉得这个东西不高级,不够养眼。 那么什么颜色会显得脏?带大家看几个辣眼睛的: 1、饱和度中性的重色 2、饱和度过高的中性色 3、饱和度过低的浅性色 上面这几种辣眼睛的情况,咱们要尽量避免。 重色要么为偏灰色,要么带强颜色属性;中性色饱和度尽量需要往下收,收到直到比较温和为止;浅色的色彩尽量明快饱和度高一点,不要过灰,不然也会显得脏。 比如下面这些改好了的。 1、重色系 2、中性色 3、浅色系 再对比一下上面的几个辣眼睛色块,发现是不是差别还挺大。 总结:根据颜色明度来控制颜色的饱和度 说到这儿,其实学过美术的同学应该都知道,这个跟画色彩作品差不多,亮部尽量多给一些鲜艳的色彩,中间层尽量灰下去,暗部色彩可以稍微丰富一丢丢。 在实际业务场景,非纯工具型应用,很难只用到一种色彩,因为不同的功能需要使用不同的色彩来进行区分。 因此大部分实际的界面设计需求当中,我们还是要用到两种到三种的色彩。 不过在搭配的时候,需要注意的是,颜色的主色跟次色一定要显而易见可以区分得清楚。 其中主色应该占据60%-70%及以上的面积,次色加在一起,不可超过主色的面积区域。 这样做的原因,也是为了防止眼睛失焦,导致审美疲劳。色彩越多,主次越难分清楚,眼睛对于信息的视觉需要越耗精力,所以自然看着不舒服。 总结:让页面的色彩主次显而易见。 这一点在室内的装潢上,也有讲究。 室内设计讲究的主次色搭配,黄金配色比例70% : 25% : 5%; 70%的基础色,包括墙面、地板和天花板。一般情况下,同一空间的这三者颜色尽量控制在2种,最多不能超过3种(毕竟现在很多人喜欢涂一面有色的墙) 比如你发现这些很好看的室内设计图,都差不多是这样。从室内设计的装潢里找取配色灵感,也是不错的一些选择。 上面的这些,就是最重要的三个方法。把这三个方法掌握了,其实配色起来就容易多了,而且不容易犯错误。 另外,好的习惯也很重要 另外方法很重要,但习惯也不可忽视,所以还是得养成一些比较好的配色习惯,这样才能最快的成长,巩固自己对于配色的认知以及理解。 比如多收藏美图,提升审美。这点虽然很不起眼,但对于培养自己的审美,是有着绝大的好处的。在收藏了100个不同色彩的图板之后,相信你就能感受到其中的差距了。 另外在初期阶段,哪怕按照上面的方法去调整了。还是感觉自己配出来的颜色总是缺了点什么。那么不妨去吸一吸别人的颜色,在别人的颜色上借鉴。 颜色无非就那么几种,多吸一吸也不是啥坏事。 比如你现在要让我设计一个绿色界面的UI,我肯定会先去吸一下微信的绿色,跟360的绿色,然后结合这两个绿色,做一下微调,搭配出一个崭新的绿色。 毕竟是在巨人的肩膀上前行,自然也不会太差。 还有,理解色彩的情绪 最后一个,就是配色前的思考与判断也很重要,色彩的情绪需要与实际的场景想吻合。不要做出跟场景预期不符合的颜色,高端场景用大紫大绿不合适。 原文地址:UX小学(公众号) 作者:小学鸭 0 色彩搭配
评论0