不一样的APP设计规范当中的色彩规范

色彩一直是我们学习UI设计或是APP设计的重要知识点。严格的色彩规范和色彩搭配是保证优质UI作品的保障。

同样的布局,同样的内容,如果采用失败的色彩规范或是错误的色彩搭配方案,那么这个ui设计项目就是失败的。

之前,25学堂跟大家分享了《手机APP界面设计规范之标准色彩规范》和《APP色彩搭配方案是由主色、辅助色和点缀色构成》等优秀的文章。

 

今天继续跟大家聊聊APP设计规范当中的色彩规范。

第一个知识点:色彩模式   

色彩模式是数字世界中表示颜色的一种算法。我们UI设计师常用的色彩模式就是RGB色彩模式。是目前屏幕显示使用的最广泛的模式,这个名字也很乡土   RedGreenBlue。主要适用于显示器、投影仪、扫描仪、数码相机等。

与之对应的还有一个印刷模式: CMYK模式。

RGB色彩模式就是我们天天调色时候出现的调色板。如下图:

色彩规范当中的RGB模式

 

为什么要使用色彩?  可以通过色彩传递设计师的感情,同时也可以是品牌的文化和情感。用色彩的惊艳吸引用户,让用户着迷的来使用的我们产品。也就是说UI设计是我们项目当中不可缺少的一部分。

还有常见的色彩摸式有HSB, LAB、灰度模式、位图模式等。

第二个知识点:颜色使用恰当,遵循对比原则 

弱渐变的色彩搭配

 

 1:统一色调,针对软件类型以及用户工作环境选择恰当色调 

如:安全软件,根据工业标准,可以选取黄色,绿色体现环保,蓝色表现时尚、紫色表现浪漫等等,淡色可以使人舒适,暗色做背景使人不觉得累等

2:如果没有自己的系列界面,采用标准界面则可以少考虑此方面,做到与操作系统统一,读取系统标准色表

3:色盲、色弱用户,即使使用了特殊颜色表示重点或者特别的东西,也应该使用特殊指示符,?quot;!,?着重号,以及图标等

4:颜色方案也需要测试,常常由于显示器、显卡的问题,色彩表现每台机器都不一样,应该经过严格测试,不同机器进行颜色测试

5:遵循对比原则:在浅色背景上使用深色文字,深色背景上使用浅色文字,蓝色文字以白色背景容易识别,而在红色背景则不易分辨,原因是红色和蓝色没有足够反差,而蓝色和白色反差很大。除非特殊场合,杜绝使用对比强烈,让人产生憎恶感的颜色。

6:整个界面色彩尽量少的使用类别不同的颜色 ,一般情况不超过3种。

 

安卓的最新设计语言是:Material Design

Material Design 设计规范当中就指出,必须使用符合Google 官方色表:Color - Style的色彩方案。如下图:

color-color-palette

 

iOS的色彩使用规范到没有,取决了设计师自己的决断。自从ios7以后,设计界就倡导扁平设计风格啦!

再说苹果自身每一代产品都是采用了不同的色彩规范。也是通过不同的色彩方案来给用户新的变化感觉。

iOS并没有提倡用使用低调或鲜明的颜色,它只希望设计师们用色时要注意温柔细腻的质感。选择一种颜色作为基准色后,需要确保应用中的其它颜色不会与它发生冲突(更别使用补色了)。

social_sharing_app

在此,25学堂的小编也倡导大家学会去建立每一个UI项目的色彩标准卡。这样有利于你对色彩的使用和增强你对色彩的识别度。

扩展阅读:

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

2、最佳设计配色教程:临摹app界面设计色彩搭配

3、草根视觉设计成长之路【设计学堂:色彩搭配】

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