不必成為創建用戶界面的藝術家-大多數用戶界面設計的原則,與任意一門基礎藝術課中所講授的基礎設計的原則相同。構圖、顏色等的基本的設計原則,就象它們應用在紙張或油畫上一樣,也能很好地在一台計算機的屏幕上應用。
雖然 Visual Basic 能通過簡單地將控件拖動並放置到窗體上而使得創建用戶界面非常容易,但是,在設計之前稍微計劃一下就能使應用程序的可用性有很大的改觀。可能須先在紙上畫出窗體開始設計,決定需要哪些控件,不同元素的相對重要性,以及控件之間的關系。
構圖:應用程序的觀感與感覺
窗體的構圖或布局不僅影響它的美感,而且也極大地影響應用程序的可用性。構圖包括諸如控件的位置、元素的一致性、動感、空白空間的使用、以及設計的簡單性等因素。
控件的位置
在大多數界面設計中,不是所有的元素都一樣重要。仔細地設計是很有必要的,以確保越是重要的元素越要很快地顯現給用戶。重要的或者頻繁訪問的元素應當放在顯著的位置上,而不太重要的元素就應當降級到不太顯著的位置上。
在大多數語言中我們習慣於在一頁之中從左到右、自上到下地閱讀。對於計算機屏幕也如此,大多數用戶的眼睛會首先注視屏幕的左上部位,所以最重要的元素應當放在屏幕的左上部位。例如,如果窗體上的信息與客戶有關,則它的名字字段應當顯示在它能最先被看到的地方。而按鈕,如“確定”或“下一個”,應當放置在屏幕的右下部位;用戶在未完成對窗體的操作之前,通常不會訪問這些按鈕。
把元素與控件分成組也很重要。盡量把信息按功能或關系進行邏輯地分組。因為他們的功能彼此相關,所以定位數據庫的按鈕應當被形象地分成一組,而不是分散在窗體的四處。對信息也是一樣,名字字段與地址通常分在一組,因為它們聯系緊密。在許多情況下,可以使用框架控件來幫助加強控件之間的聯系。
界面元素的一致性
在用戶界面設計中,一致性是一種優點。一致的外觀與感覺可以在應用程序中創造一種和諧,任何東西看上去都那麼協調。如果界面缺乏一致性,則很可能引起混淆,並使應用程序看起來非常混亂、沒有條理、價值降低,甚至可能引起對應用程序可靠性的懷疑。
為了保持視覺上的一致性,在開始開發應用程序之前應先創建設計策略和類型約定。諸如控件的類型、控件的尺寸、分組的標准以及字體的選取等設計元素都應該在事先確定。可以創建設計樣板來幫助進行設計。
在 Visual Basic 中有大量的控件可供使用,這可能引起有人想使用所有的控件。為了避免這種引誘,選取能很好地適合特定應用程序的控件子集。雖然列表框、組合框、網格以及樹等控件都可用來表示信息列表,最好還是盡可能使用一種類型。
還有,盡量恰當地使用控件,雖然 TextBox 控件可以設置成只讀並用來顯示文本,但 Label 控件通常更適用於該目的。在為控件設置屬性時請保持一致性,如果在一個地方為可編輯的文本使用白色背景,除非有很好的理由,否則不要在別的地方又使用灰色。
在應用程序中不同的窗體之間保持一致性對其可用性有非常重要的作用。如果在一個窗體上使用了灰色背景以及三維效果,而在另一個窗體上使用白色背景,則這兩個窗體就顯得毫不相干。選定一種類型並在整個應用程序保持一致,即使這意味著要重新設計某些功能。
動感:窗體與其功能匹配
動感是對象功能的可見線索。雖然對這個術語也許還不熟悉,但動感的實例四處可見。自行車上的把手,手放在它的上面,動感會將把手用手扣緊這件事顯現出來。按下按鈕、旋轉旋鈕和點亮電燈的開關等都能進行動感表示— 一看到它們就可以看出其用處。
用戶界面也使用動感。例如,用在命令按鈕上的三維立體效果使得他們看上去象是被按下去的。如果設計平面邊框的命令按鈕的話,就會失去這種動感,因而不能清楚地告訴用戶它是一個命令按鈕。在有些情況下,平面的按鈕也許是適合的,比如游戲或者多媒體應用程序;只要在整個應用程序中保持一致就很好。
文本框也提供了一種動感,用戶可以期望帶有邊框和白色背景的框,框中包含可編輯的文本。顯示不帶邊框的文本框 (BorderStyle = 0) 也有可能,這使它看起來象一個標簽,並且不能明顯地提示用戶它是可編輯的。
空白空間的使用
在用戶界面中使用空白空間有助於突出元素和改善可用性。空白空間不必非得是白色的-它被認為是窗體控件之間以及控件四周的空白區域。一個窗體上有太多的控件會導致界面雜亂無章,使得尋找一個字段或者控件非常困難。在設計中需要插入空白空間來突出設計元素。
各控件之間一致的間隔以及垂直與水平方向元素的對齊也可以使設計更可用。就象雜志中的文本那樣,安排得行列整齊、行距一致,整齊的界面也會使其容易閱讀。
Visual Basic 提供了幾個工具,使得控件的間距、排列和尺寸的調整非常容易。“排列”、“按相同大小制作”、“水平間距”、“垂直間距”和“在窗體中央”等命令都可以在“格式”菜單中找到。
保持界面的簡明
界面設計最重要的原則也許就是簡單化。對於應用程序而言,如果界面看上去很難,則可能程序本身也很難。稍稍深入考慮一下便有助於創建看上去(實際上也是)用起來都很簡單的界面。從美學的角度來講,整潔、簡單明了的設計常常更可取。