干货分享 | 自古红蓝出CP,美国大选投票看不懂,你连配色是啥都不知道吗?

作者:VA艺术留学2020/11/07点击:66次

VA国际艺术教育
美国大选

© 图片源自网络

为什么你的配色总是看起来不舒服?

如何才能让配色更高级?

很多人在设计完成后,总是对配色不满意,却又无从下手。色彩搭配对设计的重要性不需要我多说,甚至有很多俗、土、Low的作品只要改改颜色就能变得很时尚。所以,作为设计师了解时下流行的配色,基础的配色规律你都掌握了吗?

今天V姐带大家学习一下配色设计。

设计留学


    颜色绝不会单独存在。事实上,一个颜色的效果是由多种因素来决定的:反射的光,周边搭配的色彩,或是观看者的欣赏角度。    

    有十种基本的配色设计,分别叫做:

    无色设计(achromatic)

    类比设计(analogous)

    冲突设计(clash)

    互补设计(complement)

    单色设计(monochromatic)

    中性设计(neutral)

    分裂补色设计(splitcomplement)

    原色设计(primary)

    二次色设计(secondary)

    三次色三色设计(tertiary)

无色设计

    无彩色---指除了彩色以外的其它颜色,常见的有金、银、黑、白、灰。明度从0变化到100,而彩度很小接近于0。

设计留学

© 图片源自网络

    黑白在配色上显得很安全,也不容易出差错。如果两色搭配上发生冲突时,可以采用黑白来调和。黑白能给人一种高级神秘、沉稳大方的感觉。

作品集培训

© 图片源自网络

作品集培训

© 图片源自网络

    这种配色非常简洁大气通过大面积的留白,营造出设计感。即使没有过多的元素补给空洞的版面,单独使用黑白作为背景色也足以提升整体的图版率。

类比设计

    在色相环上任选三个连续的色彩或其任一明色和暗色。可以理解为邻近色,指色轮上左右相互邻近的颜色。这种配色比较常见,搭配比同色系稍微丰富,色相柔和过渡,看起来也很和谐,营造出一个比较舒服的视觉感受。

艺术留学作品集

© 图片源自网络

设计留学


设计留学

© 图片源自网络

冲突设计

    把一个颜色和它补色左边或右边的色彩配合起来。这种配色在色差上对比强烈,如红配绿,橙配蓝,紫配黄。为了吸引注意,经常在一些需要强调的地方使用,会带动版面气氛,产生强烈视觉冲击力的心理感受,另外这种配色需要控制色彩数量和面积。

艺术留学申请

© 图片源自网络


艺术留学机构

© 图片源自网络

互补设计

    使用色相环上全然相反的颜色。


    没有标准元素用色的情况下,在考虑应用色环的 「角度原则」,越需要被突出的颜色,可以在色环中离主色越远,越不需要被突出的则越近。

设计留学

© 图片源自网络

    比如上方携程的案例,主色在蓝色的情况下,支付、保险金标签这些需要被重点突出的色彩,使用了主色的互补色,让我们一眼就能看见并产生强烈的操作欲望。

分裂互补设计

红配绿赛狗屁?

设计留学


    铁打的红色,流水的蓝青绿色,看看红配绿的效果,大红色和绿色是互补色。搭配在一起很经典,但效果有点复古的感觉,而把大红色改成玫红色以后,效果就变得时尚起来了。

作品集培训

© 图片源自网络

    这就是分裂互补色的魅力。例如下面的设计使用了分裂补色,分裂补色就是一个颜色和它对应的补色两侧相邻的颜色进行搭配。这种配色既有补色的对比,同时又通过分裂出的补色来融合对比,起到中和作用。

艺术留学作品集

艺术留学作品集

艺术留学机构

艺术留学机构

© 图片源自网络

单色设计

    把一个颜色和任一个或它所有的明、暗色配合起来。

    单色设计即色相一致的配色更协调。简单的理解就是:如果使用蓝色就全部使用蓝色,这种形式的配色给人的视觉感受更协调、一致、易于接受。

艺术留学作品集

© 图片源自网络

比如下面这组经典蓝设计:

作品集培训

艺术留学机构

艺术留学作品集

艺术留学辅导

艺术留学机构

设计留学

艺术留学辅导

© 图片源自网络

    我们都知道,颜色的属性分为:色相、明度、纯度,在保持一个属性固定的情况下,另外两个就是变量,即:明度和纯度。

    在基色的基础上进行纯度和明度的变化,单色没有色相上的变化。

设计留学

© 图片源自网络

    如上图所示的配色形式给人的感觉都比较协调且不单调,这就是色相一致的配色所带来的直观感受。


PLUS版本


    单色配色的第二种表现形式是跟不同明纯度的颜色进行搭配,也就是同色相配色。这种组合在配色上显得十分安全,通过不同明纯度来丰富画面的层次,往往给版面一种和谐感。

艺术留学辅导

艺术留学机构

艺术留学辅导

设计留学

艺术留学

作品集机构

艺术留学作品集

© 图片源自网络

中性设计

    加入一个颜色的补色或黑色使它色彩消失或中性化。中性色在设计中也尤为重要。举个例子,在UI设计中,中性色,常为页面中文字、背景用到的颜色,它们承担起最基本的层次表现、便于阅读的重任。多数新手觉得中性色无关紧要,实际情况恰恰相反。


    主色辅助色决定了界面视觉是否出彩,而中性色的应用直接决定了页面能不能正常使用。如果看过比较多的原型案例,就应该明白,即使只有黑白灰的状态下,我们理解这些页面和进行使用也不会有丝毫的障碍。

艺术留学作品集

© 图片源自网络

    中性色会给人宁静优雅的氛围效果,常见用于家居设计、室内设计中。作为基础色,即使大面积运用在室内也不会觉得突兀。

设计留学

艺术留学设计

设计留学

© 图片源自网络


    如果真的对配色毫无头绪,就应该选择安全的配色方式去设计,例如最直接粗暴的吸取图片法,尽量降低对版面产生多余的混乱感。合理地运用黑白配色法,可以收紧设计画面,营造时尚的氛围和稳重的印象。但同时也应注意避免画面陷入单调、乏味的印象中。也希望这篇简单的文章能带给你配色上的帮助吧!

    原色设计(primary)

    二次色设计(secondary)

    三次色三色设计(tertiary)

    我们下次再分享~


文章标签:美国大选,投票,干货