之前25学堂跟大家分享过一些非常不错的配色知识和课堂。比如APP设计学堂:关于APP配色的一些常用色彩搭配技巧、APP设计学堂之APP配色视频教程欣赏、优秀APP设计配色灵感来源之地—colrd.com等等干货。
其实APP配色也是一门艺术。今天跟随25学堂的小编从配色的艺术角度来学习如何进行APP配色。
一、色彩的术语:
• 色相(Hue)—即各类色彩的相貌称谓。
• 色彩饱和度(Saturation)/色度(Chroma)—颜色的整体强度或者亮度
• 明度(Value)—色彩的明暗程度
• 色调(Tone)—是纯色和灰色组合产生的颜色,也可以说是一幅画中画面色彩的总体倾向
• 色度(Shade)—是纯色和不同比例的黑色混合产生的颜色,色彩的纯度
• 色彩(Tint)—是纯色和白色混合产生的颜色,一种色相(Hue)通过加入不同比例的白色能够产生不同的颜色
二、色彩属性:
色彩的很多属性能直接影响到一个物体的视觉效果。比如饱和度较高的物体比饱和度较低的物体更能吸引人的眼球,而明度较高的物体也有类似的效果。而实际上,色相本身也能传达出特定的视觉感知。
在所有色彩中,下列色彩尤其突出:
1、红色(最突出) 红色是代表爱情和激情的颜色。
红色是很强势的颜色,当它和其他颜 色相遇时,比如搭配黑色,可以创建非常强势的感觉。
2、蓝色 蓝色会给人不同的感受、想法和情绪。
蓝色也代表 着新鲜和更新。蓝色给人冷静的感觉,会帮助人放松下来。
3、绿色 绿色也代表着经济增长和健康
绿色是大自然的颜色,生机活泼。绿色还意味着利润和收益。如果搭配上蓝色,通常会给人健康、清洁、生活和自然的感觉。
4、橙色 橙色代表了温暖
橙色能够创建一个有趣的氛围,因为它充满了活力。
5、黄色(最不突出) 黄色则带给人口渴的感觉。
当黄色与黑色搭配在一起时,十分吸引人的注意 力,一个绝佳的例子就是很多国家的出租车都采用这种配色。
当你在页面中使用红色的时候,整体视觉会更加突出,所以当你需要吸引用户注意力或者涉及重要操作的时候,可以这么用色。
而黄色相对而言更容易融入背景色,并不会像红色那么抓人眼球。
所以,当你在制作配色方案的时候,这些色彩关系和配对方案就显得尤为重要了。
合理地色彩搭配能够让你制作出震撼的视觉效果,设计出吸引人的焦点。为了更好的明确色彩之间的关系,设计师和艺术家们常常会借助色轮来进行配色。
三、色轮
色轮可以说是最实用的色彩管理工具之一,它可以反映不同色彩之间的关系,帮你挑选首选色、搭配色。
在制作配色方案的过程中,色轮是最重要也是最实用的工具之一。
色轮最初还是源于牛顿1672年所发布的一个实验,牛顿使用棱镜来查看不同波长的光,将折射后的光线投射到一个圆环上。
随后他证明,饱和度最高的色彩位于色轮的外侧,而中性色位于中间。牛顿认为,艺术家可以借助他的研究成果来提高艺术作品中的色彩对比。
实际上他的色轮模型也确实为设计师们提供来行之有效的配色途径,创造出更为漂亮的艺术作品。
最后,25学堂跟大家推荐2款非常棒的配色类APP:
上图为:Material Design的配色规范和在线配色工具推荐
第一款APP:myPANTONE
PANTONE色卡配色系统,中文官方名称为"彩通"。是享誉世界的涵盖印刷等多领域的色彩沟通系统,已经成为事实上的国际色彩标准语言。
这款软件可以让你获取和创建PANTONE配色表,存储超过13000种颜色。该应用还带有色彩校正工具,能帮助手机校正颜色。它还有一个很实用的功能,就是可以根据你指定的主色彩自动配色,并能从手机上的照片中或通过摄像头提取颜色。
第二款APP:ColorSchemer
这是一个专业的配色程序,内置色轮,可以方便地查看颜色间的对应关系。强大的导入导出功能,能兼容各类图像软件以及格式,除了可以自己创建调色板之外,还能申请账户,从COLOURlovers社区中共享的配色方案中选取,并能通过摄像头直接抓取颜色值。
全站高品质素材免费下载!