设计师必须要了解的配色知识

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:站酷   作者:美工美邦

关键词

设计师必须要了解的配色知识,PS教程,思缘教程网

配色一直是设计圈子里恒久不变的热门话题,是我们作为设计师必须要掌握的一门重要技能之一,通过色彩可以向用户传递不同层面的视觉信息,所以不同的色彩也都被人们赋予了不同的含义,比如:红色、橙色、黄色等暖色系列的颜色能表现出温暖、热闹;而蓝色、淡蓝色等冷色系列颜色,会给人一种凉爽、寒冷的感觉。将色彩属性与设计作品有效的相互结合,往往能做到1+1>2的视觉效果。

设计师必须要了解的配色知识,PS教程,思缘教程网

在设计中,色彩可以分为两大类,即有彩色和无彩色,无彩色大多指我们常说的黑、白、灰。有彩色则是除无彩色之外的颜色。下面说下有彩色的三大特征,即色相、饱和度、明度:

色相:色彩的首要特征,也就是色彩可呈现出来的质地面貌,比如我们常说的:红色、蓝色、绿色……

饱和度:色彩的鲜艳程度,也就是色彩的纯度,饱和度取决于该色中含色成分和消色成分(灰色)的比例,直观看就是我们常说的:天蓝色、淡蓝色、灰蓝色等等,就是对饱和度不同程度的体现:

(饱和度由高→低的变化)

明度:是眼睛对光源和物体表面的明暗程度的感觉,简单理解就是色彩的明亮程度,比如白天和黑夜:

(明度由亮→暗的变化)

在 Photoshop拾色器中分别对应:

设计师必须要了解的配色知识,PS教程,思缘教程网

有彩色的三大特征:色相、饱和度、明度,三者相辅相成、共同作用,任何一种有彩色都必然存在着这样的特征关系。相信大家应该能明白三大特征分别代表着什么了,如果还不懂,那就再look、look!

设计师必须要了解的配色知识,PS教程,思缘教程网

在有彩色范围内,不同色相之间存在着一些可遵循的视觉关系,根据这些视觉关系,我们也能得到一些常见的色彩搭配方式,下面我们具体分析:

设计师必须要了解的配色知识,PS教程,思缘教程网

同类色:色相环间隔在30°以内的色相搭配,这类配色形式优点:舒服、统一、视觉比较柔和、容易把控。缺点是:冲击性很弱,运用不得当会单调、缺少视觉层次感。所以此类配色方式不易用于对抗、冲击力强的设计作品。

案例展示:

设计师必须要了解的配色知识,PS教程,思缘教程网

设计师必须要了解的配色知识,PS教程,思缘教程网

设计师必须要了解的配色知识,PS教程,思缘教程网

设计师必须要了解的配色知识,PS教程,思缘教程网

 收藏