app颜色规范

竭诚为您提供优质文档/双击可除

app颜色规范

篇一：app设计的用色规范

我们先来回顾下。什么是手机app界面设计规范？

app设计规范指对app界面进行风格统一

，对界面元素的样式、颜色和大小设定统一的规范和使用原则。与设计、前端约定好统一的设计规范很重要，约定设计规范可以减少产品、设计、前端的沟通成本；可以使界面设计整洁、统一，减少界面元素的重复设计；可以减少设计素材，控制安装包的大小。

这一节主要讲解：app设计的用色规范。我们先看下色轮图。

然后我们再来具体的看下app设计的色彩规范实例。

这是一个非常详细的手机app色彩使用规范实例。值得大家好好的看看。《找车app》

标准色规范：

x轴：重要、一般、弱。

y轴：色彩代码、色块、使用场景

标准色重要：重要颜色中一般不超过3种，这里的例子重要颜色之一红色需要小面积使用,用于特别需要强调和突

出的文字、按钮和icon；而黑色用于重要级文字信息比如标题、正文等。

标准色一般：都是相近的颜色，而且要比重要颜色弱，普遍用于普通级信息、引导词比如提示性文案或者次要的文字信息。

标准色较弱：普遍用于背景色和不需要显眼的边角信息。

再次举例说明如何来定制属于自己手机app的色彩规范。这是一种表示方式。有这个规范，我们设计app和重构app

会清晰明了很多。

这是25学堂的老谭同学给大家精心整理的2种不能标

准色的表现形式。

app界面要给人简洁整齐，条理清晰感，依靠的就是界

面元素的排版和间距设计，还有色彩的合理、舒适度搭配。

其他的色彩运用原理以及需要遵循对比原则：

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

当色调：

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

2：如果没有自己的系列界面，采用标准界面则可以少考虑此方面，做到与操作系统统一，读取系统标准色表3：色盲、色弱用户，即使使用了特殊颜色表示重点或者特别的东西，也应该使用特殊指示符，着重号，以及图标等

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

5：遵循对比原则：在浅色背景上使用深色文字，深色背景上使用浅色文字，蓝色文

字以白色背景容易识别，而在红色背景则不易分辨，原因是红色和蓝色没有足够反

篇二：移动app界面设计规范色彩篇

移动app界面设计规范——色彩篇

色彩在我们的app界面设计中，是一个很让人头疼的事情。无论是appui设计大神还是app设计新手，都是需要制定一套属于自己的配色方案或配色计划色彩，从当代建筑、路标、人行横道以及运动场馆中获取灵感，由此引发出大胆的颜色表达激活了色彩，与单调乏味的周边环境形成鲜明的对比。强调大胆的阴影和高光。引出意想不到且充满活力的颜色。

调色板

调色板以一些基础色为基准，通过填充光谱来为android、web和ios环境提供一套完整可用的颜色。基础色的饱和度是500。

篇三：ios和android的app界面设计规范

ios和android的app界面设计规范

字数876阅读96439评论36喜欢344

记录一下ios和andoird的界面设计规范，方便进行标准的产品设计，并与设计师顺畅沟通

ios篇

界面尺寸

设备

iphone6plusiphone6iphone5/5s/5ciphone4/4sipad1/2ipa dmini

分辨率750×1334px640×1136px640×960px1024×768px1024×768px

状态栏高度导航栏高度标签栏高度

60px40px40px40px40px20px20px

132px88px88px88px88px44px44px

147px98px98px98px98px49px49px

1242×2208px

ipad3/4/air/air2/mini22048×1536px