文档介绍：UI设计规范说明书(同名24006)
D
UI设计规范说明书第2页
2
UI设计规范说明书第3页
3
UI设计规范说明书第4页
4
概要
界面设计中保持界面的一致性。一致性既包括使用标准的控件，也指使用相同的信息表现方法，如在字体、标签风格、颜色、术语、显示错误信息等方面确保一致。
界面力求简洁明了，保证系统功能设计的合理与明确，布局明确、交互操作合理、协调统一。功能要表现清楚，分类清晰有条理，避免过多的控件嵌套导致的视觉混乱；单一功能的操作目的明确，符合易用性原则，避免不必要的信息显示而对用户造成视觉干扰；力求操作简单，简单的功能一步完成，比较复杂的功能三步之内，复杂的功能操作使用操作向导来辅助客户完成。
UI设计规范说明书第5页
5
登录界面
启动
目前我们的pride 、EMRS系统首页登录都是以（图1）的展现方式，有2个页面，此法太过累赘，同时跳出框也把产品的logo信息给遮住，可以以一个页面的方式来显示不需要2个页面，类似（图2）。
（图1）
UI设计规范说明书第6页
6
（图2）
登录页面元素
登录页面的基本元素包括：输入框、按钮、进度条。这样的好处就是以一个页面代替2个页面，简洁明了，登录页面都需要加入进度条，便于客户等待页面进度
UI设计规范说明书第7页
7
导航菜单
规范
1）菜单深度一般不要超过三层
2）菜单层次太多时应给出返回主窗口、主分支的快捷链接。
（图3）
导航如不是客户特俗要求的定制，均制成类似以上的导航（图3），采用windows标准的定制导航界面，导航必需兼容1024*768、1280*800、1440*900 三个主流分辨率，其中默认分辨率为1024*768。
UI设计规范说明书第8页
8
（图4）
（图5）
【1】标题区：显示当前用户姓名、所属科室。字体：15像素，黑色，加粗
【2】工具栏区：可显示二级菜单相应栏目。字体9pt，不加粗，黑色，每个栏目必须有快捷键，栏目间的间距为20像素
【3】二级菜单区：二级菜单字体为9pt，宋体，不加黑，行距10像素；所有的二级菜单栏目都应该有相应的图标设计。（图5）
【4】自定义栏目区：自定义医生所需要显示的快捷方式
UI设计规范说明书第9页
9
【5】最大、最小、关闭区：按钮必须醒目（操作****惯和风格和PC windows系统一致）、操作性强
UI设计规范说明书第10页
10