本文部分内容来自网络整理，本司不为其真实性负责，如有异议或侵权请及时联系，本司将立即删除！
== 本文为word格式，下载后可方便编辑和修改！ ==
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 界面 UI设计规则则
什么是UI？UI就是界面设计。

专业的讲指对软件的人机交互、操作逻辑、
界面美观的整体设计。

一个APP想要吸引并留住客户，美观实用简便的用户界
面设计是其重要的一环。

在开发APP之初，就应重视选择经验丰富的开发团队，并
掌握UI设计的原则。

1依据手机的物理特性设计界面的原则
1）应尽量减少文字的输入。

由于手机在输入上的低效性，澳环认为，在设计的过程中，应尽量减少用户的输入，如果有可能可以设置默认值，或者让用户选
择目标值。

2）信息结构好，屏与屏之间的逻辑关系清晰。

由于手机屏幕相对较小，只能展示较少的信息量，这时候，在APP网站建设中，就需要有清晰的信息架构，让
用户能一目了然的知道APP的各个模块及能够自由切换。

3）移动APP的重要功能可以在界面中适当的提示，采取对重要高频使用的功能或信息放在首页或什么显眼的位置。

2依据手机的移动特性设计界面的原则
1）主要功能可以用单手操作完成。

在APP开发过程中，需要考虑最重要的核心功能，能否单手操作完成。

常见手势翻页交互效果和优点等。

2）界面必须简洁、操作简单，步骤少。

层次不要太深，一般不超过3级。

3）可利用多种提示方式，如声音、振动提醒，以吸引用户的视线。

比如快速体验移动触摸响应操作等。

另外，还应注意APP UI的主要操作方式应与相应的手机操作系统保持一致等原则。

总之，在APP界面设计的过程中，更好地理解当前的手机系统，才能使之与APP设计的逻辑保持一致。

篇三：app设计规范
一、设计理念
1.精于心，简于形
通过精心的设计，使流程外观简约化，传达先进的技术给用户提供便捷简单的使用体验
二、设计规范
我们有统一的设计规范，用来规范App在外观展示上的规则，用来解决设计过程中遇到的问题。

好处：
（1）使用户使用起来能够建立起精确的心理模型，使用熟练了一个界面后，切换到另外一个界面能够很轻松的推测出各种功能，语句理解也不需要费神理解.（2）降低培训、支持成本，支持人员不会很费力逐个指导。

（3）给用户统一感觉，不觉得混乱，心情愉快，满意度增加
1. 逻辑性
设计为内容服务，根据逻辑关系通过视觉表现引导用户使用。

例如：app的标题和导航条通过字体的颜色大小突出重要度。

2. 扩展性
采取模块化设计的可扩展性，减少修改和再开发的成本
例如：左右模块尺寸的统一可方便增加新的模块内容。

3. 统一性
用统一的视觉规范，变化不能超越统一的尺度，个性化内容要有统一风格的继承。