快好知 kuaihz

设计师配色原则以及技巧

前言

如何配色,可能是各个领域的设计师都会接触到的一个问题,这篇文章并不会给大家提供很多配色方案,因为收藏一大堆的配色方案并不会对你的配色技巧提供实质性的帮助,授人鱼不如授人以渔,这篇文章会就如何配色以及色彩的一些基础理论做一些讲解。理论总会是有些枯燥的,但是能对我们后续的实践提供指导的作用,至少,在配色感觉不大对的时候你知道问题可能出在哪里。

什么是颜色

颜色遍布于我们生活之中,不同的颜色也会给予人不同的感官和视觉反馈。而在计算机中,色彩被量化成了数值,关于色彩的数值,有好几种模式,HSV、RGB、CMYK等,相对于RGB色彩模式,HSV模式更加直观一些,这里我们就HSV模式来进行下一步的讲解。

H(色相)S(饱和度)V(明度):色相决定了一个颜色是什么颜色,饱和度决定了色彩的鲜艳程度,而明度则表示了一个颜色的明亮程度,在色轮中我们可以很直观地理解这个颜色模式。

在这种模式中,饱和度扮演着非常重要的角色,因为一个颜色越鲜艳,越能吸引到人的注意力,但是,很多设计师往往滥用了这个特点,这样容易使得一个作品中主次不明,让人眼花缭乱。

我们可以通过加大某个对象的饱和度去凸显一个物体,上图会让人的关注点全在花色衣服上,而下图则通过单独的一个鲜艳的物体去点缀整幅画面。

配色原则

主次分明

首先确定最能表达内容的主色调,然后通过弱化其他色调或者差异化某个色调来达到凸显内容的效果。

善用颜色心理学

不同的颜色会给人不同的心理暗示,例如红色会让人感受到热情、危险等,绿色会让感受到生机、生命或者毒液等,运用好这些技巧可以更好的传达想要表达的内容。

色彩的平衡性

色调有冷暖明暗深浅之分,如果整体颜色偏向于某种色调,或者画面整体灰度值过亮过暗,会容易导致画面失衡,可能会显得单调,或可能会让人感受到不舒服。

配色原则可以用来指导配色,但不是将配色限制在一定的框架内,有时候不符合逻辑的配色也能很好的凸显出中心内容。

配色方案

如果不选择自己制作配色方案,我们可以选用比较固定的搭配,如黑红、黑金、蓝白等等,或者直接使用网站或者别人的配色表。

自己制作配色方案比较有效率的方式是,先确定一种主色调,再以这个主色调为基础,借助以下工具去生成后续可以配搭的颜色,生成的方式主要有以下几种。(这里借助C4D软件的色轮去生成配色)

单色

选择一个颜色,可以得到同一个色相不同饱和度和明度度颜色

互补

色轮上相隔180°的两个颜色为互补色,互补的两个颜色反差会比较大,所以配色时最好适当减弱另一个颜色的饱和度。

相邻

色轮上相隔30°的两个颜色成为相邻色,但是具体情况并不局限于30°,得到配色后再去微调即可。

分裂互补

主色调互补色的相邻色,是一种在互补色衍生出来的配色方案,可以使配色变化更多。

四元组

相邻色的两组互补色,更多的会应用于前景背景或者背景主体的配色中。

配色相关网站推荐

现在很多网站都有提供很多的配色方案,甚至一些网站可以通过不同的方式去自定义想要的配色方案,下边给大家推荐一些可以协助配色的网站。

color.adobe.com/zh/create/color-wheel

flatuicolors.com

colorhunt.co

www.webdesignrankings.com/resources/lolcolors/

如何练习配色

除了实践之外,大概没有其他路径可行吧,当然,这需要一些基础的理论支撑。我们可以通过尝试给同一张图尝试不同的配色方案,慢慢总结出不同配色方案产生的效果。

总结

色彩是设计中最具有表现力和感染力的因素,而设计的中心思想是将想表达的内容更好的传达给观看者,配色技巧和方案是辅助表达的工具,而不是为了配出最好看的颜色,所以,切记不要本末倒置。

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:设计师配色原则以及技巧  配色  配色词条  设计师  设计师词条  原则  原则词条  以及  以及词条  技巧  技巧词条  
图像

 PS中Camera Raw使用教...

在camera raw里面有2个重要的局部调整工具——渐变工具和径向工具。渐变工具是线性的,可以将色调从一侧到另一侧,由浅到深的调整。径向工具是椭圆形的,可以将...(展开)

图像

 PS简单抠图技巧,纯色带投影的图...

没办法,很多朋友对抠图上瘾了。最近老是收到这样的私信:“讲讲抠图呗!”“钢笔工具怎么用呢?”“能不能帮我抠张图呀!”从这里就可以看出,很多朋友基础还比较薄弱。既...(展开)