科研处
 通知公告  部门介绍  政策法规  科研成果  学术交流  常用下载  学报  学院首页 
title=''/title=''/title=''/title=''/title=''/title=''/title=''/title=''/title=''/
教学科研
 
 
 
 
 
title=''/
 
title=''/
 
专业设置
当前位置: 学院首页 >> 教学科研 >> 科研处 >> 正文

VisualBasic中用户界面的设计原则

2006-12-01  

 

VisualBasic通过在窗体上拖曳控件的方式为创建用户界面提供了非常简便的方法,窗体的设计和规划不仅影响到它本身外观的可观赏性,而且对应用程序的可操作性也有很重要的作用。用户界面是一个应用程序最重要的部分,对用户而言第一次接触应用程序就是从界面开始的,他们感觉不到幕后正在执行的代码。不论花多少时间和精力来编制和优化代码,应用程序的可用性仍然在很大程度上依赖于界面的好坏。第一步就设计出非常完美的界面是十分困难的,它需要在用户的参与下进行多次反复。要想设计出让用户满意的界面,首先要知道什么是好的界面,针对自己要开发的应用程序做出初步规划设计。

界面设计需要考虑应用程序的目的是什么、预期的用户是谁等问题。经常使用的应用程序和偶尔使用的辅助程序要区别对待,用来显示信息的应用程序与用来收集信息的应用程序也有应所不同。目标是针对初学者的应用程序,界面设计要求简单明了,而针对有经验用户却可以复杂一些。

大多数用户界面设计原则和基础美术课程中所讲的基础设计原则一样。在计算机屏幕上组合颜色、文字、框架等的基本原则和在纸张上画图一样。在开始之前作一点简单设计会加快应用程序的设计进程,有些时候,往往一个控件位置的安排就能让程序设计人员左右为难。所以在界面设计开始之前,可以先将设计的窗体画在纸上,然后考虑哪些控件是所需要的,以及不同元素的重要性、控件之间的联系等。

协调界面、组织窗体的工作包括控件的位置、大小、一致性编排与其它相关内容。

一、控件的位置拖放安排

在绝大多数的程序界面设计中,并不是所有的元素都具有相同的重要性,所以应抓住重点,将较重要的元素定位在对用户来说处一日了然的位置,重要的和需要经常访问的元素处于显著的位置,次要的元素则处于次要的位置。习惯的阅读顺序一般是从左到右,从上到下。按照此原则,用户第一眼看到的应是计算机屏幕的左上部分,因此最重要的元素应定位在这里,如同网页设计一样。比如有一条重要的数据信息,它的标题栏应安排在能被用户第一眼看到的位置,而各种操作按钮则应处于该标题栏的下方,因为用户通常是要使用这些按钮来完成窗口的操作。将控件和元素适当分组也是非常重要的,可以尝试根据“功能”和“关系”来组成一个逻辑信息组。按照控件在功能上的联系,将它们放在一起,在视觉效果上也要比将它们分散在屏幕的各处要好得多。在通常情况下,可以使用“框架”控件来帮助合理编排各控件之间的关系。

二、控件的大小与一致性编排

控件的大小设置是程序设计时经常遇到的问题,合理设置控件的大小是界面设计中的重要问题之一,一致性的外观将体现应用程序的协调性。如果缺乏一致性就会使界面混乱而无序,这样的界面将会使应用程序看起来混乱而不严密,体现不出应有的价值,VisualBasic提供的控件丰富多样,每一种都能被利用,但应该避免使用较多不同控件,而应尽量使用协调性强的控件,来选择最适合自己应用程序的特定控件子集。当有textBox,ComboBox等多种控件被同时利用时要尽可能的使得它们采用同一风格。例如,在控件中使用相同的颜色作为背景色等,如没有特别需要,尽量不使用鲜艳的颜色。如果两种控件选择了不同的颜色和显示效果,那么应用程序将会显得十分不协调。所以在确定设计思路时,一定要坚持用同一种风格贯穿整个应用程序的想法,用这个思路来完成整个程序的设计。

三、合理利用空间,保持界面的简洁

在界面的空间使用上,应当形成一种简洁明了的布局。在用户界面中使用空白空间有助于突出元素和改善可用性。一个窗体上有太多的控件会导致界面杂乱无章,给寻找字段或者控件带来不便或者困难。因此,在设计中需要插入空白空间来突出设计元素。各控件之间一致的间隔以及垂直与水平方向各元素的对齐也可以使设计更为明了,行列整齐、行距一致、整齐的界面安排也会使其容易阅读。在此,可以利用VisualBasic提供的工具,调整控件的间距、排列和尺寸等这些菜单项都可以在“格式”菜单中找到。

在界面设计中,一个普遍易犯的错误就是力图用界面来模仿现实世界的对象,但这样的设计,除了对自己的设计增加难度,而对用户并没有真正的好处。最好的设计就是根据对现实对象的理解来设计出自己的、并能为用户带来方便的界面,并不一定要模仿显示对象,而可以使用有标签的界面或几个链接的窗体来显示所有的信息,也可以使用附加的控件,比如带有选取预装入的列表框,这些控件可以减少输入工作量,还可以取出不常用的函数并把它们移到自己的窗体中去来简化许多应用程序。提供缺省有时也可以简化应用程序,如果十个用户中有九个选取加粗的文本,就把文本粗体设为缺省值,而不需要用户每次都选取一遍,但要注意不要忘记提供一个选项可以覆盖该缺省值。此外,向导也有助于简化复杂的或不常用的任务。简化与否最好的检验就是在应用中观察应用程序。

四、合理利用颜色、图像和显示效果来达成内容与形式的统一

在界面上使用颜色会增加用户视觉上的感染力,颜色能够引发人们强烈的情感。每个人对颜色的喜爱有很大的不同,用户的品味也会各不相同。一般说来,最好保守传统,采用一些柔和的、中性化的颜色。有时为了突出或吸引人们对重要区域的注意可以使用少量明亮的色彩。预期的读者以及试图传达的语气与情绪也会影响对颜色的选取,例如明亮的红色、绿色和黄色适用于小孩子使用的应用程序,但在银行应用程序中不一定适合。

尽量使用具有三维立体效果的控件,从而使用户界面具有动感。例如,用在命令按钮上的三维立体效果使得它们看上去象是被按下去的。如果设计平面边框的命令按钮的话,就会失去这种动感,因而不能清楚地告诉用户它是一个命令按钮。文本框也提供了一种动感,用户可以期望带有边框和白色背景的框,框中包含可编辑的文本。显示不带边框的文本框(BorderStyle = 0) 也有可能,这使它看起来更象一个标签,并且不能明显地提示用户它是可编辑的。

图片与图标的使用也可以增加应用界面在视觉上的趣味。带有表示各种功能的图标的工具栏是一种很有用的界面设备,但如果不能清晰地识别图标所表示的功能,反而会事与愿违。在设计工具栏图标时,应先了解约定成俗的标准。例如,许多应用程序用一张角上有卷边的纸表示"新建文件"图标,若改用其它的表示方法会引起用户的混淆。考虑图象文化上的意义也非常重要,不同的人对相同图象的理解会不一样。同时在设计自己的图标与图象时,应尽量简单化。

    五、结束语

总之,界面的设计要以用户为中心,应满足用户的需求。在此基础上,还要充分考虑界面的构图或布局,界面元素的位置、界面元素的一致性等问题来美化界面,提高应用程序界面的可用性和美感。

上一条:对班主任工作和班级管理工作的探讨 下一条:专业简介

关闭

版权所有:陕西财经职业技术学院
地址:陕西省咸阳市文林路一号      电话:029-33732500   33732444  33732000
Copyright @2014, 陕西财经职业技术学院  陕ICP备06007066号-1     技术支持:咸阳易维网络有限公司