移动产品界面规范-布局规范.pdfVIP

移动产品界面规范-布局规范 前言： 移动产品软件界面是置身于手机操作系统中的人机交互的窗口，设计界面必须基于手 机的物理特性和软件的应用特性进行合理的设计，界面设计师首先应对手机的系统性能有 所了解，例如：手机所支持的最多色彩数量、手机所支持的图像格式，其次应该对用户的 需求要详细了解，熟悉每个业务模块的应用模式。从而做到最大限度的利用现有资源进行 用户界面的开发。一个好的用户界面应该为用户提供统一、规范的交互界面，从而提高用 户工作效率，增强用户对系统的认可程度。 　　 本规范主要从移动产品《输电智能巡检V2.0》系统开发、设计的实际出发，对用户界 面设计进行一定程度上的规范，主要内容为用户界面窗体布局、界面配色、控件风格、字 体、交互信息以及其他等几个方面。 总体原则： 用户界面设计的总体原则：统一。这也是本规范遵循的最高原则，用户界面的设计， 无论是控件、信息提示措辞、界面配色等，都要遵循统一的标准，做到真正的一致。 本规范的施行方法：针对用户界面设计的特殊性，用户界面设计规范对某些方面只进 行原则性的规范，具体的内容（比如配色方案用暖色系还是冷色系等）应在每一个应用系 统的开发启动之前，由项目小组根据应用系统自身的特点、系统用户对象的特点等信息， 确立每一个部分的具体内容，然后在应用系统设计过程当中执行。 移动产品界面规范-布局规范 目录 A01 登录框规范 A02 主菜单规范 A03 界面区域结构规范 A04 标题区规范 A05 公共导航区规范 A06 左右选择控件规范 A07 功能按钮规范 A08 文本展示控件规范 A09 键盘控件规范 A10 标签展示控件规范 A11 业务按钮控件规范 A12 列表控件规范 A13 内容框控件规范 A14 内容框控件组合规范 A15 查询控件组合规范 A16 确认弹出框规范 A17 提示弹出框规范 A18 拍照控件规范 A19 录音控件规范 A20 界面范例 移动产品界面规范-布局规范 A 登录框规范 A01 人们习惯于从左到右，从上到下进行阅读，因此，应该将重要信息放在上面和左边，中间偏上放置登录输入框 控件。在右边或底部保留空白区域更适合习惯。 尺寸 240×80 单位 像素 字体 微软雅黑 字号 17pt 段落 用户名和密码为左右强制对齐，输入框里的文字为左对齐 23 61 133 23 10 6 用户名： 2 8 6 密 码 ： 2