淺談ＶｉｓｕａｌＢａｓｉｃ中用戶界面的設(shè)計原則

一個好的應(yīng)用程序要有美觀且實用的界面設(shè)計，用戶界面設(shè)計是應(yīng)用程序的一個重要組成部分，在設(shè)計程序時必須要合理的編排用戶界面。窗體是應(yīng)用程序的設(shè)計場所，合理安排窗體內(nèi)的各控件，是形成美觀實用的用戶界面的重要基礎(chǔ)。

VisualBasic通過在窗體上拖曳控件的方式為創(chuàng)建用戶界面提供了非常簡便的方法，窗體的設(shè)計和規(guī)劃不僅影響它本身外觀的可觀賞性，而且對應(yīng)用程序的可操作性也有很重要的作用。一個良好的用戶界面并不是只有專業(yè)的美術(shù)人員才能設(shè)計出來，大多數(shù)時候，這樣的界面設(shè)計都是由程序設(shè)計人員完成，因此了解用戶界面的設(shè)計原則，是每個程序設(shè)計人員都要做的事情。雖然在某些時候，用戶界面的設(shè)計并不是一件很重要的事情，但一個優(yōu)秀的程序員在設(shè)計應(yīng)用程序時，總是時時從用戶角度出發(fā)，以方便用戶的使用為程序設(shè)計的目標(biāo)，而用戶第一次接觸應(yīng)用程序就是從界面開始的，因此如何設(shè)計應(yīng)用程序的界面在某些方面也有一些重要的意義。

大多數(shù)用戶界面設(shè)計原則和任何基礎(chǔ)美術(shù)課程中所教授的基礎(chǔ)設(shè)計原則一樣。在計算機屏幕上組合顏色、文字、框架等的基本原則和在紙張上畫圖一樣。在開始之前做一點簡單設(shè)計會加快應(yīng)用程序的設(shè)計進程，有時，往往一個控件位置的安排就能讓程序設(shè)計人員左右為難。所以，在界面設(shè)計開始之前，可以先將設(shè)計的窗體畫在紙上，然后考慮哪些控件是所需要的，以及不同元素的重要性、控件之間的聯(lián)系等。協(xié)調(diào)界面、組織窗體的工作包括控件的位置、大小、一致性編排與其它相關(guān)內(nèi)容。

一、控件的位置拖放安排

在絕大多數(shù)的程序界面設(shè)計中，并不是所有的元素都具有相同的重要性，所以應(yīng)抓住重點，將較重要的元素定位在對用戶來說處在一目了然的位置，重要的和需要經(jīng)常訪問的元素應(yīng)當(dāng)處于顯著的位置，次要的元素則應(yīng)當(dāng)處于次要的位置。習(xí)慣的閱讀順序一般是從左到右，從上到下。按照此原則，用戶第一眼看到的應(yīng)是計算機屏幕的左上部分，因此，最重要的元素應(yīng)當(dāng)定位在這里，如同網(wǎng)頁設(shè)計一樣。比如有一條重要的數(shù)據(jù)信息，它的標(biāo)題欄應(yīng)安排放在能被用戶第一眼看到的位置，而各種操作按鈕則應(yīng)處于該標(biāo)題欄的下方，因為用戶通常是要使用按鈕來完成窗口的操作。將控件和元素適當(dāng)分組也是非常重要的，可以嘗試根據(jù)“功能”和“關(guān)系”來組成一個邏輯信息組。按照控件在功能上的聯(lián)系，將它們放在一起，在視覺效果上也要比將它們分散在屏幕的各處要好許多。通常情況下，可以使用“框架”控件來幫助合理編排各控件之間的關(guān)系。

二、控件的大小與一致性編排

控件的大小設(shè)置是程序設(shè)計時經(jīng)常遇到的問題，雖然操作非常簡單，但在決定控件大小時卻讓人很為難。合理設(shè)置控件的大小以達成一致性是界面設(shè)計中的重要問題之一，一致性的外觀將體現(xiàn)應(yīng)用程序的協(xié)調(diào)性。如果缺乏一致性就會使界面混亂而無序，這樣的界面將會使應(yīng)用程序看起來混亂而不嚴(yán)密，體現(xiàn)不出應(yīng)有的價值，不但給用戶的使用帶來不便，甚至還會使用戶覺得應(yīng)用程序不可靠。VisualBasic提供的控件豐富多樣，每一種都能被利用，但是，應(yīng)該拋棄使用較多不同控件的想法，而應(yīng)當(dāng)盡量使用協(xié)調(diào)性強的控件，來選擇最適合自己應(yīng)用程序的特定控件子集。當(dāng)有ListBox，ComboBox等多種控件被同時使用時，要盡可能的使它們采用同一風(fēng)格。例如，在控件中使用相同的顏色作為背景色等，如果沒有特別需要，盡量不使用鮮艷的顏色。

在應(yīng)用程序中保持不同控件的一致性對提高應(yīng)用程序的可用度來說也是非常重要的。如果兩種控件選擇了不同的顏色和顯示效果，那么應(yīng)用程序?qū)@得十分不協(xié)調(diào)。所以，在確定設(shè)計思路時，一定要堅持用同一種風(fēng)格貫穿整個應(yīng)用程序的想法，用這個思路來完成整個程序的設(shè)計。

三、合理利用空間，保持界面的簡潔。

在界面的空間使用上，應(yīng)當(dāng)形成一種簡潔明了的布局。在用戶界面中使用空白空間有助于突出元素和改善可用性。即合理使用窗體控件之間以及控件四周的空白區(qū)域。一個窗體上有太多的控件會導(dǎo)致界面雜亂無章，給尋找字段或者控件帶來不便或者困難。因此，在設(shè)計中需要插入空白空間來突出設(shè)計元素。各控件之間一致的間隔以及垂直與水平方向各元素的對齊也可以使設(shè)計更為明了，行列整齊、行距一致、整齊的界面安排也容易閱讀。在此，可以合理利用VisualBasic提供了幾個工具，以便讓控件的間距、排列和尺寸的調(diào)整變得非常容易。水平間距、垂直間距、在窗體中央、排列、按相同大小制作等菜單項都可以在“格式”菜單中找到。另外，界面設(shè)計最重要的原則就是簡潔與明了。對于應(yīng)用程序而言，如果界面看上去很難，則程序使用本身可能也比較復(fù)雜，而在設(shè)計時稍稍深入考慮，便有助于創(chuàng)建看上去和用起來都很簡單的界面。從美學(xué)的角度來講，整潔、簡單明了的設(shè)計更有可取性。在界面設(shè)計中，一個普遍易犯的錯誤就是力圖用界面來模仿現(xiàn)實世界的對象，但這樣的設(shè)計，除了對自己的設(shè)計增加難度，而對用戶并沒有真正的好處。最好的設(shè)計就是根據(jù)對現(xiàn)實對象的理解來設(shè)計出自己的、并能為用戶帶來方便的界面，并不一定要模仿顯示對象，而可以使用有標(biāo)簽的界面或幾個鏈接的窗體來顯示所有的信息，也可以使用附加的控件。比如，帶有選取預(yù)裝入的列表框，這些控件可以減少輸入工作量，還可以取出不常用的函數(shù)，并把它們移到自己的窗體中去來簡化許多應(yīng)用程序。提供缺省有時也可以簡化應(yīng)用程序，如果十個用戶中有九個選取加粗的文本，就把文本粗體設(shè)為缺省值，而不需要用戶每次都選取一遍，但要注意不要忘記提供一個選項可以覆蓋該缺省值。此外，向?qū)б灿兄诤喕瘡?fù)雜的或不常用的任務(wù)。簡化與否最好的檢驗就是在應(yīng)用中觀察應(yīng)用程序。

四、合理利用顏色、圖像和顯示效果來達成內(nèi)容與形式的統(tǒng)一

在界面上使用顏色可以增加視覺上的感染力，現(xiàn)在的許多顯示器能夠顯示上百萬種的不同顏色，這很容易使人想要全部使用它們。如果在開始設(shè)計時沒有仔細(xì)地考慮，顏色也會像其它基本設(shè)計原則一樣出現(xiàn)許多問題。每個人對顏色的喜愛有很大的不同，用戶的品味也會各不相同。顏色能夠引發(fā)強烈的情感，如果是設(shè)計針對普遍用戶的程序，那一般說來，最好保守傳統(tǒng)，采用一些柔和的、更中性化的顏色。當(dāng)然，對特定的用戶就要依據(jù)用戶自己的選擇了。少用明亮色彩可以有效地突出或者吸引人們對重要區(qū)域的注意。依據(jù)許多程序設(shè)計人員的經(jīng)驗，應(yīng)當(dāng)盡量限制應(yīng)用程序所用顏色的種類，而且色調(diào)也應(yīng)該保持一致。如果可能的話，最好堅持標(biāo)準(zhǔn)的16色的調(diào)色板，另外，圖片與圖標(biāo)的使用也可增加應(yīng)用程序視覺上的影響，所以細(xì)心的設(shè)計也是必不可少的。在某些時候不用文本而利用圖像就可以更形象地傳達信息，但常常不同的人對圖像的理解也不同。帶有表示各種功能圖標(biāo)的工具欄，是一種很有用的界面組成，但如果不能很容易地識別圖標(biāo)所表示的功能，反而會事與愿違。在設(shè)計工具欄圖標(biāo)時，應(yīng)查看一下其它的應(yīng)用程序，以了解已經(jīng)創(chuàng)建了的普遍的大眾認(rèn)可的標(biāo)準(zhǔn)。例如，用Windows的圖標(biāo)來表示相似的功能。總之，在設(shè)計自己的圖標(biāo)與圖像時，應(yīng)盡量使它們簡單。

用戶界面也廣泛使用各種顯示效果，合理的選擇顯示效果，也能表達特定的設(shè)計意圖，選擇靜態(tài)或動態(tài)顯示，可帶給用戶不同的信息。動感的顯示是對象功能的可見線索，雖然用戶可能對某個術(shù)語還不熟悉，但動態(tài)的實例可體會設(shè)計者的意圖。按下按鈕、旋轉(zhuǎn)旋鈕和點亮電燈的開關(guān)等都能進行動感表示，一看到它們就可以看出其用處。例如，用在命令按鈕上的三維立體效果使得它們看上去像是被按下去的。如果設(shè)計平面的命令按鈕，就會失去這種動感，因而不能清楚地告訴用戶這是一個命令按鈕。但在某些情況下，可能平面的按鈕是適合的，但不管怎樣，只要在整個應(yīng)用程序中合理的利用各種顯示效果并能保持一致，這都能更好的促進內(nèi)容與形式的統(tǒng)一。

五、結(jié)束語

總之，一個好的應(yīng)用程序不僅要有強大的功能，還要有美觀實用的用戶界面。界面設(shè)計不僅僅是編程的問題，也需要一定的美學(xué)修養(yǎng)。用戶界面是應(yīng)用程序的一個重要組成部分，一個應(yīng)用程序的界面往往決定了該程序的易用性與可操作性。