VB界面设计的基础

不必成为创建用户界面的艺术家－大多数用户界面设计的原则，与任意一门基础艺术课中所讲授的基础设计的原则相同。

构图、颜色等的基本的设计原则，就象它们应用在纸张或油画上一样，也能很好地在一台计算机的屏幕上应用。

虽然visual basic 能通过简单地将控件拖动并放置到窗体上而使得创建用户界面非常容易，但是，在设计之前稍微计划一下就能使应用程序的可用性有很大的改观。

可能须先在纸上画出窗体开始设计，决定需要哪些控件，不同元素的相对重要性，以及控件之间的关系。

构图：应用程序的观感与感觉窗体的构图或布局不仅影响它的美感，而且也极大地影响应用程序的可用性。

构图包括诸如控件的位置、元素的一致性、动感、空白空间的使用、以及设计的简单性等因素。

控件的位置在大多数界面设计中，不是所有的元素都一样重要。

仔细地设计是很有必要的，以确保越是重要的元素越要很快地显现给用户。

重要的或者频繁访问的元素应当放在显著的位置上，而不太重要的元素就应当降级到不太显著的位置上。

在大多数语言中我们习惯于在一页之中从左到右、自上到下地阅读。

对于计算机屏幕也如此，大多数用户的眼睛会首先注视屏幕的左上部位，所以最重要的元素应当放在屏幕的左上部位。

例如，如果窗体上的信息与客户有关，则它的名字字段应当显示在它能最先被看到的地方。

而按钮，如“确定”或“下一个”，应当放置在屏幕的右下部位；用户在未完成对窗体的操作之前，通常不会访问这些按钮。

把元素与控件分成组也很重要。

尽量把信息按功能或关系进行逻辑地分组。

因为他们的功能彼此相关，所以定位数据库的按钮应当被形象地分成一组，而不是分散在窗体的四处。

对信息也是一样，名字字段与地址通常分在一组，因为它们联系紧密。

在许多情况下，可以使用框架控件来帮助加强控件之间的联系。

界面元素的一致性在用户界面设计中，一致性是一种优点。

一致的外观与感觉可以在应用程序中创造一种和谐，任何东西看上去都那么协调。

如果界面缺乏一致性，则很可能引起混淆，并使应用程序看起来非常混乱、没有条理、价值降低，甚至可能引起对应用程序可靠性的怀疑。

为了保持视觉上的一致性，在开始开发应用程序之前应先创建设计策略和类型约定。

诸如控件的类型、控件的尺寸、分组的标准以及字体的选取等设计元素都应该在事先确定。

可以创建设计样板来帮助进行设计。

在visual basic 中有大量的控件可供使用，这可能引起有人想使用所有的控件。

为了避免这种引诱，选取能很好地适合特定应用程序的控件子集。

虽然列表框、组合框、网格以及树等控件都可用来表示信息列表，最好还是尽可能使用一种类型。

还有，尽量恰当地使用控件，虽然textbox 控件可以设置成只读并用来显示文本，但label 控件通常更适用于该目的。

在为控件设置属性时请保持一致性，如果在一个地方为可编辑的文本使用白色背景，除非有很好的理由，否则不要在别的地方又使用灰色。

在应用程序中不同的窗体之间保持一致性对其可用性有非常重要的作用。

如果在一个窗体上使用了灰色背景以及三维效果，而在另一个窗体上使用白色背景，则这两个窗体就显得毫不相干。

选定一种类型并在整个应用程序保持一致，即使这意味着要重新设计某些功能。

动感：窗体与其功能匹配动感是对象功能的可见线索。

虽然对这个术语也许还不熟悉，但动感的实例四处可见。

自行车上的把手，手放在它的上面，动感会将把手用手扣紧这件事显现出来。

按下按钮、旋转旋钮和点亮电灯的开关等都能进行动感表示—一看到它们就可以看出其用处。

用户界面也使用动感。

例如，用在命令按钮上的三维立体效果使得他们看上去象是被按下去的。

如果设计平面边框的命令按钮的话，就会失去这种动感，因而不能清楚地告诉用户它是一个命令按钮。

在有些情况下，平面的按钮也许是适合的，比如游戏或者多媒体应用程序；只要在整个应用程序中保持一致就很好。

文本框也提供了一种动感，用户可以期望带有边框和白色背景的框，框中包含可编辑的文本。

显示不带边框的文本框(borderstyle = 0) 也有可能，这使它看起来象一个标签，并且不能明显地提示用户它是可编辑的。

空白空间的使用在用户界面中使用空白空间有助于突出元素和改善可用性。

空白空间不必非得是白色的－它被认为是窗体控件之间以及控件四周的空白区域。

一个窗体上有太多的控件会导致界面杂乱无章，使得寻找一个字段或者控件非常困难。

在设计中需要插入空白空间来突出设计元素。

各控件之间一致的间隔以及垂直与水平方向元素的对齐也可以使设计更可用。

就象杂志中的文本那样，安排得行列整齐、行距一致，整齐的界面也会使其容易阅读。

visual basic 提供了几个工具，使得控件的间距、排列和尺寸的调整非常容易。

“排列”、“按相同大小制作”、“水平间距”、“垂直间距”和“在窗体中央”等命令都可以在“格式”菜单中找到。

保持界面的简明界面设计最重要的原则也许就是简单化。

对于应用程序而言，如果界面看上去很难，则可能程序本身也很难。

稍稍深入考虑一下便有助于创建看上去（实际上也是）用起来都很简单的界面。

从美学的角度来讲，整洁、简单明了的设计常常更可取。

在界面设计中，一个普遍易犯的错误就是力图用界面来模仿真实世界的对象。

例如，想象一下要求创建完整的保险单的应用程序。

很自然的反应就是在屏幕上设计完全仿照保险单的界面。

这就做会出现几个问题：保险单的形状与尺寸和屏幕上的有很大不同，要非常完善地复制这样的表格会将其限制在文本框与复选框中，而对用户并没有真正的好处。

最好是设计出自己的、也能提供原始保险单打印副本（带打印预览）的界面。

通过从原始保险单中创建字段的逻辑组，并使用有标签的界面或几个链接的窗体，就可以不要求滚动屏幕而显示所有的信息。

也可以使用附加的控件，比如带有选取预装入的列表框，这些控件可以减少打字工作量。

也可以取出不常用的函数并把它们移到它们自己的窗体中去，来简化许多应用程序。

提供缺省有时也可以简化应用程序；如果十个用户中有九个选取加粗的文本，就把文本粗体设为缺省值，而不要叫用户每次都选取一遍（不要忘记提供一个选项可以覆盖该缺省值）。

向导也有助于简化复杂的或不常用的任务。

简化与否最好的检验就是在应用中观察应用程序。

如果有代表性的用户没有联机帮助就不能立即完成想要完成的任务，那么就需要重新考虑设计了。

使用颜色与图象在界面上使用颜色可以增加视觉上的感染力，但是滥用的现象也时有发生。

许多显示器能够显示几百万种颜色，这很容易使人要全部使用它们。

如果在开始设计时没有仔细地考虑，颜色也会象其他基本设计原则一样，出现许多问题。

每个人对颜色的喜爱有很大的不同，用户的品味也会各不相同。

颜色能够引发强烈的情感，如果正在设计针对全球读者的程序，那么某些颜色可能有文化上的重大意义。

一般说来，最好保守传统，采用一些柔和的、更中性化的颜色。

当然，预期的读者以及试图传达的语气与情绪也会影响对颜色的选取。

明亮的红色、绿色和黄色适用于小孩子使用的应用程序，但是在银行应用程序中它很难带来财务责任心的印象。

少量明亮色彩可以有效地突出或者吸引人们对重要区域的注意。

作为经验之谈，应当尽量限制应用程序所用颜色的种类，而且色调也应该保持一致。

如果可能的话，最好坚持标准的16 色的调色板；在16 色显示器上观看时，抖动会使得其他一些颜色显示不出来。

使用颜色时另一个需要考虑的问题就是色盲。

有一些人不能分辨不同的基色（如红色与绿色）组合之间的差别。

对于有这种情况的人，绿色背景上的红色文本就会看不见。

图象和图标图片与图标的使用也可以增加应用程序的视觉上的趣味，但是，细心的设计也是必不可少的。

不用文本，图象就可以形象地传达信息，但常常不同的人对图象的理解也不一样。

带有表示各种功能的图标的工具栏，它是一种很有用的界面设备，但如果不能很容易地识别图标所表示的功能，反而会事与愿违。

在设计工具栏图标时，应查看一下其它的应用程序以了解已经创建了什么样的标准。

例如，许多应用程序用一张角上有卷边的纸来表示“新建文件”图标。

也许还有更好的比喻来表示这一功能，但改用其它的表示方法会引起用户的混淆。

考虑图象文化上的意义也非常重要。

许多程序使用田园风格的带一面旗的邮箱（图 6.21）来代表邮件功能。

这原本是美国的图标；其他国家/地区或文化的用户也许不把它看作邮箱。

图 6.21 代表信箱的图标在设计自己的图标与图象时，应尽量使它们简单。

具有多种颜色的复杂的图片，作为16×16 象素的工具栏图标，或者在高分辨率的屏幕上显示时，都不能很好地适应。

选取字体字体也是用户界面的重要部分，因为它们常常给用户传递重要的信息。

需选取在不同的分辨率和不同类型的显示器上都能容易阅读的字体。

最好尽量坚持使用简单的无衬线字体或者衬线字体。

通常手写字体或者其他装饰性字体的打印效果比屏幕上的效果更好，而且字体越小读起来越难。

除非计划按应用程序来配置字体，否则应当坚持使用标准windows 字体，如arial、new times roman 或者system。

如果用户的系统没有包含指定的字体，系统会使用替代的字体，其结果可能与设想的完全不一样。

如果正在为国际读者设计，需要调查在预想的语言里可用什么字体。

还有，在为其他语言设计时，需要考虑文本的扩展—有些语言的文本串可以多占50％以上的空间。

还有，在选取字体时，设计的一致性非常重要。

大多数情况下，不应当在应用程序中使用两种以上字体。

太多的字体会使得应用程序看上去象罚款通知单。

各种显示类型的设计microsoft windows 是与设备无关的－基于窗口的应用程序可以在许多不同显示分辨率与颜色浓度的计算机中运行。

同样，用visual basic 编写的应用程序也会在不同类型的显示器上运行，在设计应用程序时需要考虑到这一点。

设计与分辨率无关的窗体缺省情况下，当改变屏幕分辨率时，microsoft visual basic 不会改变窗体与控件的尺寸。

这就意味着在分辨率为1024 x 768 的屏幕上设计的窗体，在分辨率为640 x 480 的屏幕中运行时会伸出屏幕的边界之外。

如果想创建不管使用什么样的屏幕分辨率都能有相同比例的窗体和控件，必须在最低的分辨率下设计窗体，或者将改变窗体的代码添加到程序中去。

避免尺寸问题的最简单的方法是在640 x 480 的分辨率下设计窗体。

如果更喜欢在高一些的分辨率下工作，仍需要考虑窗体在低一些的分辨率下将如何显示。

实现这一点的方法是用“form layout”窗口预览窗体的大小和位置。

您也可以使用“resolution guides”观察在低分辨率时屏幕的哪些部分是可见的。

要切换到“resolution guides”，可以在“form layout”窗口单击鼠标右键，从弹出菜单上选择“resolution guides”菜单项。