设计色彩的基础知识,入门色彩风景画( 三 ) _写给新手看的色彩设计入门知

和纯色相比，渐变色显得更年轻、活泼和多变，会被广泛应用在产品设计上，特别是一些年轻化的产品。

文章插图
3.6 色彩的颜色代码和不透明度在计算机上，色彩可以用RGB的值来表示，例如上面我们所讲的红色，其值为RGB（255,0,0），也可以转换为十六进制代码来展示，也就是#ff0000 。一般地，设计师都会标注颜色代码给到前端开发工程师。
另外，颜色还有不透明度的概念，用百分比来表示，例如60%的红色，设计师采用不透明度色值来做设计，同样也需要用百分比标注出来。

文章插图
4. 色彩的设计案例4.1 设计与生理：不宜使用明度、饱和度过高的颜色本文上面有提到，我们主要通过人眼（瞳孔视网膜）来识别色彩的信号，据研究表明，色彩的明度和饱和度过高，会对人的视网膜过渡刺激，导致眼睛疲劳，例如纯黄色、纯绿色或者饱和度过高的红蓝搭配。所以，我们在色彩设计时，要尽量避免使用明度、饱和度过高的颜色。
具体的常见应用场景，小到日常警方的通告，大到整个网站或者App的配色，都可以用得到。

文章插图
4.2 设计与心理：粉色的护士服人对色彩的心理加工，必然会对设计造成影响，例如，儿科的护士服通常被设计成粉色，在视觉上具有柔和、温暖和呵护的效果，可以减轻孩子对医院的恐惧心理。

文章插图
4.3 互补色：经典的互补色logo设计互补色通常有红绿互补、蓝橙互补和紫黄互补等，由于互补色有很强的分离性，可以有效提高整体配色的分离度，所以经常会用在logo设计中。例如7-11、visa、湖人球队这些知名的logo设计，就是运用了互补色来做设计。

文章插图
4.4 对比色：图表对比在产品设计中，特别是后台的产品，通常会有很多的图表，例如柱状图、折线图、饼图等，而且图表中通常会有两组以上的数据作为对比，这个时候，我们就可以运用对比色，来区分不同组别的数据。

文章插图
4.5 临近/类似色：渐变过渡更自然临近色，或者类似色，都是在十二色环中相隔不远的颜色，且它们的色调具有渐进过渡的特点。所以，在使用渐变色设计时，我们可以采用临近/类似色进行渐变，让渐变过渡更自然。

文章插图
4.6 一致性：整体网站配色网站的整体色调，至少在主色调的使用上，都会跟它的logo保持一致，这样整体看起来就会非常协调，另外，主色调最好不要超过2种，不然色调越多，越难保持一致，还容易引起视觉噪点。

文章插图
4.7 同理心：站在色盲群体的角度来做设计同理心，又称换位思考，是指能设身处地体会对方的情绪、想法，并站在对方的角度去思考和处理问题。对于普通人而言，很难体会得到色盲群体的感受，这个时候，就需要设计师具备同理心，站在色盲群体的角度来做设计。
例如，高德地图就针对色盲群体，推出了色盲模式设置，方便这一部分人群的日常使用，这是非常具有同理心的设计。