界面设计风格.doc

《界面设计风格.doc》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、界面设计规范17/17界面设计规范1.引言21.1概述21.2信息位置的安排原则22.规范基本规定42.1环境42.2文字与颜色42.3数据格式与显示42.4键盘控制与无鼠标操作43.窗口控件53.1MDI与SDI53.2快闪窗口（SPLASH）63.3登录窗口（LOGIN）73.4关于窗口（ABOUT）83.5响应窗口（RESPONSE）83.6系统主窗口93.7业务办理类窗口103.8数据查询类窗口124.数据窗口控件145.菜单控件176.按钮控件177.输入域178.帮助17界面设计规范17/171.引言用户界面是应用系统的外在表现，是用户工作的接口，

2、它的质量会直接影响系统的友好性与可用性。本规范用于说明进行管理信息系统（MIS）设计开发时，所应遵循的用户界面开发规范，旨在描述设计怎样的界面风格，为用户所接收。该规范主要针对PowerBuilder开发工具的进行设计。由于PowerBuilde所倡导并提供的风格是基于图形化用户界面GUI的，是与Windows的界面风格相一致的，因此该规范同样可以适用于其他的前台开发工具。系统界面如果采用WEB页面的方式，则设计原则另行规定。规范中未做声明的内容，以满足开发总则为准。1.1概述有资料调查结果显示，用户希望的最佳屏幕特点为：l一个规整、清晰、毫不混乱的外观。l对

3、于将要显示的内容以及对其将进行的操作有一个明确的提示。l所希望的信息出现在其应该出现的位置。l清楚地指明标题、小标题、数据、指示、选择等各种项目的关系。l平白、简单的文字。l通过简单的途径找到系统所含内容及得到它的方法。l明确地指出什么时候某个操作能引起数据或系统运行的永久性改变这样就要求我们所设计的用户界面，应满足如下基本要求：l充分性：用户界面应充分满足功能要求l一致性：用户界面应满足一致性要求，包括本模块内与分系统之间l简洁性：用户界面在满足功能的前提下应尽量保持简洁l合理性：用户界面的布局与设置应满足合理的功能要求l美观性：用户界面应满足美观性要求1.

4、2信息位置的安排原则1.在屏幕左上角提供明显的起动点。2.在屏幕上为诸如菜单、按钮、错误信息、标题、数据区等特定信息保留特定的区域，并使这些区域在所有屏幕上保持一致。3.对各种区域的编排应保持均衡、规整、对称、简明、比例协调、整体性。l屏幕标题位于上中部，有利于产生对称感；菜单置于屏幕顶部，仅在标题之下；按钮置于屏幕底部，在信息区之下。界面设计规范17/17l均衡感是将窗口显示本身置于中央，让各种元素在水平轴和垂直轴两边均保持相同比重，以及将标题置于中央而实现的。l规整性是一种基于某些规则或计划的形式上的统一性，界面的规整性是通过建立标准，并且一致性地安排行与

5、列的起始位置而实现的。l对称性是一种轴向“复制”，中轴线一侧的某个单元在轴的另一侧有其类似单元。l简明性是简单而明智地使用显示元素以便尽可能简单的得到信息。其中包含屏幕上使用的信息。l比例协调是指显示项目的宽度和高度的比例关系，实验表明，宽度比高度更大一些能带来更好的审美效果，比例可以遵守黄金分割定律。l整体性是一种内在的粘合性，视觉上各元素形成一个整体。界面设计规范17/172.规范基本规定2.1环境应用系统工作界面显示属性设置：主题备选推荐确定结果桌面区域A.640*480象素B.800*600象素B，以显示漂亮的字体，更多的信息B显示属性A．16色B．2

6、56色C．更高B，以不太影响图片的显示，也不对显示器有过高要求B2.2文字与颜色颜色作为一种信息的增强的从属表达手段，应只使用一个有限集，在通常情况下，采用色调柔和、淡雅、互补的颜色要比采用亮丽的、高饱和度的颜色好一些。对界面颜色的设置及选用应使用系统现成的资源。l各窗口、控件（除数据窗口外）背景色用SILVER灰色RGB（192,192,192）。l录入的信息均采用宋体9号黑色正常字体，背景色用白色RGB（255,255,255）l对于不可操作仅供显示的信息，采用宋体9号黑色正常字体，背景色用SILVER灰色RGB（192,192,192）l每个窗体必须有主

7、题，表明此窗体完成的具体功能。l当前不可用的控件一律变灰，予以Disable。l数据窗口的文字与颜色将在下面的章节中另行给出。2.3数据格式与显示数据类型显示/编辑格式对齐格式文字左数值右日期YYYY-MM-DD右时间HH:MM:SS右日期时间YYYY-MM-DDHH:MM:SS右2.4键盘控制与无鼠标操作窗口操作应该既可以用鼠标又可以用键盘操作。界面设计规范17/173.窗口控件在管理信息系统中采用各种界面构件，通过组织与控制完成相应的事务功能,窗口就是其中最主要的控件。下面按照不同的用途，对常用的窗口控件进行说明。3.1MDI与SDI基于WINDOWS的应

8、用程序的主界面方式有MDI和SDI两种