「设计干货」打造配色里的\\「视觉色彩搭配」

互联网 2023-03-31 12:05:15

今天给大家普及一下「设计干货」打造配色里的\\「视觉色彩搭配」相关知识,最近很多在问「设计干货」打造配色里的\\「视觉色彩搭配」,希望能帮助到您。

人从出生在这个世界上开始,每天都在享受大自然呈现出来的视觉盛宴,而色彩就是其表现手法。

一、为什么要配色?

淘宝网上,不同的色彩搭配可以改变商品给人的印象,这就造就了电商设计师的诞生,色彩也因此在电商界中有了极为重要的地位。

然而,轮到自身来运用颜色时,很多人又觉得束手无策,不知所措…比如我们在淘宝购物的时候经常会看到类似下面的图片:虽然足够显眼,但是用色多、杂、乱甚至刺眼…其实店家完全可以把图片处理的既显眼又美观!

那么,有什么方法可以提高配色能力,避免手中的图片的配色让人无法直视呢?这里给各位看官介绍基础的配色理论和一些实用的配色工具,希望对你会有一些帮助。

二、怎么配?

配色,一般发生在需求制作之前的思考,或者是作品完成之后的检查。色彩可以根据三属性【色相、明度(亮度)、纯度(饱和度)】进行体系化归类,为了能够掌握色彩并运用自如,必须充分理解这三个属性。

1、色相:说通俗点就是指颜色本身,主要的色相就是生活中我们常见的彩虹七色。将色相按照波谱上顺序进行排列,首尾相连形成的环状图形,即:色相环。

色相环上相邻的颜色即同色,区间在90°角以内的颜色是邻近色,对角的颜色是互补色,介于邻近色和互补色之间的是对比色。

2、明度(亮度):指色彩的明亮程度,在任何颜色中添加白色,明度上升,添加黑色,明度下降。因此,色彩中明度最高的是白色,明度最低的黑色。

3、纯度(饱和度):指色彩的鲜艳程度——纯度越低,颜色越浑浊,纯度最低的是灰色(无彩色)。一般来讲,纯度越高,越有活力,充满朝气,纯度越低,则给人成熟稳重的印象。

这里告诉配色小白1个简单的诀窍(不管给什么图片配什么颜色:明度和纯度不宜同时在80-100的区间范围内,记住要“此消彼长”)

三、同色配色法异色配色法

基本配色法,分为同色调配色和异色调配色。

1、同色调配色体现了画面整体的统一性,这种配色虽然单调,但呈现出了自然与和谐的景象。

2、常见的异色调配色就是对比色配色,由于色彩之间的互相衬托,运用高明度、高纯度的色彩,可以营造强烈的视觉冲击效果。

四、推荐几个常用的配色网站

介绍几个常用的配色网站给大家

1、Adobe color,也就是以前的Kuler ,它是一个由设计师分享配色方案的平台,已经保存了成千上万的预制配色方案。

网址:https://color.adobe.com/zh/create/color-wheel/

2、ColorHexa,在确定了一个主色的情况下,这个工具能帮助扩展主色色彩,搭配出数种方案。

网址:https://www.colorhexa.com/

3、Color Scheme Designer,一个在线的配色工具,相比于Adobe color它拥有详细的色彩修改方法,和简单的颜色演示工具。国内有个旧版本的汉化版,不过还是建议去官网使用最新的。

网址:https://colorschemedesigner.com/csd-3.5/

五、配色套路

附加一个绝对好用的配色套路

或许有部分朋友即使吸收了上面所有的理论,也依然配不好颜色,那么或许你可以借助一下这个巧妙的办法了:

平时生活中,大家通过电脑或者手机都会看到一些非常美丽的图片,那么何不从中吸取一些颜色用到你的设计中去呢?那么就把它保存起来吧!

平日养成收集习惯,其实可以让你快速的找到你想要的色彩,提高你的配色效率。

其实,我自己也并非配色高手,只不过比一些人多掌握了一些辅助技巧,使得自己在设计稿件配色的时候不那么六神无主罢了。如果上述内容对你有所帮助,那我便满足了。

-------------------------

图文|手淘设计 十一

排版|手淘编辑 乔巴