APP色彩搭配基础知识:色彩的术语、属性和色轮

之前25学堂跟大家分享过一些非常不错的配色知识和课堂。比如APP设计学堂:关于APP配色的一些常用色彩搭配技巧APP设计学堂之APP配色视频教程欣赏优秀APP设计配色灵感来源之地—colrd.com等等干货。

其实APP配色也是一门艺术。今天跟随25学堂的小编从配色的艺术角度来学习如何进行APP配色。

app色彩心理学

 

一、色彩的术语:

•  色相(Hue)—即各类色彩的相貌称谓。

• 色彩饱和度(Saturation)/色度(Chroma)—颜色的整体强度或者亮度

• 明度(Value)—色彩的明暗程度

• 色调(Tone)—是纯色和灰色组合产生的颜色,也可以说是一幅画中画面色彩的总体倾向

• 色度(Shade)—是纯色和不同比例的黑色混合产生的颜色,色彩的纯度

• 色彩(Tint)—是纯色和白色混合产生的颜色,一种色相(Hue)通过加入不同比例的白色能够产生不同的颜色

 

二、色彩属性:

Material Design颜色图谱

色彩的很多属性能直接影响到一个物体的视觉效果。比如饱和度较高的物体比饱和度较低的物体更能吸引人的眼球,而明度较高的物体也有类似的效果。而实际上,色相本身也能传达出特定的视觉感知。

在所有色彩中,下列色彩尤其突出:

1、红色(最突出)         红色是代表爱情和激情的颜色。

红色是很强势的颜色,当它和其他颜 色相遇时,比如搭配黑色,可以创建非常强势的感觉。

2、蓝色           蓝色会给人不同的感受、想法和情绪。

蓝色也代表 着新鲜和更新。蓝色给人冷静的感觉,会帮助人放松下来。

 

3、绿色        绿色也代表着经济增长和健康

绿色是大自然的颜色,生机活泼。绿色还意味着利润和收益。如果搭配上蓝色,通常会给人健康、清洁、生活和自然的感觉。

 

4、橙色      橙色代表了温暖

橙色能够创建一个有趣的氛围,因为它充满了活力。

 

5、黄色(最不突出)    黄色则带给人口渴的感觉。

当黄色与黑色搭配在一起时,十分吸引人的注意 力,一个绝佳的例子就是很多国家的出租车都采用这种配色。

 

 

当你在页面中使用红色的时候,整体视觉会更加突出,所以当你需要吸引用户注意力或者涉及重要操作的时候,可以这么用色。

而黄色相对而言更容易融入背景色,并不会像红色那么抓人眼球。

所以,当你在制作配色方案的时候,这些色彩关系和配对方案就显得尤为重要了。

合理地色彩搭配能够让你制作出震撼的视觉效果,设计出吸引人的焦点。为了更好的明确色彩之间的关系,设计师和艺术家们常常会借助色轮来进行配色。

 

 

三、色轮

色轮

色轮可以说是最实用的色彩管理工具之一,它可以反映不同色彩之间的关系,帮你挑选首选色、搭配色。

在制作配色方案的过程中,色轮是最重要也是最实用的工具之一。

色轮最初还是源于牛顿1672年所发布的一个实验,牛顿使用棱镜来查看不同波长的光,将折射后的光线投射到一个圆环上。

随后他证明,饱和度最高的色彩位于色轮的外侧,而中性色位于中间。牛顿认为,艺术家可以借助他的研究成果来提高艺术作品中的色彩对比。

实际上他的色轮模型也确实为设计师们提供来行之有效的配色途径,创造出更为漂亮的艺术作品。

 

 

最后,25学堂跟大家推荐2款非常棒的配色类APP:

Material Design配色网站

上图为:Material Design的配色规范和在线配色工具推荐

 

第一款APP:myPANTONE

PANTONE色卡配色系统,中文官方名称为"彩通"。是享誉世界的涵盖印刷等多领域的色彩沟通系统,已经成为事实上的国际色彩标准语言。

这款软件可以让你获取和创建PANTONE配色表,存储超过13000种颜色。该应用还带有色彩校正工具,能帮助手机校正颜色。它还有一个很实用的功能,就是可以根据你指定的主色彩自动配色,并能从手机上的照片中或通过摄像头提取颜色。

 

第二款APP:ColorSchemer

这是一个专业的配色程序,内置色轮,可以方便地查看颜色间的对应关系。强大的导入导出功能,能兼容各类图像软件以及格式,除了可以自己创建调色板之外,还能申请账户,从COLOURlovers社区中共享的配色方案中选取,并能通过摄像头直接抓取颜色值。

每天更新,
全站高品质素材免费下载!