UI设计规范说明书2.doc

WORD 格式 整理 学习 参考 资料 分享 WORD 格式 整理 学习 参考 资料 分享 EMRS设计规范手册 V1.0 目 录 TOC \o 1-3 \h \z \u HYPERLINK \l _Toc301343181 概要 PAGEREF _Toc301343181 \h 3 HYPERLINK \l _Toc301343182 登录页面 PAGEREF _Toc301343182 \h 4 HYPERLINK \l _Toc301343183 1. 启动 PAGEREF _Toc301343183 \h 4 HYPERLINK \l _Toc301343184 2. 登录页面元素 PAGEREF _Toc301343184 \h 4 HYPERLINK \l _Toc301343185 导航菜单 PAGEREF _Toc301343185 \h 5 HYPERLINK \l _Toc301343186 1. 弹出框比例 PAGEREF _Toc301343186 \h 8 HYPERLINK \l _Toc301343187 2. 弹出框风格 PAGEREF _Toc301343187 \h 8 HYPERLINK \l _Toc301343188 3. 弹出框边界 PAGEREF _Toc301343188 \h 8 HYPERLINK \l _Toc301343189 4. 弹出元素对齐 PAGEREF _Toc301343189 \h 8 HYPERLINK \l _Toc301343190 整页面 PAGEREF _Toc301343190 \h 10 HYPERLINK \l _Toc301343191 字体规范 PAGEREF _Toc301343191 \h 11 HYPERLINK \l _Toc301343192 页面元素 PAGEREF _Toc301343192 \h 15 HYPERLINK \l _Toc301343193 页面色调 PAGEREF _Toc301343193 \h 18 HYPERLINK \l _Toc301343194 用户界面行为 PAGEREF _Toc301343194 \h 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）窗体最小化/最大化时，控件也要