手把手教你做规范1设计语言颜色篇

每一个设计师都是视觉动物,因为好看的包装而购买东西事情相信谁都干过。色彩能给人很强视觉冲击。颜色的运用除了需要考虑品牌的统一性之外,还需要达到信息传递,交互反馈等目的,规范统一的色彩搭配可以提高品牌的辨识度,提高产品视觉的规范性和一致性。

目录:

概念基础知识用色原则颜色规范

一、概念

什么是颜色:颜色是通过眼、脑和我们的生活经验所产生的一种对可见光波的视觉感受。

三原色:三原色指色彩中最基础的三种颜色,以三原色为基础可以组成其他成千上万种颜色,而其他颜色则调不出来三原色。三原色又分为色彩三原色、光学三原色。

光学三原色:由红、黄、绿构成。混合后组成显示屏显示的所有颜色,三原色同时相加为白色。(混合模式为加色混合,色光混合时增加光量)

色彩三原色:也叫做美术三原色。由红、黄、蓝组成。可以混合出所有颜料的颜色,同时相加为黑色。(混合模式为减色混合,每种颜料或染料都具有反射或透射一定色光的能力、而这些中有某些颜色在颜料混合中,其波长的光线被吸收)

二、基础知识

1.模式

常见的有CMYK、RGB、HSB三种模式。CMYK和RGB模式是计算机判断颜色的方式,HSB模式基于人眼视觉细胞的模式,就是眼见看到的颜色。

CMYK

CMYK模式又称印刷模式,属于减色混合模式。由青(Cyan)、洋红(Magenta)、黄(Yellow)、黑(Black)四种颜色组成其他颜色,平面设计师常用。

RGB

由红(Red)、绿(Green)、蓝(Blue)三种颜色组成其他颜色。UI设计师常用。

HSB

由色相(Hue)、饱和度(Saturation)和亮度(Brightness)构成。把颜色三属性进行量化,饱和度和亮度以百分比值(0%–%)表示,色度以角度(0°-°)表示。以人类对颜色的感觉为基础,描述了颜色的三种基本特性。这种颜色模式比较符合人的视觉感受,让人觉得更加直观一些

2.色相(Hue)

在0°-°的标准色轮上色相是按位置度量的。在通常的使用中,色相是由颜色名称标识的,比如红、绿或橙色。

3.饱和度(Saturation)

是指颜色的纯度。饱和度表示色相中彩色成分所占的比例,用从0(灰色)~%(完全饱和)的百分比来度量。在标准色轮上饱和度是从中心逐渐向边缘递增的。

4.亮度(Brightness)

是颜色的明暗程度,通常是从0(黑)–%(白)的百分比来度量的。

5.色调

色调是整体的色彩倾向。当亮度、饱和度、色相的其中一个因素占大部分比例时,就会有色彩倾向。通常由亮色调、暗色调、暖色调、冷色调、纯色调、灰色调等。

同类色

色相环中15°夹角内的颜色,色相性质相同,但色度有深浅之分。是色相中最弱的对比。对比效果感觉统一、雅致、稳重,但也易产生单调、呆板的弊病。

邻近色

色相环中60°夹角内的颜色,就是指色环上相邻的颜色,也是弱对比类型。对比效果感觉柔和、和谐,但也会感觉单调,需调节明度差来加强效果。

类似色

色相环中90°夹角内的颜色,为中对比类型,对比效果感觉明快、活泼、有趣,对比既有相当力度,但又不失调和之感。

对比色

色相环中°夹角左右的颜色。为强对比类型,对比效果有力、活泼、丰富,但也容易感觉杂乱、刺激、造成视觉疲劳。一般需要采用多种调和手段来改善对比效果。

互补色

色相环中°夹角左右的颜色。为极端对比类型,对比效果强烈、响亮,但若处理不当,易产生不安定、不协调的感觉。

三、用色原则

识别清晰:保持足够的对比度,使信息可以轻易的被识别。同时遵守WACG2.0标准,以保证有视力障碍的用户使用。

检验网站:


转载请注明:http://www.180woai.com/afhzz/1285.html


冀ICP备2021022604号-10

当前时间: