2021年UI设计综合规范新版说明书.doc

EMRS设计规范手册

目 录
概要 3
登录页面 4
1. 开启 4
2. 登录页面元素 4
导航菜单 5
1. 弹出框百分比 8
2. 弹出框风格 8
3. 弹出框边界 8
4. 弹出元素对齐 8
整页面 10
字体规范 11
页面元素 15
页面色调 18
用户界面行为 19
概要
界面设计中保持界面一致性。一致性既包含使用标准控件，也指使用相同信息表现方法，如在字体、标签风格、颜色、术语、显示错误信息等方面确保一致。
界面努力争取简练明了，确保系统功效设计合理和明确，布局明确、交互操作合理、协调统一。功效要表现清楚，分类清楚有条理，避免过多控件嵌套造成视觉混乱；单一功效操作目标明确，符合易用性标准，避免无须要信息显示而对用户造成视觉干扰；努力争取操作简单，简单功效一步完成，比较复杂功效三步之内，复杂功效操作使用操作向导来辅助用户完成。
登录界面
开启
现在我们pride 、EMRS系统首页登录全部是以（图1）展现方法，有2个页面，此法太过累赘，同时跳出框也把产品logo信息给遮住，能够以一个页面方法来显示 不需要2个页面，类似（图2）。
（图1）
（图2）
登录页面元素
登录页面基础元素包含：输入框、按钮、进度条。这么好处就是以一个页面替换2个页面，简练明了，登录页面全部需要加入进度条，便于用户等候页面进度
导航菜单
规范
1）菜单深度通常不要超出三层
2）菜单层次太多时应给出返回主窗口、主分支快捷链接。
（图3）
导航如不是用户特俗要求定制，均制成类似以上导航（图3），采取windows标准定制导航界面，导航必需兼容1024*768、1280*800、1440*900 三个主流分辨率，其中默认分辨率为1024*768。
（图4）
（图5）
【1】标题区：显示目前用户姓名、所属科室。字体：15像素 ，黑色，加粗
【2】工具栏区：可显示二级菜单对应栏目。字体9pt，不加粗 ，黑色，每个栏目必需有快捷键，栏目间间距为20像素
【3】二级菜单区：二级菜单字体为9pt，宋体，不加黑，行距10像素；全部二级菜单栏目全部应该有对应图标设计。（图5）
【4】自定义栏目区：自定义医生所需要显示快捷方法
【5】最大、最小、关闭区： 按钮必需醒目（操作习惯和风格和PC windows系统一致）、操作性强
窗口风格
1）全部窗口最大化、最小化风格要一致
2）报错页面风格一致，最好有统一报错页面
3）类似功效窗口打开风格要一致
4）相同功效在不一样模块名称要一致
5）子窗体应尽可能在显示在主窗体左上或居中放置
6）弹出式窗口尽可能在不借助滚动条情况下显示全部内容
7）窗体最小化/最大化时，控件也要伴随窗体而缩放
具体：
（图5）
（图6）
，右上角关闭按钮 最大 最小化按钮，全部统一改成系统弹出框长、宽百分比为3:1
弹出框百分比
系统弹出框长、宽百分比为3:1，功效页面弹出框长和宽百分比为5:4
弹出框风格
全部弹出框右上角关闭按钮 最大 最小化按钮，全部统一改成，
弹出框四面边距为13像素,（图5）风格上和windows操作习惯尽可能一致。
弹出框边界
病人基础信息显示：床号、姓名、病人ID、住院号、性别、年纪、身份、费别、出生地、证件号、入院日期、入院方法、入院诊疗、预交金、过敏史、检验检验结果总览。
（图6）
弹出框边界要和背景有区分，边界要清楚（图6）
全部弹出框最大化不要遮住 windows任务栏（图6）
弹出元素对齐
弹出框文字要有对齐
（图7）
如（图7）弹出框文字输入框全部没有对齐，给人感觉比较混乱，不规范。当不一样长度文字排版出现对对齐不一致时候，上下文字必需统一右对齐， 输入框统一左对齐。如（图8）
（图8）
如（图10）弹出框文字元素弹出框元素比较混乱，界面上没有对其，假如文字对其空间不够，可考虑换行
（图10）