美文网首页设计干货分享每天学点PS
4个小技巧,教你如何快速选出基础色!

4个小技巧,教你如何快速选出基础色!

作者: 圆脸广告人 | 来源:发表于2019-01-24 18:06 被阅读33次

    重点:目前我们已经有一个“圆脸广告人-Ps设计交流群”的微信群喽,如果有想进群跟Ps大神交流学习的小伙伴,只需关注简书号,私信小编就可以喽~


    在设计中,谈论配色是每一位设计师必不可少的话题。网上关于配色的理论多如牛毛,看的时候都觉得讲的特别有道理,但是当自己开始着手设计时,却发现理论成了摆设!

    究竟该如何将学到的色彩理论运用起来呢?

    今天小编就跟大家一起来谈谈配色的问题!帮助你在设计中更好的运用!

    首先我们先来说一下配色常见的三大误区:

    误区一:先配色,后设计。配色的过程安排的太靠前。

    误区二:只会配色不会选色。只在有基础色/主题色的基础上去选取配色,意识不到选一个符合整体的基础色更为关键。

    误区三:受理论限制。理论虽然很重要,但配色是偏感性的,不要完全靠理论配色。

    那在配色中我们该如何选取基础色呢?

    接下来我们就来分析一下基础色的色彩来源:

    1.主体物

    在设计中,主体物是画面中最重要的部分,它可以是模特、产品、图形等,基础色最基本的来源就是从主体物上提取,可以是主体物中占比较多的颜色,这样有利于主色与主体物形成更强烈的呼应关系;也可以是占比较少的颜色,这样可以在形成呼应关系的同时,使画面拓展性更强。

    示例如下:

    (左侧图基础色采用主体物占比较多的蓝色,右侧图基础色采用主体物占比较少的红色)

    分析两种形式的好处:

    · 左侧图基础色采用主体物占比较多的蓝色:

    整体画面在色彩上与主体物有很强烈的呼应关系,使画面整体看上去很和谐,舒服,不扎眼,整体视觉冲击力偏柔软。

    · 右侧图基础色采用主体物占比较少的红色:

    由于整体画面与主体物在色彩上有较大的差异,从而使主体物与背景更具层次感,增强视觉冲击力,降低了画面的统一性。

    2.画面风格

    不论我们是做海报还是页面,整体的画面风格也是非常重要的,比如:刚刚过了的大寒节气海报,我们不可能采用大红色为基础色,一定是采用冷色系的颜色作为基础色。再比如,马上要到来的新年,我们在做春节海报/宣传图的时候,一定会选取能体现喜庆气氛的颜色。

    这些都是依据风格最直观的选色形式,这样做的目的就是将整体的用色尽可能的贴近主题风格。再根据主体的颜色进行后续的配色。

    3.文案

    选色参考文案,指的是我们可以从文案中提取关键词,再根据关键词提取相应的颜色,举个很简单的例子:

    iPhone 7红色款,广告语:现更以红色呈现。其中海报颜色提取的就是广告文案中的“红色”。

    一般情况下文案可以帮助用户更好的理解设计画面,如果没有文案,单看设计,有时候可能并无法完全理解设计师想表达的信息,所以文案的作用是非常重要的。将画面与文案很好的结合在一起是每位设计师必须具备的技能!

    4.主体物反色

    前面3种情况都是通过颜色找整体的呼应关系,主要目的是为了让画面更加统一、和谐,整体感更强。第4种方法则是选取与主体物相反的颜色作为基础色,也就是我们常说的互补色/对比色。

    来看示例:

    将基础色与主体物的颜色通过对比色/互补色关系拉开对比,可以让这个画面在视觉上更加鲜明,给人眼前一亮的冲击力,但是需要注意的是:在选反色的时候,尽量选择主体物中占比较大的颜色的反色,这样才能起到强烈的对比效果。

    · 点缀色讲解:

    点缀色在用色比例上要控制在整体画面的5%~10%左右,主要的作用是丰富画面的视觉效果,同时起到画龙点睛的作用,切记不要大面积使用,否则会使画面显得特别的乱!

    文末总结:

    当一个画面的主体物、风格、文案已经确定后,我们就可以先根据这三点选取基础色,当基础色确定后,我们才好根据基础色选取其他配色,所以,大家在以后的设计中,一定要搞清楚先后顺序,不要上来就开始配色。

    最后要提示大家的是,我们色彩感的培养很大部分是通过平时多看多练多积累来的,所以我们除了要掌握理论知识外,更要注重我们平时的积累,不放过每一个提升的机会!要相信,通过日积月累的学习,一定会从量变到质变的!


    小伙伴们你们在设计中是如何选取基础色的呢?

    欢迎在评论区留言热议,

    看看大家的方法是不是都一样呢?!

    相关文章

      网友评论

        本文标题:4个小技巧,教你如何快速选出基础色!

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