UI设计规范说明书

EMRS设计规范手册

V1?0

概要 (3)

登录页面 (4)

1.启动 (4)

2.登录页面元素 (5)

导航菜单 (6)

1.弹出框比例 (9)

2.弹出框风格 (9)

3.弹出框边界 (9)

4.弹出元素对齐 (9)

整页面 (11)

字体规范 (12)

页面元素 (16)

页面色调 (19)

用户界面行为 (20)

界面设计中保持界面的一致性。一致性既包括使用标准的控件，也指使用相同的信息表现方法，如在字体、标签风格、颜色、术语、显示错误信息等方面确保一致。

界面力求简洁明了，保证系统功能设计的合理与明确，布局明确、交互操作合理、协调

统一。功能要表现清楚，分类清晰有条理，避免过多的控件嵌套导致的视觉混乱；单一功能的操作目的明确，符合易用性原则，避免不必要的信息显示而对用户造成视觉干扰；力求操作简单，简单的功能一步完成，比较复杂的功能三步之内，复杂的功能操作使用操作向导来辅助客户完成。

登录界面

1.启动

目前我们的pride、EMRS系统首页登录都是以（图1）的展现方式，有2个页面，此法太过累赘，同时跳出框也把产品的logo信息给遮住，可以以一个页面的方式来显示不需要2个页面，类似（图2）。

（图1）

（图2）

曲医11匚科技有晦盏旬@3011-2020

2.登录页面元素

登录页面的基本元素包括：输入框、按钮、进度条。这样的好处就是以一个页面代替

2个页面，简洁明了，登录页面都需要加入进度条，便于客户等待页面进度

导航菜单

规范

1）菜单深度一般不要超过三层

2）菜单层次太多时应给出返回主窗口、主分支的快捷链接。

H ■二^ ■ 一田：琵啊?■正* ?甜E

（图3）

导航如不是客户特俗要求的定制，均制成类似以上的导航（图3），采用windows标准的定制导航界面，导航必需兼容1024*768、1280*800、1440*900三个主流分辨率，其中默认分

辨率为1024*768。

（图4）

在

料

lA\.l

Iff

的

一

贰

lal*

耳

引

■刊feaiK痛丄.山|4宾

?TM9幅

ASMJ ns

阳啲?无

"SRSmajM 起HL耳绘阳屈岁

lhiltdLert；HE

ARiStfi旳祖谊柚?

SKBnW- EflU-frW 1?： ]1 圍ARQIHi 凶WH

■

嘅

证

蜡

朮

谁

聞

住

sffittl

稚

手

门

盘

■

田

童

驰

珠

遼

fflia

险=!宝欢

■】0

^asffli as