top
Loading...
VB應用程序的界面設計

一 前言

用戶界面是一個應用程序最重要的部分,對用戶而言,界面就是應用程序,他們感覺不到幕后正在執行的代碼。不論花多少時間和精力來編制和優化代碼,應用程序的可用性仍然在很大程度上依賴于界面的好壞。第一步就設計出非常完美的界面是十分困難的,它需要在用戶的參與下進行多次反復。要想設計出讓用戶滿意的界面,首先要知道什么是好的界面,針對自己要開發的應用程序做出初步規劃設計。

二 界面設計初步規劃

設計用戶界面之前,最好先參照 Microsoft 或其他公司的一些應用程序。在這個過程中,我們會發現許多通用的東西,比如:工具欄、狀態條、工具提示、上下文菜單以及標記對話框。同時也要憑借自己使用軟件的經驗,想一想曾經使用過的一些界面好的應用程序,哪些可以吸收利用。但要記住個人的喜好不等于用戶的喜好,必須把用戶的意見和需求吸收近來。眾所周知,用戶參與設計過程的時間越早,設計人員所花的時間和精力就越少,創建的界面就越好、越實用。

設計一個應用程序界面時,應該先對整個系統界面進行初步規劃。考慮應該使用單文檔還是多文檔樣式?需要多少個不同的窗體?菜單中將包含什么命令?要不要使用工具欄重復菜單的功能?提供什么對話框與用戶交互?需要提供什么樣的幫助?

界面設計也需要考慮應用程序的目的是什么、預期的用戶是誰等問題。經常使用的應用程序和偶爾使用的輔助程序要區別對待,用來顯示信息的應用程序與用來收集信息的應用程序也有應所不同。目標是針對初學者的應用程序,界面設計要求簡單明了,而針對有經驗用戶卻可以復雜一些。如果系統計劃發布到全球,那么語言和文化也是設計者必須考慮的內容。

三 界面控件的設計

確定好整個系統的界面風格以后,就要針對單獨的界面進行具體設計。在此過程中要考慮完成系統功能需要用到哪些控件、這些控件之間的關系以及它們的相關性和重要性。

1 符合Windows 界面準則

Windows 操作系統的主要的優點就是為所有的應用程序提供了公用的界面。如果用戶知道如何使用基于 Windows 的應用程序,就很容易學會使用其他應用程序。而與已創建的界面準則相差太遠的應用程序,不容易讓人接受。比如菜單的設計,大多數基于 Windows 的應用程序都遵循這樣的標準:"文件"菜單在最左邊,然后是"編輯"、"工具"等可選的菜單,最右邊是"幫助"菜單。如果把"幫助"菜單放在最前,便會降低應用程序的可用性。子菜單的位置也很重要,用戶本期望在"編輯"菜單下找到"復制"、"剪切"與"粘貼"等子菜單,若將它們移到"文件"菜單下會引起用戶的不可理解。不要偏離已經創建的準則太遠,除非有很好的理由這樣做。

2 確定控件的位置

在大多數界面設計中,不是所有的界面元素都一樣重要。仔細斟酌是很有必要的,以確保越是重要的元素越要快速地顯現給用戶。重要的或者頻繁訪問的元素應當放在顯著的位置上,而不太重要的元素就應當降級到不太顯著的位置上。一般情況下,用戶的眼睛會首先注視屏幕的左上部位,所以最重要的元素應當放在屏幕的左上部位。例如,如果窗體上的信息與客戶有關,則它的名字字段應當顯示在它能最先被看到的地方。而按鈕,如"確定"或"下一個",應當放置在屏幕的右下部位,用戶在未完成對窗體的操作之前,通常不會訪問這些按鈕。

把控件分成組也很重要,盡量按功能或邏輯關系進行分組。例如對數據庫操作的按鈕應當被形象地分成一組,而不是分散在窗體的四處,因為它們的功能彼此相關。在許多情況下,可以使用框架控件來幫助加強控件之間的這種聯系。

3 保證界面元素的一致性

在用戶界面設計中,一致的外觀可以在應用程序中創造一種和諧美。如果界面缺乏一致性,則使應用程序看起來非常混亂、沒有條理,降低了人們使用該應用程序的興趣。

為了保持視覺上的一致性,在開始開發應用程序之前應先創建整體設計策略。諸如控件的類型、控件的尺寸、分組的標準以及字體的選取等設計元素都應該在事先確定,可以創建設計樣板來幫助進行設計。有時完成一定的功能有許多的控件可供選擇使用,設計時應選取能最能適合特定應用程序的控件子集。雖然列表框、組合框、網格以及樹等控件都可用來表示信息列表,最好在各個界面上盡可能地使用同一種控件。

設計過程中要符合通常的約定,恰當地使用控件。雖然 TextBox 控件也可以設置其只讀屬性來顯示文本,但 Label 控件更適合于該目的。在為控件設置屬性時也要保持一致,如果在一個地方為可編輯的文本使用白色背景,除非有很好的理由,否則不要在別的地方又使用灰色。窗體的一致性對應用程序的可用性也具有非常重要的作用。如果在一個窗體上使用了灰色背景以及三維效果,而在另一個窗體上使用白色背景,則這兩個窗體就顯得毫不相干。明智的選擇是確定一種類型并在整個應用程序保持一致。

4美化界面和控件

盡量使用具有三維立體效果的控件,從而使用戶界面具有動感。例如,用在命令按鈕上的三維立體效果使得它們看上去象是被按下去的。如果設計平面邊框的命令按鈕的話,就會失去這種動感,因而不能清楚地告訴用戶它是一個命令按鈕。文本框也提供了一種動感,用戶可以期望帶有邊框和白色背景的框,框中包含可編輯的文本。顯示不帶邊框的文本框 (BorderStyle = 0) 也有可能,這使它看起來更象一個標簽,并且不能明顯地提示用戶它是可編輯的。

在用戶界面中使用空白空間有助于突出元素和改善程序可用性。空白空間是窗體控件之間以及控件四周的空白區域。一個窗體上有太多的控件會導致界面雜亂無章,使得尋找一個字段或者控件非常困難。在設計中需要插入空白空間來突出設計元素。各控件之間一致的間隔以及垂直與水平方向元素的對齊會使用戶感覺更好一些。

在界面上使用顏色會增加用戶視覺上的感染力,顏色能夠引發人們強烈的情感。每個人對顏色的喜愛有很大的不同,用戶的品味也會各不相同。一般說來,最好保守傳統,采用一些柔和的、中性化的顏色。有時為了突出或吸引人們對重要區域的注意可以使用少量明亮的色彩。預期的讀者以及試圖傳達的語氣與情緒也會影響對顏色的選取,例如明亮的紅色、綠色和黃色適用于小孩子使用的應用程序,但在銀行應用程序中不一定適合。

圖片與圖標的使用也可以增加應用界面在視覺上的趣味。帶有表示各種功能的圖標的工具欄是一種很有用的界面設備,但如果不能清晰地識別圖標所表示的功能,反而會事與愿違。在設計工具欄圖標時,應先了解約定成俗的標準。例如,許多應用程序用一張角上有卷邊的紙表示"新建文件"圖標,若改用其它的表示方法會引起用戶的混淆。考慮圖象文化上的意義也非常重要,不同的人對相同圖象的理解會不一樣。同時在設計自己的圖標與圖象時,應盡量簡單化。

字體也是用戶界面的重要部分,因為它們常常給用戶傳遞重要的信息。除非計劃按應用程序來配置字體,否則應當堅持使用標準 Windows 字體,如 Arial、New Times Roman 、System等。通常手寫字體或者其他裝飾性字體的打印效果比屏幕上的效果更好。注意不要在應用程序中使用太多的字體,也不要設置太小的字體,以免影響用戶閱讀。

界面設計中也應考慮簡單化的原則,從美學的角度來講,整潔、簡單明了的設計更可取。界面設計過程中一個容易犯的錯誤就是力圖用界面來模仿真實世界的對象,這沒有必要,對用戶也沒有真正的意義。最好是設計的界面,既能完成功能、又能讓用戶感到整潔舒心。

四 結論

總之,界面的設計要以用戶為中心,應滿足用戶的需求。在此基礎上,還要充分考慮界面的構圖或布局,界面元素的位置、界面元素的一致性等問題來美化界面,提高應用程序界面的可用性和美感。


作者:http://www.zhujiangroad.com
來源:http://www.zhujiangroad.com
北斗有巢氏 有巢氏北斗