安卓APP设计指南

安卓设备的型号与iOS设备有所不同，而且界面风格和用户的交互习惯都与iOS不同，直接使用iOS的设计图会降低展示效果和用户体验

基础

统一的颜色

• 确定一个主色调，页面中的颜色尽量控制在6种以内
• 页面的背景颜色 (默认值-#FFFFFFFF)
• 常规文字颜色 (默认值-#8A000000)
• 提示文案颜色 (默认值-#61000000)
• 错误提示颜色 (默认值-#FFB00020)
• 分割线颜色

统一的尺寸

• 设计图尺寸调整为360 * 640，使用蓝湖等软件的尺寸调整功能会影响还原度
  • 尺寸调整功能会统一对页面进行缩放，但设计的时候并不是按比例进行设计的，所以缩放后会影响页面还原度
• 页面的内边距
• 标题栏的高度
• 常规文字大小 (默认值-14sp)

统一的设计

• 所有页面的按钮样式，常见的有四种样式：主按钮可点击、主按钮不可点击、副按钮可点击、副按钮不可点击
• 所有页面的标题栏样式
• 所有输入框样式

其他注意事项

• APP的状态栏文字为白色，状态栏的背景尽量采用深色，以不影响用户查看状体栏文字为准
• 点击区域不宜过小，无背景的点击区域可以通过添加透明图层展示在设计图中
• 设计图中要体现状态栏、标题栏的高度，方便在开发中以这些元素为基准绘制页面
• 页面中文字的字号不小于12号
• 同一段文字的样式要一致
• 安卓的弹窗上不需要有关闭按钮，用户会使用返回按钮关闭弹窗

进阶

• 会出现软键盘的页面，确保所有交互元素处于上半屏，防止页面元素被软键盘遮挡
• 不可上下滚动的页面按照360 * 640尺寸设计，可滚动的页面出两张图：360 * 640一张、360 * max一张
• 有输入框、有吸底内容的页面不建议设计为整页滚动的页面
• 弹窗中不要添加输入框
• 文本展示区域要考虑换行的情况，设计图中最好画出极限区域
• 考虑深色模式下的颜色对应关系
• 图标切图尽量采用矢量图
• 确定一个副色调，在用户交互的地方使用(复选框、输入框、开关)
• 提前列出app所有用到的颜色及用处，便于全局调整