一个好的应用程序要有美观且实用的界面设计,用户界面设计是应用程序的一个重要组成部分,在设计程序时必须要合理的编排用户界面。窗体是应用程序的设计场所,合理安排窗体内的各控件,是形成美观实用的用户界面的重要基础。VisualBasic通过在窗体上拖曳控件的方式为创建用户界面提供了非常简便的方法,窗体的设计和规划不仅影响它本身外观的可观赏性,而且对应用程序的可操作性也有很重要的作用。一个良好的用户界面并不是只有专业的美术人员才能设计出来,大多数时候,这样的界面设计都是由程序设计人员完成,因此了解用户界面的设计原则,是每个程序设计人员都要做的事情。虽然在某些时候,用户界面的设计并不是一件很重要的事情,但一个优秀的程序员在设计应用程序时,总是时时从用户角度出发,以方便用户的使用为程序设计的目标,而用户第一次接触应用程序就是从界面开始的,因此如何设计应用程序的界面在某些方面也有一些重要的意义。
大多数用户界面设计原则和任何基础美术课程中所教授的基础设计原则一样。在计算机屏幕上组合颜色、文字、框架等的基本原则和在纸张上画图一样。在开始之前做一点简单设计会加快应用程序的设计进程,有时,往往一个控件位置的安排就能让程序设计人员左右为难。所以,在界面设计开始之前,可以先将设计的窗体画在纸上,然后考虑哪些控件是所需要的,以及不同元素的重要性、控件之间的联系等。协调界面、组织窗体的工作包括控件的位置、大小、一致性编排与其它相关内容。
一、控件的位置拖放安排
在绝大多数的程序界面设计中,并不是所有的元素都具有相同的重要性,所以应抓住重点,将较重要的元素定位在对用户来说处在一目了然的位置,重要的和需要经常访问的元素应当处于显著的位置,次要的元素则应当处于次要的位置。习惯的阅读顺序一般是从左到右,从上到下。按照此原则,用户第一眼看到的应是计算机屏幕的左上部分,因此,最重要的元素应当定位在这里,如同网页设计一样。比如有一条重要的数据信息,它的标题栏应安排放在能被用第一眼看到的位置,而各种操作按钮则应处于该标题栏的下方,因为用户通常是要使用按钮来完成窗口的操作。将控件和元素适当分组也是非常重要的,可以尝试根据“功能”和“关系”来组成一个逻辑信息组。按照控件在功能上的联系,将它们放在一起,在视觉效果上也要比将它们分散在屏幕的各处要好许多。通常情况下,可以使用“框架”控件来帮助合理编排各控件之间的关系。
二、控件的大小与一致性编排
控件的大小设置是程序设计时经常遇到的问题,虽然操作非常简单,但在决定控件大小时却让人很为难。合理设置控件的大小以达成一致性是界面设计中的重要问题之一,一致性的外观将体现应用程序的协调性。如果缺乏一致性就会使界面混乱而无序,这样的界面将会使应用程序看起来混乱而不严密,体现不出应有的价值,不但给用户的使用带来不便,甚至还会使用户觉得应用程序不可靠。VisualBasic提供的控件丰富多样,每一种都能被利用,但是,应该抛弃使用较多不同控件的想法,而应当尽量使用协调性强的控件,来选择最适合自己应用程序的特定控件子集。当有ListBox,ComboBox等多种控件被同时使用时,要尽可能的使它们采用同一风格。例如,在控件中使用相同的颜色作为背景色等,如果没有特别需要,尽量不使用鲜艳的颜色。在应用程序中保持不同控件的一致性对提高应用程序的可用度来说也是非常重要的。如果两种控件选择了不同的颜色和显示效果,那么应用程序将会显得十分不协调。所以,在确定设计思路时,一定要坚持用同一种风格贯穿整个应用程序的想法,用这个思路来完成整个程序的设计。
三、合理利用空间,保持界面的简洁。
在界面的空间使用上,应当形成一种简洁明了的布局。在用户界面中使用空白空间有助于突出元素和改善可用性。即合理使用窗体控件之间以及控件四周的空白区域。一个窗体上有太多的控件会导致界面杂乱无章,给寻找字段或者控件带来不便或者困难。因此,在设计中需要插入空白空间来突出设计元素。各控件之间一致的间隔以及垂直与水平方向各元素的对齐也可以使设计更为明了,行列整齐、行距一致、整齐的界面安排也容易阅读。在此,可以合理用VisualBasic提供了几个工具,以便让控件的间距、排列和尺寸的调整变得非常容易。水平间距、垂直间距、在窗体中央、排列、按相同大小制作等菜单项都可以在“格式”菜单中找到。另外,界面设计最重要的原则就是简洁与明了。对于应用程序而言,如果界面看上去很难,则程序使用本身可能也比较复杂,而在设计时稍稍深入考虑,便有助于创建看上去和用起来都很简单的界面。从美学的角度来讲,整洁、简单明了的设计更有可取性。在界面设计中,一个普遍易犯的错误就是力图用界面来模仿现实世界的对象,但这样的设计,除了对自己的设计增加难度,而对用户并没有真正的好处。最好的设计就是根据对
现实对象的理解来设计出自己的、并能为用户带来方便的界面,并不一定要模仿显示对象,而可以使用有标签的界面或几个链接的窗体来显示所有的信息,也可以使用附加的控件。比如,带有选取预装入的列表框,这些控件可以减少输入工作量,还可以取出不常用的函数,并把它们移到自己的窗体中去来简化许多应用程序。提供缺省有时也可以简化应用程序,如果十个用户中有九个选取加粗的文本,就把文本粗体设为缺省值,而不需要用户每次都选取一遍,但要注意不要忘记提供一个选项可以覆盖该缺省值。此外,向导也有助于简化复杂的或不常用的任务。简化与否最好的检验就是在应用中观察应用程序。
四、合理利用颜色、图像和显示效果来达成内容与形式的统一
在界面上使用颜色可以增加视觉上的感染力,现在的许多显示器能够显示上百万种的不同颜色,这很容易使人想要全部使用它们。如果在开始设计时没有仔细地考虑,颜色也会像其它基本设计原则一样出现许多问题。每个人对颜色的喜爱有很大的不同,用户的品味也会各不相同。颜色能够引发强烈的情感,如果是设计针对普遍用户的程序,那一般说来,最好保守传统,采用一些柔和的、更中性化的颜色。当然,对特定的用户就要依据用户自己的选择了。少用明亮色彩可以有效地突出或者吸引人们对重要区域的注意。依据许多程序设计人员的经验,应当尽量限制应用程序所用颜色的种类,而且色调也应该保持一致。如果可能的话,最好坚持标准的16色的调色板,另外,图片与图标的使用也可增加应用程序视觉上的影响,所以细心的设计也是必不可少的。在某些时候不用文本而利用图像就可以更形象地传达信息,但常常不同的人对图像的理解也不同。带有表示各种功能图标的工具栏,是一种很有用的界面组成,但如果不能很容易地识别图标所表示的功能,反而会事与愿违。在设计工具栏图标时,应查看一下其它的应用程序,以了解已经创建了的普遍的大众认可的标准。例如,用Windows的图标来表示相似的功能。总之,在设计自己的图标与图像时,应尽量使它们简单。
用户界面也广泛使用各种显示效果,合理的选择显示效果,也能表达特定的设计意图,选择静态或动态显示,可带给用户不同的信息。动感的显示是对象功能的可见线索,虽然用户可能对某个术语还不熟悉,但动态的实例可体会设计者的意图。按下按钮、旋转旋钮和点亮电灯的开关等都能进行动感表示,一看到它们就可以看出其用处。例如,用在命令按钮上的三维立体效果使得它们看上去像是被按下去的。如果设计平面的命令按钮,就会失去这种动感,因而不能清楚地告诉用户这是一个命令按钮。但在某些情况下,可能平面的按钮是适合的,但不管怎样,只要在整个应用程序中合理的利用各种显示效果并能保持一致,这都能更好的促进内容与形式的统一。
五、结束语
总之,一个好的应用程序不仅要有强大的功能,还要有美观实用的用户界面。界面设计不仅仅是编程的问题,也需要一定的美学修养。用户界面是应用程序的一个重要组成部分,一个应用程序的界面往往决定了该程序的易用性与可操作性。