Windows应用程序的界面设计

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
第 23 卷 第 1 期 2002 年 3 月
吉林工 学院学报 JOURNAL OF JILIN INSTITUTE OF TECHNOLOGY
文章编号: 1006- 2939( 2002) 01- 0061- 04
Windows 应用程序的界面设计
Vol. 23 No. 1 Mar. 2002
罗杰红
元素设计风格的一致性是指相应元素在设计 上始终一致。如对于列表框来说, 如果双击其中 的项, 使得某些事件发生, 那么双击任何其它列表 框中的项, 都应该有同样的事件发生; 如对一列列
的数据, 数据对齐要适当, 通常的作法是整浮点数 右对齐, 字符串左对齐。 3 2 2 窗体设计风格的一致性
用户最忌讳的是每换一个屏幕就要换一套操 作命令与操作方法。一致的窗体风格便于让用户 始终用同一种方式思考与操作。如所有窗口按钮 的位置要一致, 标签和信息的措辞要一致, 颜色方 案要一致。 3 3 空间布局的合理性原则
2 3 妙用组合框控件
创建一个选项板块、组 合窗体中相关项目。
利用 组 合 框 控 件 ( 如 在 VISUAL BASIC 中 为
FRAME 控件) 创建一个选项板, 在上面放置所有
的显示及输入控件, 以提高用户的注意力; 另外,
利用组合框控件将一 组相关条目的 控件包围起
来, 这时组合框也被称为分组框, 一般情况下, 分
工具提示是个小标签, 当鼠标指针在控件上停 留会立即显示, 通常包含此控件的功能描述。工具
提示是一种向用户显示信息的好方法, 当用户在用 户界面上搜索时, 便可了解相应的信息。正常情况 下它与工具栏结合使用, 当鼠标停留在某一个工具 栏上时, 即出现一个弹出式信息框。 4 1 3 界面间容易转换( 切换)
3 界面的构图原则
应用程序的构图或布局不仅表现了美感及艺 术性, 而且也极大地影响了应用程序的可用性。 3 1 主次性原则
主次性原则是指在程序界面设计中, 分清主次, 抓住重点, 将最重要的元素定位在对用户来说一目 了然的位置, 重要的和需要经常访问的元素处于显 著的位置, 次要的元素则应当处于次要的位置。 3 1 1 人的阅读方式决定主次性
宁可让程序多干, 不可让用户多干。对于一些 相对固定的数据, 不应让用户频频输入( 特别是汉 字) , 而应让用户用鼠标轻松选择, 使用户的数据输 入量降至最低限度。误操作、按键连击等均有可能 导致数据误录, 巧妙地进行程序设计, 使程序具有较 强的容错功能, 可以避免此类因素造成的错误。例 如, 录入学生成绩时, 可以对其范围进行限定, 使用 户无法输入 0~ 100 以外的数据。 4 5 设计良好的联机帮助
为确保屏幕的可读性, 在应用软件中使用颜色
第1期
罗杰红: Windows 应用程序的界面设计
63
时, 文字和背景的颜色搭配可遵循对比原则: 即在浅 色背景上使用深色文字, 在深色背景上使用浅色文 字。这样文字与背景之间有足够的反差, 表 1 列出 了几种具有较好视觉效果的颜色搭配方案。
表 1 几种较好视觉效果的颜色搭配方案
如欢迎界面的设计, 一般都使用一些动画, 为吸 引用户的注意力, 在设计时, 可为动画配上适当的音 乐效果。
4 界面的操作设计
4 1 易操作性设计 4 1 1 常用操作设置捷径[ 3]
Windows 的操作捷径包括快捷方式或热键。由 于常用操作的使用频度大, 为减少操作序列的长度, 提高用户的工作效率, 使界面在功能上实现简洁和 高效, 应为常用操作设置快捷方式或热键。例如, 为 文件的常用操作如打开、存盘、另存等设置快捷键。 4 1 2 工具提示
组框都具备标题, 目的是让用户明白各分组的意
义。
2 4 控件左对齐
窗体中所有的控件从底到顶在一条直线上,
为左对齐, 如有多列, 各列控件也是左对齐。
收稿日期: 2001- 11- 04 作者简介: 罗杰红( 1969- ) , 女, 广东兴宁人, 广东纺织职业技术学院讲师, 主要从 事计算机软件及网络研究
( 广东纺织职业技术学院 自动化系, 广东 佛山 528041)
摘 要: 用户界面设计是应用程序的一个重要组成部 分, 一 个好的应 用程序要 有美观 实用的 界面设 计, 文 中
简要论述了界面设计的各项原则及方法。
关键词: 界面设计; 用户界面; 应用程序; 窗体
中图分类号: TP316 7
文献标识码: A
将控件和元素适当分组, 逻辑上关联的项目 可以尝试根据 功能 和 关系 来组成一个逻辑信 息组, 在屏幕上加以组合, 将它们放在一起, 以显 示其关联性。反之, 任何相互之间毫不相关的项 目应当分隔开。 3 2 一致性原则[ 2]
界面设计最重要的就是保证用户界面运作的 一致性。一致性原则指程序各窗口的风格一致, 使 用的元素、术语、方法、控制一致。用户界面的一致 性可帮助用户更好地使用软件, 在界面设计中一致 性原则最容易被违反, 因此在界面设计时, 一定要 坚持用同一风格贯穿整个应用程序的设计。 3 2 1 元素设计风格的一致性
基于人们的阅读习惯, 屏幕一般按自左而右, 从上而下组织, 界面的总体布局做到两点: 第一, 屏 幕上的元素不能太多, 屏幕设计不能拥挤。一般说 来, 显示屏幕总体性覆盖度不应超过 40% , 而分组 中屏幕覆盖度不应超过 62% 。第二, 布局合理, 使 用空白空间。在设计中需要插入空白空间, 即合理 使用窗体控件之间以及控件四周的空白区域, 做到 布局合理, 这样有助于突出设计元素和改善可用性。 3 4 简明性原则[ 2]
在界面上使用颜色可以增加感染力, 但是滥 用的现象也时有发生。在设计时必须考虑色彩的 使用和搭配原则。 3 6 1 传统化原则[ 2]
每个人对颜色的喜爱有很大的不同, 用户的 品味也会各不相同。颜色使用要适当, 使用颜色 要谨慎。一般说来, 最好保守传统, 采用一些柔和 的、中性的颜色。应当尽量限制应用程序所用颜 色的种类, 颜色的使用要一致, 保证整个应用软件 有同样的观感。 3 6 2 对比原则
向导是一种提供给用户的辅助策略, 它引导用 户根据自己的实际数据一步一步地实现一个过程, 如向导帮助用户完成需要相当长的安装任务等。 4 2 操作可逆且重要操作可恢复[ 3]
对于不具备专业知识的操作人员以及一些可能 经常发生的错误, 操作应该可逆。可逆的动作可以 是单个的操作, 或者是一个相对独立的操作序列。 对于重要的操作应设计成可恢复的, 以减少误操作 带来的不良后果。 4 3 给出好的反馈, 使界面操作友好
图像和图标能形象地传达信息, 可以增加应用 程序视觉上的趣味, 这是文本信息达不到的效果。 作为一个好的界面设计, 加入图片、图标是必不可少 的。如带有表示各种功能的图标工具栏, 是一种很 有用的界面设计, 但图标的选择必须力求简单化、标 准化, 在设计工具栏图标时, 应查看其它的应用程 序, 以了解已经创建并普遍被大众认可的标准。 3 7 3 可加入声音效果
所以在 Windows 下的应用程序, 开发人员应 遵循 事件驱动 的思想, 以 用户 为中心进行程 序设计。
2 1 窗体控件大小和间距
下面列出了窗体控件的标准尺寸和控件间距
的推荐值, 以 VISUAL BASIC 为例。
窗体控件:
大小/ 间距:
控件高度
300TWIPS
命令按钮高度
1200TWIPS
字体也是用户界面的重要部分, 因为它们常常 给用户传递重要信息。应当坚持使用那些可读性好 的字体, 如标准 Windows 字体( 以英文为例: 如 Arial, New Times Roman 或者 System) 。此外, 字体的使用要 一致, 大多数情况下, 不应在应用程序中使用两种以 上字体。 3 7 2 图片、图标的使用[ 2]
62
吉林工学院学报
第 23 卷
2 5 输入区为白色、显示区为灰色( 或窗口底色) 供用户输入的区域使用白色, 能使用户容易
看到这是窗体的活动区域; 显示区域设为灰色( 或 窗体颜色) , 如在选项板上应设为凹下去, 目的是 告诉用户那不是编辑区域。
在应用软件的设计中如能遵循以上 Windows 风格的窗体准则, 则能使界面保持一致性, 也使你 的应用软件看起来或感觉上更象用户已购买或建 立的其它应用软件。
控件的垂直间距
相关控件为 60TWIPS、
无关控件为 90TWIPS
边沿高度( 上、下和侧边) 120TWIPS
2 2 默认窗体的颜色 亮灰色
Windows 颜色的标准是使用灰色, 一般窗体
的 BACKCOLOR 设 为亮灰色, 因为灰 色调在不同
的光照条件下容易被识别, 使用灰色调也避免了
色盲用户在使用窗体时带来的不便。
人们习惯的阅读顺序一般是从左到右, 从上 到下。按照此原则, 用户第一眼看到的应是计算 机屏幕的左上部分, 因此最重要的元素应当定位 在这里, 比如有一条重要的信息, 它的标题栏应当 放在能被用户第一眼看到的位置, 而各种操作按 钮则应当处于该标题栏的下方, 因为用户通常是 要直接使用按钮来完成相应的操作。 3 1 2 元素的有效组合体现主次性
1 树立以用户为中心的设计原则
一个基于字符界面的应用软件是属于传统的 界面或 过程化 界面的应用程序, 它自身控制了 执行哪一部分代码和按何顺序执行, 即其处理的 全部过程都是由程序代码决定的。程序员是按照 自己的意愿设计操作规程, 并将其强加给用户。
一个基于图形界面的应用软件, 程序设计的 思想是事件驱动的思想, 是面向对象的程序设计, 程序为每一个动作或事件指定一个且唯一的响应 程序。触发这些事件, 使这些响应程序执行的源 动力不是应 用, 而是用户, 用户是软件处理的主 人, 他一般可根据自己的意愿决定操作的顺序, 因 此, 用户是控制应用如何工作, 如何响应, 而不是 由程序员按自己的意愿把操作流程强加给用户。 这便是 事件驱动 和 过程化 的最大区别。
如果从一个窗口转换到另一窗口很困难, 用户 会很快灰心并放弃, 因此界面间的切换很重要。作 为一个对用户有意义的软件, 必须使窗体流程与用 户想完成的工作流程相符。由于不同用户工作方式 不同, 应用软件需要有足够的灵活性, 以支持他们不 同的方式。 4 1 4 缺省与向导( WIZARD)
通常每个屏幕定义一个缺省按钮。如设回车键 作缺省按钮, 以方便用户操作, 但有时用户会意外敲 击回车键, 就会激活调用了该缺省按钮, 所以设计的 缺省按钮决不能有潜在的破坏性, 如删除等操作。
0引言
2 Windows 风格的窗体准则[1]
什么是好的用户界面? 它是使得人们不用阅 读用户手册或接受培训就能使用的应用软件。因 为用户界面越直观, 就越易用; 界面越好, 培训用 户就越容易; 界面越出色, 用户求助就越少。一个 优秀的程序员总是从用户角度出发, 以方便用户 的使用为程序设计的目标。因此, 每一个程序员 都应了解界面的设计原则、方法及技巧。
文字 白 白 白 白 白 黄 黄 黄 蓝 红 颜色 色 色 色 色 色ຫໍສະໝຸດ Baidu色 色 色 色 色
背景 蓝 黑 紫 绿 红 蓝 黑 红 白 白 颜色 色 色 色 色 色 色 色 色 色 色
3 7 媒体的组合原则 媒体界面的设计并不在于仅向用户提供丰富的
媒体, 而应在于将各种媒体有机地结合起来, 以便更 有效地传递信息。 3 7 1 选取适当的文本字体
在系统中对用户的重要操作及时地提供反馈信 息十分重要, 如告诉用户软件运行的进度等, 这些反 馈信息使用户感到他在控制软件, 而不是死机。
用户需要等待可参考以下几种形式进行设计。 在需等待时间较短( 0~ 10 s) 的情况下应将鼠标显示 成沙漏; 在处理需 10~ 18 s 时, 可显示处理进度; 当 需 18 s 以上时, 要显示这个处理窗口或显示进度条。 4 4 输入操作简单且具有容错处理
简明性原则就是力求界面的简单化。从美学 的角度来讲, 整洁、简单明了的设计常常更可取。 对于应用程序而言, 如果界面看上去很难, 用户使 用也会感到非常的不便。要创建看上去用起来都 很简单的界面, 需要对界面进行深入研究。 3 5 动感性原则[ 2]
用户界面往往使用各种显示效果, 来表达特 定的设计意图, 界面可选择静态或动态显示, 动感 的显示是对象功能的可见线索, 可带给用户不同 的信息。按下按钮、旋转旋钮和点亮电灯的开关 等都能进行动感表示, 用户一看到它们就可以看 出其用处。但不管怎样, 各种显示效果都必须促 进内容与形式的统一。 3 6 色彩的使用、搭配原则
相关文档
最新文档