原创力文档- 1、本文档共61页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 5、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 6、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
UI设计规范说明书三篇--第1页
UI设计规范说明书三篇
篇一：UI设计规范说明书
目录
概要3
登录页面4
1.启动4
2.登录页面元素4
导航菜单5
1.弹出框比例8
2.弹出框风格8
3.弹出框边界8
4.弹出元素对齐8
整页面10
字体规范11
页面元素15
页面色调18
用户界面行为19
第1页共61页
UI设计规范说明书三篇--第1页
UI设计规范说明书三篇--第2页
概要
界面设计中保持界面的一致性。一致性既包括使用标准的控件，也指使用相同
的信息表现方法，如在字体、标签风格、颜色、术语、显示错误信息等方面确
保一致。
界面力求简洁明了，保证系统功能设计的合理与明确，布局明确、交互操作合
理、协调统一。功能要表现清楚，分类清晰有条理，避免过多的控件嵌套导致
的视觉混乱；单一功能的操作目的明确，符合易用性原则，避免不必要的信息
显示而对用户造成视觉干扰；力求操作简单，简单的功能一步完成，比较复杂
的功能三步之内，复杂的功能操作使用操作向导来辅助客户完成。
第2页共61页
UI设计规范说明书三篇--第2页
UI设计规范说明书三篇--第3页
登录界面
1.启动
目前我们的pride、EMRS系统首页登录都是以（图1）的展现方式，有2个页面，
此法太过累赘，同时跳出框也把产品的logo信息给遮住，可以以一个页面的方
式来显示不需要2个页面，类似（图2）。
（图1）
2.（图2）
3.登录页面元素
登录页面的基本元素包括：输入框、按钮、进度条。这样的好处就是以一个页
面代替2个页面，简洁明了，登录页面都需要加入进度条，便于客户等待页面
进度
第3页共61页
UI设计规范说明书三篇--第3页
UI设计规范说明书三篇--第4页
导航菜单
规范
1）菜单深度一般不要超过三层
2）菜单层次太多时应给出返回主窗口、主分支的快捷链接。
（图3）
导航如不是客户特俗要求的定制，均制成类似以上的导航（图3），采用windows
标准的定制导航界面，导航必需兼容1024*768、1280*800、1440*900三个主流
分辨率，其中默认分辨率为1024*768。
（图4）
第4页共61页
UI设计规范说明书三篇--第4页
UI设计规范说明书三篇--第5页
（图5）
【1】标题区：显示当前用户姓名、所属科室。字体：15像素，黑色，加粗
【2】工具栏区：可显示二级菜单相应栏目。字体9pt，不加粗，黑色，每个栏
目必须有快捷键，栏目间的间距为20像素
【3】二级菜单区：二级菜单字体为9pt，宋体，不加黑，行距10像素；所有的
二级菜单栏目都应该有相应的图标设计。（图5）
【4】自定义栏目区：自定义医生所需要显示的快捷方式
【5】最大、最小、关闭区：按钮必须醒目（操作习惯和风格和PCwindows系统
一致）、操作性强
文档评论（0）