手把手教你做设计规范(1):颜色篇

访客3年前关于黑客接单562

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

手把手教你做设计规范(1):颜色篇

目录:

概念

基础知识

用色原则

颜色规范

一、概念

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

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

手把手教你做设计规范(1):颜色篇

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

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

二、基础知识 1. 模式

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

CMYK

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

RGB

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

HSB

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

2. 色相(Hue)

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

手把手教你做设计规范(1):颜色篇

3. 饱和度( Saturation )

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

手把手教你做设计规范(1):颜色篇

4. 亮度(Brightness )

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

手把手教你做设计规范(1):颜色篇

5. 色调

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

手把手教你做设计规范(1):颜色篇

同类色

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

邻近色

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

手把手教你做设计规范(1):颜色篇

类似色

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

手把手教你做设计规范(1):颜色篇

对比色

相关文章

微信视频号为什么没有采用全屏沉浸式交互?

微信视频号为什么没有采用全屏沉浸式交互?

微信新版本发布后,每天有 5 亿人吐槽,有 1 亿人在教我做产品。 ——微信之父张小龙 在上一篇文章中,(视频号上线即可拥有3 亿用户,处于红利期,上车有座)主要对微信视频号进行了简单的介绍,而本...

网红带货,雷区多多

网红带货,雷区多多

随着李佳琦、薇娅、辛巴、罗永浩等大主播不断创造直播带货的销售神话,吸引了诸多网红、商家参与到直播卖货的热潮中,包括消费者也逐渐习惯从网红直播间去购买商品。 虽然直播卖货很火热,但并非所有的网红直播带货...

从营销角度,探讨新国货品牌的两大定律

从营销角度,探讨新国货品牌的两大定律

生活方式也是一种消费心态和行为,新的产品塑造了一种新的生活方式,然后关联到了它的意向用户,从而成功达成种草。 这两年,有很多新国货品牌快速崛起,甚至直接叫板行业巨头,像很多小伙伴拔草不歇的三顿半、钟...

B端产品该怎么做竞品分析?

B端产品该怎么做竞品分析?

竞品分析作为产品经理的必备技能与日常工作内容,想必很多同学在这方面也是有各自的心得,下面希望就B端产品竞品分析做一次系统的总结和分享,以便大家互相探讨比对。 为什么这里非得强调是B端产品的竞品分析呢...

AI产品经理的关键性产品思维

AI产品经理的关键性产品思维

产品思维是一个很大且很细的课题,是所有产品经理都会去思考的问题,本文对自己做产品的一些习惯进行沉淀,总结为自己的产品方法论,并希望与大家一起讨论分享~~ 一、关于AI产品设计的关键性思维 1、用户思...

微信的设计之道:用户体验篇

微信的设计之道:用户体验篇

微信这款产品,凭借其独特的产品价值理念与设计之道,饱受人们的拥趸与喜欢,并成为了一款国民级产品。那我们是否可以通过解析微信的用户体验设计,找到学习借鉴的点呢? 微信是一种生活方式。作为月活超10亿的...