UIUE通用设计规范.pdfVIP

UI/UE规范 2021年11月  1 规范总体介绍 2 页面框架规范 3 页面布局规范 4 控件按钮规范 5 配色使用规范 6 字体使用规范 22 规范设计约束 1 本规范采用用户界面宽度为1366px的屏幕分辨率尺寸为基准 ，内容 宽度限制在1366px以内居中显示。同时对其他分辨率屏幕以平铺方 式自适应。 2 本规范的中文字体采用windows操作系统下的 “微软雅黑”字体， 英文字体采用windows操作系统下的 “Arial”字体。（若无以上字 体请替换成最接近的通用字体） 3 本规范下，规定所有系统平台界面视觉设计风格均为扁平化。 4 IE浏览器约束：线上要求兼容浏览器IE10以上、edge、chrome、 firefox ，ERP系统要求IE11以上版本 33 规范设计概述 界面是系统／平台与用户交互的最直接的层，界面的好坏决 定用户对软件的第一印象。而且设计良好的界面能够引导用户自 用户界面及操作习惯保持一致 ，这样能够 为保证各类应用系统在开发实现过程中的页面风格统一，制定一套完整的UI规范。 缩短用户使用新系统的学习时间和学习成 己完成相应的操作，起到向导的作用。设计合理的界面能给用户 本； 带来轻松愉悦的感受和成功的感觉。 1.1 制定目标 保证系统的易用、 01 良好的用户交互设计 友好、美观和大方； 系统能够 帮助用户更 本规范是用来指导系统开发人员和视觉设计人员在开发或升 级改版相关系统时 ，用以保证系统的视觉和交互行为的一致性和 06 02 快地达到目的 ； 兼容性。遵循这个规范可以获得很多好处： 好处 1.2 使用范围 05 03 系统所有产品开发人员，包括：产品经理、UE工程师、 保持 所有系统 的一致 需求人员、UI工程师和其它相关技术开发人员。 提升用户体验； 04 性和良好的连贯性 ， 便于版本升级 ； 产品经理 UE工程师 需求人员 简化您的产品设计文档和操作说 明的撰写，因为很多界面和标准 系统所有产品开发人员 的交互行为的描述不再需要过多 的解释