用户界面设计的基本原则.pdf

《用户界面设计的基本原则.pdf》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、.1用户界面设计的基本原则1.1用户界面设计原则基于本平台开发的应用软件应坚持图形用户界面（GUI）设计原则：1、界面直观、对用户透明：用户接触软件后对界面上对应的功能一目了然、不需要太多培训就可以方便使用本应用系统。2、始终强调软件用户是所有处理的核心：用户界面应当由用户来控制应用如何工作、如何响应，而不是由开发者按自己的意愿把操作流程强加给用户。1.2一般交互原则AE系统的应用软件的一般交互遵循以下原则：1、一致性：菜单选择、数据显示以及其它功能都应使用一致的格式。2、提供有意义的反馈。3、执行有较大破坏性的动作前要求确认。4、在数据录入上允许取消大多数操作。5、减少在动

2、作间必须记忆的信息数量。6、允许用户非恶意错误，系统应保护自己不受致命操作的破坏。7、按功能对动作分类，并按此排列屏幕布局，设计者应提高命令和动作组织的内聚性。8、提供语境相关的帮助机制。1.3信息显示原则AE系统的应用软件信息显示遵循以下原则：1、只显示与当前用户语境环境有关的信息。2、不要用数据将用户包围，使用便于用户迅速吸取信息的方式表现信息。3、使用一致的标记、标准缩写和可预测的颜色，显示信息的含义应该非常明确，用户不必再参考其它信息源。..4、产生有意义的出错信息。5、使用缩进和文本来辅助理解。6、使用窗口分隔/控件分隔不同类型的信息。7、高效地使用显示器的显示空间

3、。1.4数据输入原则AE系统的应用软件数据输入遵循以下原则：1、尽量减少用户输入动作的数量；2、维护信息显示和数据输入的一致性；3、交互应该是灵活的，对键盘和鼠标输入的灵活性提供支持；4、在当前动作的语境中使用不合适的命令不起作用；5、让用户控制交互流，用户可以跳过不必要的动作、改变所需动作的顺序（如果允许的话）以及在不退出系统的情况下从错误状态中恢复；6、为所有输入的动作提供帮助；7、消除冗余输入。可能的话提供缺省值、绝不要让用户提供程序中可以自动获取或计算出来的信息。2用户界面设计规范2.1界面规范的总体规定本应用系统显示界面总体上分为三帧：菜单工具栏区域、审计资料树区域

4、和应用软件工作区，如下图1-1。..图1-1AE系统界面总体规划AE系统应用平台，提供上述界面框架，其基本参数如下：1、顶层依次包含系统菜单栏、快捷按钮栏以及各应用所包含应用菜单栏，总高度为80。2、下层中左帧为“审计资料树”，可变化宽度，默认为200。3、右帧为各应用或模块的“显示页”，是用户应用的功能容纳区。4、应用功能容纳区宽度可变，默认为600。应用窗体有水平及垂直滚动条。5、底部为状态条高度为20，分为多栏，应用程序可通过接口填入内容。2.2界面一致性规范AE系统各软件在界面设计中应该保持界面的一致性。一致性既包括：使用标准的控件；使用相同的信息表现方法，如：在字体

5、、标签风格、颜色、术语、显示错误信息等方面确保一致。..2.2.1显示信息一致性规范1、字体：系统缺省字体采用如下设置：（1）Font.Charset=GB2312_CHARSET，（2）Font.Color=clWindowText，（3）Font.Size=9，（4）Font.Name='宋体'。2、标签提示：底色透明、无边框、右对齐、带冒号、一般情况使用缺省字体；3、日期：采用长格式，一般情况使用缺省字体；4、对齐方法：（1）左对齐：一般文字、单个数字、日期等。（2）右对齐：数字、时间、日期加时间。5、窗体：分辨率默认为800*600，增强色16色，对于800*600与

6、1024*7686、两种分辨率自适应为全屏幕填充模式。窗体的比例一般是4：3（宽：高）——这是一般窗体（如：主窗体）或16:9。一般同类或大小差不多的窗体要设置成同样的大小，输入框、按钮等要出现在相同位置——这样才有整体感观。窗体类型要规范：该是对话框的就是对话框，不能使可以改变大小的！（1）FormStyle：需要平台集成的窗体均为fsMDIChild，其余窗体为fsNormal或无限制但打开时以模态显示（ShowModal）。（2）WindowState：需要平台集成的窗体为wsMaximized，其余窗体无限制。（3）其余属性使用默认值。（4）色彩值参考：控件及界面颜色

7、应该与平台效果图配色风格及色调统一或近似。平台效果图见下：..上图中的排列显示风格供参考。在整体确定之后，AE系统各软件必须遵从。如果这些信息的表现方式不一致，会使得用户分散注意力，影响这一软件的使用，因此开发者必须在同一软件中表现形式的一致性。2.2.2布局合理化要求布局力求简洁、有序、易于操作。在一个窗口，应注意内部所有控件的布局和信息组织的艺术性，使得用户界面美观。在一个窗口中按Tab键，移动聚焦的顺序不能杂乱无章，Tab的顺序是：先从上至下，再从左至右。一屏中首先应输入的和重要信息的控件在Tab