1、用戶界面設計規范- 發表時間：2005-10-18 18:06:00 來源：中國藝術吧 作者：未知 字體： 大 中 小一個好的應用程序不僅要有強大的功能，還要有美觀實用的用戶界面。界面設計不僅僅是編程的問題，也需要一定的美學修養。用戶界面是應用程序的一個重要組成部分，一個應用程序的界面往往決定了該程序的易用性與可操作性。一、Visual Basic中用戶界面的設計原則Visual Basic通過在窗體上拖曳控件的方式為創建用戶界面提供了非常簡便的方法，窗體的設計和規劃不僅影響到它本身外觀的可觀賞性，而且對應用程序的可操作性也有很重要的作用。一個良好的用戶界面并不是只有專業的美術人員才能設計出來

2、，在大多數時候，這樣的界 面設計都是由程序設計人員完成，因此了解用戶界面的設計原則，是每個程序設計人員都要做的事情。雖然在某些時候，用戶界面的設計并不是一件很重要的事情，但一個優秀的程序員在設計應用程序時，總是時時從用戶角度出發，以方便用戶的使用為程序設計的目標，而 用戶第一次接觸應用程序就是從界面開始的，因此如何設計應用程序的界面在某些方面也有一些重要的意義。大多數用戶界面設計原則和任何基礎美術課程中所教授的基礎設計原則一樣。在計算機屏幕上組合顏色、文字、框架等的基本原則和在紙張上畫圖一樣。在開始之前作一點簡單設計會加快應用程序的設計進程，有些時候，往往一個控件位置的安排就能讓程序設計人員左

3、右為 難。所以在界面設計開始之前，可以先將設計的窗體畫在紙上，然后考慮哪些控件是所需要的，以及不同元素的重要性、控件之間的聯系等。協調界面、組織窗體的工作包括控件的位置、大小、一致性編排與其它相關內容。（一）、控件的位置拖放安排在絕大多數的程序界面設計中，并不是所有的元素都具有相同的重要性，所以應抓住重點，將較重要的元素定位在對用戶來說處在一日了然的位置，重要的和需要經常訪問的元素應當處于顯著的位置，次要的元素則應當處于次要的位置。習慣的閱讀順序一般是從左到右，從 上到下。按照此原則，用戶第一眼看到的應是計算機屏幕的左上部分，因此最重要的元素應當定位在這里，如同網頁設計一樣。比如有一條重要的數

4、據信息，它的標題欄應當安排放在能被用戶第一眼看到的位置，而各種操作按鈕則應當處于該標題欄的下方，因為用戶通常是 要使用按鈕來完成窗口的操作。將控件和元素適當分組也是非常重要的，可以嘗試根據“功能”和“關系”來組成一個邏輯信息組。按照控件在功能上的聯系，將它們放在一起，在視覺效果上也要比將它們分散在屏幕的各處要好得多。在通常情況下，可以使用“框架”控件 來幫助合理編排各控件之間的關系。（二）、控件的大小與一致性編排控件的大小設置是程序設計時經常遇到的問題，雖然操作非常簡單，但在決定控件大小時卻很讓人頭疼。合理設置控件的大小以達成一致性是界面設計中的重要問題之一，一致性的外觀將體現應用程序的協調性

5、。如果缺乏一致性就會使界面混亂而無序，這樣的界面將會使應 用程序看起來混亂而不嚴密，體現不出應有的價值，不但對用戶的使用帶來不便，甚至還會使用戶覺得應用程序不可靠。VisualBasic提供的控件豐富多樣，每一種都能被利用，但是，應該拋棄使用較多不同控件的想法，而應當盡量使用協調性強的控件，來選擇 最適合自己應用程序的特定控件子集。當有ListBox，ComboBox等多種控件被同時利用時要盡可能的使得它們采用同一風格。例如，在控件中使用相同的顏色作為背景色等，如果沒有特別需要，盡量不使用鮮艷的顏色。在應用程序中保持不同控件的一致性對提高應用程序的可用度來講也是非常重要的。如果兩種控件選擇了不

6、同的顏色和顯示效果，那么應用程序將會顯得十分不協調。所以在確定設計思路時，一定要堅持用同一種風格貫穿整個應用程序的想法，用這個思路來完成整個程序的 設計。（三）、合理利用空間，保持界面的簡潔在界面的空間使用上，應當形成一種簡潔明了的布局。在用戶界面中使用空白空間有助于突出元素和改善可用性。即合理使用窗體控件之間以及控件四周的空白區域。一個窗體上有太多的控件會導致界面雜亂無章，給尋找字段或者控件帶來不便或者困難。因此，在設計中需 要插入空白空間來突出設計元素。各控件之間一致的間隔以及垂直與水平方向各元素的對齊也可以使設計更為明了，行列整齊、行距一致、整齊的界面安排也會使其容易閱讀。在此，可以合理

7、利用VisualBasic提供了幾個工具，以便讓控件的間距、排列和尺寸的 調整變得非常容易。水平間距、垂直間距、在窗體中央、排列、按相同大小制作等菜單項都可以在“格式”菜單中找到。另外，界面設計最重要的原則就是簡潔與明了。對于應用程序而言，如果界面看上去很難，則可能程序使用本身也比較復雜，而在設計時稍稍深入考慮一下，便有助于創建看上去和用起來都很簡單的界面。從美學的角度來講，整潔、簡單明了的設計更有可取性。在界面設計 中，一個普遍易犯的錯誤就是力圖用界面來模仿現實世界的對象，但這樣的設計，除了對自己的設計增加難度，而對用戶并沒有真正的好處。最好的設計就是根據對現實對象的理解來設計出自己的、并能

8、為用戶帶來方便的界面，并不一定要模仿顯示對象，而可以使用有標簽 的界面或幾個鏈接的窗體來顯示所有的信息，也可以使用附加的控件，比如帶有選取預裝入的列表框，這些控件可以減少輸入工作量，還可以取出不常用的函數并把它們移到自己的窗體中去來簡化許多應用程序。提供缺省有時也可以簡化應用程序，如果十個用戶中有九個選 取加粗的文本，就把文本粗體設為缺省值，而不需要用戶每次都選取一遍，但要注意不要忘記提供一個選項可以覆蓋該缺省值。此外，向導也有助于簡化復雜的或不常用的任務。簡化與否最好的檢驗就是在應用中觀察應用程序。（四）、合理利用顏色、圖像和顯示效果來達成內容與形式的統一在界面上使用顏色可以增加視覺上的感染

9、力，現在的許多顯示器能夠顯示上百萬種的不同顏色，這很容易使人想要全部使用它們。如果在開始設計時沒有仔細地考慮，顏色也會像其它基本設計原則一樣出現許多問題。每個人對顏色的喜愛有很大的不同，用戶的品味也會各不 相同。顏色能夠引發強烈的情感，如果是設計針對普遍用戶的程序，那一般說來，最好保守傳統，采用一些柔和的、更中性化的顏色。當然，對特定的用戶就要依據用戶自己的選擇了。少用明亮色彩可以有效地突出或者吸引人們對重要區域的注意。依據許多程序設計人員的 經驗，應當盡量限制應用程序所用顏色的種類，而且色調也應該保持一致。如果可能的話，最好堅持標準的16色的調色板，另外，圖片與圖標的使用也可以增加應用程序視

10、覺上的影響，所以細心的設計也是必不可少的。在某些時候不用文本而利用圖像就可以更形象地傳達信息，但常常不同的人對圖像的理解也不一樣。帶有表示各種功能圖標的工具欄，是一種很有用的界面組成，但如果不能很容 易地識別圖標所表示的功能，反而會事與愿違。在設計工具欄圖標時，應查看一下其它的應用程序，以了解已經創建了的普遍的大眾可認可的標準。例如，用Windows的圖標來表示相似的功能。總之，在設計自己的圖標與圖像時，應盡量使它們簡單。用戶界面也廣泛使用各種顯示效果，合理的選擇顯示效果，也能表達特定的設計意圖，選擇靜態或動態顯示，可帶給用戶不同的信息。動感的顯示是對象功能的可見線索，雖然用戶可能對某個術語還

11、不熟悉，但動態的實例可體會設計者的意圖。按下按鈕、旋轉旋鈕和點亮電 燈的開關等都能進行動感表示，一看到它們就可以看出其用處。例如，用在命令按鈕上的三維立體效果使得它們看上去像是被按下去的。如果設計平面的命令按鈕，就會失去這種動感，因而不能清楚地告訴用戶這是一個命令按鈕。但在某些情況下，可能平面的按鈕是適合的 ，但不管怎樣，只要在整個應用程序中合理的利用各種顯示效果并能保持一致，這都能更好的促進內容與形式相統一。二、如何創建友好的用戶界面毫無疑問，應用程序的界面對用戶非常重要無論代碼多么卓越，如果用戶發現應用程序很難使用，那么難于很好地接受它。因此，在開發應用程序的過程中，開發人員必須重視用戶界

12、面的友好性。本文以VisualBasic為例，向讀 者介紹創建友好的用戶界面。 界面設計基礎 1、什么是好的界面 設計用戶界面時，最好是先看看Microsoft或其他公司比較優秀的應用程序，我們會發現許多通用的東西，比如工具欄、狀態條、工具提示、上下文菜單以及標記對話框等。也可以憑借自己使用軟件的經驗，想一想曾經使用過的一些應用程序，哪些很好用。 另外，還要注意到大多數成功的應用程序都提供多種選擇，來適應不同用戶的偏愛。例如MicrosoftWindows的“資源管理器”允許用戶通過菜單，用鍵盤或者鼠標拖放來復制文件。提供同一功能的多種操作方式，會擴大應用程序的吸引力。至少應該使 所有的功能都

13、能被鼠標和鍵盤所訪問。 2、Windows界面準則Windows操作系統的主要優點就是為所有的應用程序提供了公用的界面。知道如何使用基于Windows應用程序的用戶，很容易學會使用其他應用程序。而與創建的界面準則相差太遠的應用程序不易讓人喜歡。 菜單就是這方面很好的一個例子大多數基于Windows的應用程序都遵循這樣的標準、“文件” 菜單在最左邊，然后是“編輯”、“工具”等可選的菜單，最右邊是“幫助”菜單。子菜單的位置也很重要。用戶本期望在“編輯”菜單下找到“復制”、“剪切”與“粘貼”等子菜單，若將它們移到“文件”菜單下會引起用戶的混亂。不要偏離已經創建的準則太遠，除非 有很好的理由這樣做。3

14、、控件的位置通常，在用戶界面中，應該將重要的或者頻繁訪問的元素放在顯著的位置上，而不太重要的元素就應當降級到不太顯著的位置上，以確保越是重要的元素越要很快地顯現給用戶。 對于大多數自然語言來說，我們都習慣于在一頁之中從左到右、自上到下地閱讀。對于計算機屏幕也如此，大多數用戶的眼睛會首先注視屏幕的左上部位，所以最重要的元素應放在屏幕的左上部位。例如，如果窗體上的信息與用戶有關，則它的名字字段應當顯示在它能 最先被看到的地方。而命令按鈕，如“確定”或“下一個”，應當放置在屏幕的右下部位（因為用戶在未完成對窗體的操作之前，通常不會訪問這些按鈕）。 應當盡量把元素按功能或關系進行邏輯地分組，比如定位數

15、據庫的按鈕（如“下一條”、“最后一條”）應當被形象地分成一組，而不是分散在窗體的四處。再如，通常將各字段與地址分在一組，因為它們聯系緊密。在許多情況下，可以使用框架控件來進行分組。4、界面 元素的一致性在用戶界面設計中，一致性是一種優點。一致的外觀與感覺可以在應用程序中創造一種和諧。如果界面缺乏一致性，則很可能引起混淆，并使應用程序看起來沒有條理，甚至可能引起對應用程序可靠性的懷疑。 在VisualBasic中雖然有大量的控件可供使用，但應盡可能地選擇能很好適合特定應用程序的控件子集。例如，雖然列表框、組合框、網絡以及樹等控件都可用來表示信息列表，最好還是盡可能使用一種類型。 還有，盡量恰當地

16、使用控件，雖然TextBox控件可以設置成只讀，并用來顯示文本，但Label控件通常更適用于該目的。在為控件設置屬性時要保持一致性，如果在一個地方可編輯的文本使用白色背景，除非有很好的理由，否則不要在別的地方又使用灰色。 在應用程序中不同的窗體之間保持一致性對其可用性有非常重要的作用。如果在一個窗體上使用了灰色背景以及三維效果，而在另一個窗體上使用白色背景及二維效果，則這兩個窗體就顯得毫不相干。5、空白空間有的用戶界面中使用空白空間有助于突出元素和改善可 用性。一個窗體上有太多的控件會導致界面雜亂無章，使得尋找一個字段或者控件非常困難，在設計中需要插入空白空間來突出設計元素。 各控件之間一致的

17、間隔以及垂直與水平方向元素的對齊可以使設計更可用。就像雜志中的文本那樣，安排得行列整齊、行距一致，整齊的界面也會使其容易閱讀。 VisualBasic提供了幾個工具，使得控件的間距、排列和尺寸的調整非常容易。“排列”、“按相同大小制作”、“水平間距”、“垂直間距”和“在窗體中央”等命令都可以在“格式”菜單中找到。 6、顏色在界面上使用顏色可以增加視覺上的感染力，少量明亮色彩也可以有效地引起人們對重要區域的注意。但是，應當盡量限制應用程序所用顏色的種類，而且色調也應該保持一致。如果可能的話，最好堅持標準的16色調色板。 7、圖像和圖標 圖片與圖標的使用也可以增加應用程序在視覺上的趣味，但是，細心

18、的設計也是必不可少的，如果用戶不能很容易地識別圖標所表示的功能，就會很糟糕。在設計工具欄圖標時，應查一下其他的應用程序以了解已經創建了什么樣的標準。例如，許多應用程序用一張角上有卷 邊的紙來表示“新建文件”圖標。也許還有更好的比喻來表示這一功能。但改用其他的表示方法會引起用戶的混淆。 8、字體 字體也是用戶界面的重要部分，因為它們常常給用戶傳遞重要的信息。需要選取在不同的分辨率和不同類型的顯示器上都能容易閱讀的字體。應當盡量使用標準Windows字體，如Arial、NewTimesRoman或者System。如果使用了非標準的字體 ，那么當用戶的系統中沒有包含指定的字體時，系統會使用替代的字體

19、，其結果可能與設想的完全不一樣。 還有，在選取字體時，設計的一致性非常重要。大多數情況下，不應當在應用程序中使用兩種以上的字體。9、錯誤處理用戶在使用程序的時候總會出現這樣那樣的問題。程序設計人員在設計用戶界面時，應盡量全面地考慮可能出現的錯誤，并判斷哪一個需要用戶交互作用 ，哪一個可以按事先安排的方案解決。 1、創建容易理解的對話框偶爾應用程序中會出現錯誤，需要為解決這種情況做出判斷。這通常作為代碼的分支出現If.Then語句或者Case語句。如果這個判斷要與用戶交互，此問題通常用對話框來提交給用戶。 相信任何程序員都會使用對話框與用戶交互，關鍵問題是要采取用戶容易理解的語言。比如這樣的消息

20、、“硬盤C的扇區被損壞或不能訪問。中止、重試、忽略？”，這對一般的用戶而言不大好理解。更好的表達可以是“在C盤上存文件有問題，請把文件存于A盤。存 不存文件？” 當為應用程序創建對話框時，應想著用戶。這個消息給用戶傳達了有用的信息嗎？它容易理解嗎？命令按鈕表示的選擇明確嗎？這個選擇適合給定的條件嗎？ 2、不用對放大框的錯誤處理 當錯誤出現時不一定要打斷用戶。有時更可取的是不通知用戶而用代碼來處理錯誤，或者以不停止用戶工作流程的方法來提醒用戶。很好的例子是MicrosoftWord中的“自動更正”功能、如果普通單詞拼錯了，Word自動修改它；如果不常用單詞拼錯了 ，在其下劃一條紅線提醒用戶以后改

21、正。10、有大量的技巧可以采用（1）、在“編輯”菜單中添加“撤消”功能。對于刪除等情況，與其用“確定”對話框來打斷用戶，還不如確保他們做出正確的決定，并提供“撤消”功能以備他們以后改變主意。 （2）、在狀態欄或圖標上顯示消息。如果錯誤不影響用戶當前的任務，不要停止應用程序。使用狀態欄或亮色警告圖標來警告用戶當他們準備好后可以處理該問題。 （3）、直接改正問題。有時錯誤的解決辦法很顯然，例如，當用戶試圖存文件時磁盤已滿，則在其他驅動器中檢查尋找空間。如果空間可用，則保存該文件；在狀態欄中顯示一條消息告訴用戶做了些什么。11.設計完善的幫助體系 不論用戶界面設計得多么好，有時用戶總需要幫助。應根據

22、操作的難易程度和用戶的類別，為程序設計層次不同但相對完善的幫助體系，可以采用的方法包括建立聯機幫助、工具提示、狀態條、“這是什么”幫助等。 1.聯機幫助 聯機幫助是任何應用程序的重要部分，它通常是用戶有問題時最先查看的地方。甚至簡單的應用程序也應該提供“幫助”。 在設計“聯機幫助”時，要記住它的主要目的是回答問題。創建主題名稱與索引條目時盡量用用戶的術語，例如，“我如何格式化頁面？”比“編輯”、“頁格式”菜單更容易找到主題。 很多情況下，還要提供上下文相關的幫助，如果用戶按下F1鍵后，屏幕上立刻出現了相關的幫助畫面，用戶會感到非常滿意。 2.工具提示 工具提示是個小標簽，當鼠標指針在控件上停留

23、時即顯示相關幫助信息。當用戶在用戶界面上搜索時，工具提示是一種向他們顯示信息的好方法。 大多數VisualBasic控件都包含用來顯示工具提示的屬性ToolTipText，可以用這個屬性為控件提供工具提示，如、CmdPrint.ToolTipText“打印文檔” 3.狀態顯示 狀態顯示是提供那些不太適合工具提示的指令或消息的一種好方法，包括在VisualBasic的專業版與企業版中的狀態條控件能很好地顯示消息，Label控件也能用作狀態顯示。 在狀態顯示中顯示的文本可以用以下兩種方法之一來更新、用控件或窗體的GotFocus事件，或者用MouseMove事件。 4.“這是什么”幫助 “這是什么

24、”幫助是指當用戶選取窗體右上角的小問號并單擊控件，或者直接在控件上按下鼠標右鍵時，出現的幫助信息。“這是什么”幫助提供了和彈出式“幫助”主題的鏈接，稍復雜的應用程序就應該提供這種幫助形式。三、有關界面設計與測試的規范我在工作中總結了一些有關界面設計與測試的規范，與大家共享。 界面設計與測試規則 界面是軟件與用戶交互的最直接的層，界面的好壞決定用戶對軟件的第一印象。而且設計良好的界面能夠引導用戶自己完成相應的操作，起到向導的作用。同時界面如同人的面孔，具有吸引用戶的直接優勢。設坪俠淼慕緱婺芨沒辭崴捎湓玫母惺芎統曬母芯酰嚳從 捎誚緱嬪杓頻氖埽糜沒寫彀芨校偈滌們看蟮墓芏伎贍茉謨沒奈肪逵敕牌懈噸疃鰲殼

25、敖緱嫻納杓埔鶉砑杓迫嗽鋇鬧厥擁某潭然乖對恫還唬鋇階罱持譜韉男似穡攀艿階業那囗疑杓屏己玫慕緱嬗捎諦枰哂幸帳趺賴奶旄扯餼芫?目前流行的界面風格有三種方式、多窗體、單窗體以及資源管理器風格，無論那種風格，以下規則是應該被重視的。1、易用性：按鈕名稱應該易懂，用詞準確，屏棄沒楞兩可的字眼，要與同一界面上的其他按鈕易于區分，能望文知意最好。理想的情況是用戶不用查閱幫助就能知道該界面的功能并進行相關的正確操作。 易用性細則： 1)、完成相同或相近功能的按鈕用Frame框起來，常用按鈕要支持快捷方式。 2)、完成同一功能或任務的元素放在集中位置，減少鼠標移動的距離。 3)、按功能將界面劃分局域塊，用Fram

26、e框括起來,并要有功能說明或標題。 4)、界面要支持鍵盤自動瀏覽按鈕功能，即按Tab鍵的自動切換功能。 5)、界面上首先應輸入的和重要信息的控件在Tab順序中應當靠前,位置也應放在窗口上較醒目的位置。6)、同一界面上的控件數最好不要超過10個，多于10個時可以考慮使用分頁界面顯示。 7)、分頁界面要支持在頁面間的快捷切換，常用組合快捷鍵Ctrl+Tab 8)、默認按鈕要支持Enter及選操作，即按Enter后自動執行默認按鈕對應操作。 9)、可寫控件檢測到非法輸入后應給出說明并能自動獲得焦點。 10)、Tab鍵的順序與控件排列順序要一直，目前流行總體從上到下，同時行間從左到右的方式。 11)、

27、復選框和選項框按選擇幾率的高底而先后排列。 12)、復選框和選項框要有默認選項，并支持Tab選擇。 13)、選項數相同時多用選項框而不用下拉列表框。 14)、界面空間較小時使用下拉框而不用選項框。 15)、選項數叫少時使用選項框，相反使用下拉列表框。 16)、專業性強的軟件要使用相關的專業術語，通用性界面則提倡使用通用性詞眼。2、 規范性：通常界面設計都按Windows界面的規范來設計，即包含“菜單條、工具欄、工具廂、狀態欄、滾動條、右鍵快捷菜單”的標準格式，可以說、界面遵循規范化的程度越高，則易用性相應的就越好。小型軟件一般不提供工具廂。 規范性細則：1)、常用菜單要有命令快捷方式。 2)、

28、完成相同或相近功能的菜單用橫線隔開放在同一位置。 3)、菜單前的圖標能直觀的代表要完成的操作。 4)、菜單深度一般要求最多控制在三層以內。 5)、工具欄要求可以根據用戶的要求自己選擇定制。 6)、相同或相近功能的工具欄放在一起。 7)、工具欄中的每一個按鈕要有及時提示信息。 8)、一條工具欄的長度最長不能超出屏幕寬度。 9)、 工具欄的圖標能直觀的代表要完成的操作。 10)、系統常用的工具欄設置默認放置位置。 11)、工具欄太多時可以考慮使用工具廂。 12)、工具廂要具有可增減性，由用戶自己根據需求定制。 13)、工具廂的默認總寬度不要超過屏幕寬度的1/5。 14)、 狀態條要能顯示用戶切實需

29、要的信息，常用的有、 目前的操作、系統狀態、用戶位置、用戶信息、提示信息、錯誤信息等，如果某一操作需要的時間較長，還應該顯示進度條和進程提示。 15)、滾動條的長度要根據顯示信息的長度或寬度能及時變換，以利于用戶了解顯示信息的位置和百分比。 16)、狀態條的高度以放置五好字為宜，滾動條的寬度比狀態條的略窄。 17)、菜單和工具條要有清楚的界限;菜單要求凸出顯示，這樣在移走工具條時仍有立體感。 18)、菜單和狀態條中通常使用5號字體。工具條一般比菜單要寬，但不要寬的太多，否則看起來很不協調。 19)、右鍵快捷菜單采用與菜單相同的準則。3、幫助設施：系統應該提供詳盡而可靠的幫助文檔，在用戶使用產生

30、迷惑時可以自己尋求解決方法。 幫助設施細則。 1)、幫助文檔中的性能介紹與說明要與系統性能配套一致。(我們的系統幫助文檔都是系統的祖先時期的說明，讓人困惑)。 2)、打包新系統時，對作了修改的地方在幫助文檔中要做相應的修改。 3)、操作時要提供及時調用系統幫助的功能。常用F1。 4)、在界面上調用幫助時應該能夠及時定位到與該操作相對的幫助位置。也就是說幫助要有即時針對性。 5)、最好提供目前流行的聯機幫助格式或HTML幫助格式。 6)、用戶可以用關鍵詞在幫助索引中搜索所要的幫助，當然也應該提供幫助主題詞。 7)、如果沒有提供書面的幫助文檔的話，最好有打印幫助的功能。 8 )、在幫助中應該提供我

31、們的技術支持方式，一旦用戶難以自己解決可以方便的尋求新的幫助方式。 4、合理性：屏幕對角線相交的位置是用戶直視的地方，正上方四分之一處為易吸引用戶注意力的位置，在放置窗體時要注意利用這兩個位置。 合理性細則。 1)、父窗體或主窗體的中心位置應該在對角線焦點附近。 2)、子窗體位置應該在主窗體的左上角或正中。 3)、多個子窗體彈出時應該依次向右下方偏移，以顯示窗體出標題為宜。 4)、重要的命令按鈕與使用較頻繁的按鈕要放在界面上注目的位置。 5)、錯誤使用容易引起界面退出或關閉的按鈕不應該放在易點位置。橫排開頭或最后與豎排最后為易點位置。 6)、與正在進行的操作無關的按鈕應該加以屏蔽(Window

32、s中用灰色顯示，沒法使用該按鈕)。 7)、對可能造成數據無法恢復的操作必須提供確認信息,給用戶放棄選擇的機會。 8)、非法的輸入或操作應有足夠的提示說明。 9)、 對運行過程中出現問題而引起錯誤的地方要有提示，讓用戶明白錯誤出處，避免形成無限期的等待。 10)、提示、警告、或錯誤說明應該清楚、明了、恰當。 5、美觀與協調性： 界面應該大小適合美學觀點，感覺協調舒適，能在有效的范圍內吸引用戶的注意力。美觀與協調性細則。 1)、 長寬接近黃金點比例，切忌長寬比例失調、或寬度超過長度。 2)、 布局要合理,不宜過于密集，也不能過于空曠，合理的利用空間。 3)、 按鈕大小基本相近，忌用太長的名稱，免得

33、占用過多的界面位置。 4)、 按鈕的大小要與界面的大小和空間要協調。 5)、 避免空曠的界面上放置很大的按鈕。 6)、放置完控件后界面不應有很大的空缺位置。 7)、 字體的大小要與界面的大小比例協調, 通常使用的字體中宋體9-12較為美觀，很少使用超過12號的字體。 8)、 前景與背景色搭配合理協調，反差不宜太大，最好少用深色，如大紅、大綠等。常用色考慮使用Windows界面色調。 9)、 如果使用其他顏色，主色要柔和，具有親和力與磁力，堅決杜絕刺目的顏色。 10)、 大型系統常用的主色有"#E1E1E1"、"#EFEFEF"、"#C0C0C0

34、"等。 11)、 界面風格要保持一致，字的大小、顏色、字體要相同，除非是需要藝術處理或有特殊要求的地方。 12)、 如果窗體支持最小化和最大化或放大時，窗體上的控件也要隨著窗體而縮放；切忌只放大窗體而忽略控件的縮放。 13)、對于含有按鈕的界面一般不應該支持縮放，即右上角只有關閉功能。 14)、 通常父窗體支持縮放時，子窗體沒有必要縮放。 15)、如果能給用戶提供自定義界面風格則更好，由用戶自己選擇顏色、字體等。 6、菜單位置：菜單是界面上最重要的元素，菜單位置按照按功能來組織。 菜單設測試細則：1)、菜單通常采用“常用-主要-次要-工具-幫助”的位置排列，符合流行的Windows風

35、格。 2)、常用的有“文件”、“編輯”，“查看”等，幾乎每個系統都有這些選項，當然要根據不同的系統有所取舍。 3)、下拉菜單要根據菜單選項的含義進行分組，并切按照一定的規則進行排列，用橫線隔開。 4)、 一組菜單的使用有先后要求或有向導作用時，應該按先后次序排列。 5)、 沒有順序要求的菜單項按使用頻率和重要性排列，常用的放在開頭， 不常用的靠后放置；重要的放在開頭，次要的放在后邊。 6)、 如果菜單選項較多，應該采用加長菜單的長度而減少深度的原則排列。 7)、 菜單深度一般要求最多控制在三層以內。 8)、 對常用的菜單要有快捷命令方式，組合原則見8。 9)、對與進行的操作無關的菜單要用屏蔽的

36、方式加以處理，如果采用動態加載方式即只有需要的菜單才顯示最好。 10)、菜單前的圖標不宜太大，與字高保持一直最好。 11)、主菜單的寬度要接近，字數不應多于四個，每個菜單的字數能相同最好。 12)、主菜單數目不應太多，最好為單排布置。7、獨特性：如果一味的遵循業界的界面標準，則會喪失自己的個性.在框架符合以上規范的情況下，設計具有自己獨特風格的界面尤為重要。尤其在商業軟件流通中有著很好的遷移默化的廣告效用。 1)、安裝界面上應有單位介紹或產品介紹，并有自己的圖標。 2)、主界面，最好是大多數界面上要有公司圖標。 3)、登錄界面上要有本產品的標志，同時包含公司圖標。 4)、幫助菜單的“關于”中應

37、有版權和產品信息。 5)、公司的系列產品要保持一直的界面風格，如背景色、字體、菜單排列方式、圖標、安裝過程、按鈕用語等應該大體一致。 8、快捷方式的組合 在菜單及按鈕中使用快捷鍵可以讓喜歡使用鍵盤的用戶操作得更快一些 在西文Windows及其應用軟件中快捷鍵的使用大多是一致的。菜單中、 1)、面向事務的組合有：Ctrl-D 刪除 ；Ctrl-F 尋找 ；Ctrl H替換；Ctrl-I 插入 ；Ctrl-N 新記錄 ；Ctrl-S 保存 Ctrl- O 打開。 2)、列表：Ctrl-R ，Ctrl-G定位；Ctrl-Tab下一分頁窗口或反序瀏覽同一頁面控件；。 3)、編輯、 Ctrl-A全選；C

38、trl-C 拷貝；Ctrl-V 粘貼；Ctrl-X 剪切；Ctrl-Z撤消操作；Ctrl-Y恢復操作。 4)文件操作：Ctrl-P 打印；Ctrl-W 關閉。 5)、系統菜單： Alt-A文件；Alt-E編輯；Alt-T工具；AltW窗口；AltH幫助。 6)、MS Windows保留鍵： Ctrl-Esc 任務列表 ；Ctrl-F4 關閉窗口； Alt-F4 結束應用；Alt-Tab 下一應用 ；Enter 缺省按鈕/確認操作 ；Esc 取消按鈕/取消操作 ；Shift-F1 上下文相關幫助 。 按鈕中： 可以根據系統需要而調節，以下只是常用的組合。 Alt-Y確定(是)；Alt-C取消；A

39、lt-N 否；Alt-D刪除；Alt-Q退出；Alt-A添加；Alt-E編輯；Alt-B瀏覽；Alt-R讀；Alt-W寫。 這些快捷鍵也可以作為開發中文應用軟件的標準,但亦可使用漢語拼音的開頭字母。9、安全性考慮：在界面上通過下列方式來控制出錯幾率，會大大減少系統因用戶人為的錯誤引起的破壞。開發者應當盡量周全地考慮到各種可能發生的問題,使出錯的可能降至最小。如應用出現保護性錯誤而退出系統,這種錯誤最容易使用戶對軟件失去信心。因為這意味著用戶要中斷思路 ,并費時費力地重新登錄,而且已進行的操作也會因沒有存盤而全部丟失。 安全性細則： 1)、最重要的是排除可能會使應用非正常中止的錯誤。 2)、應當

40、注意盡可能避免用戶無意錄入無效的數據。 3)、采用相關控件限制用戶輸入值的種類。 4)、當用戶作出選擇的可能性只有兩個時,可以采用單選框。5)、當選擇的可能再多一些時,可以采用復選框,每一種選擇都是有效的,用戶不可能輸入任何一種無效的選擇。 6)、當選項特別多時，可以采用列表框，下拉式列表框。 7)、在一個應用系統中,開發者應當避免用戶作出未經授權或沒有意義的操作。 8)、對可能引起致命錯誤或系統出錯的輸入字符或動作要加限制或屏蔽。 9)、對可能發生嚴重后果的操作要有補救措施。通過補救措施用戶可以回到原來的正確狀態。 10)、對一些特殊符號的輸入、與系統使用的符號相沖突的字符等進行判斷并阻止用

41、戶輸入該字符。 11)、對錯誤操作最好支持可逆性處理，如取消系列操作。 12)、在輸入有效性字符之前應該阻止用戶進行只有輸入之后才可進行的操作。 13)、對可能造成等待時間較長的操作應該提供取消功能。 14)、特殊字符常有；;”><,、“”、|+=)-(_*&&%$#!,.。?/還有空格。 15)、與系統采用的保留字符沖突的要加以限制。 16)、在讀入用戶所輸入的信息時，根據需要選擇是否去掉前后空格。 17)、有些讀入數據庫的字段不支持中間有空格，但用戶切實需要輸入中間空格，這時要在程序中加以處理。 10、多窗口的應用與系統資源、設計良好的軟件不僅要有完備的功能，而

42、且要盡可能的占用最底限度的資源。 1)、 在多窗口系統中，有些界面要求必須保持在最頂層，避免用戶在打開多個窗口時，不停的切換甚至最小化其他窗口來顯示該窗口。 2)、在主界面載入完畢后自動卸出內存，讓出所占用的WINDOWS系統資源。 3)、關閉所有窗體，系統退出后要釋放所占的所有系統資源 ，除非是需要后臺運行的系統。 4)、盡量防止對系統的獨占使用。四、圖形用戶界面設計什么是優秀的圖形用戶界面？說到底一句話、一個優秀的用戶界面即是一個直觀的、對用戶透明的界面、用戶在首次接觸了這個軟件后就覺得一目了然，不需要多少培訓就可以方便地上手使用。說起來很簡單，可是在實際開發中，真正能夠做到這一點 卻很不

43、容易。對于Windows的開發人員，微軟公司出版的窗口界面、應用設計指南（The Windows Interface、 An Application Design Guide (1992)是在微機平臺上界面設計的公認標準。盡管隨著技術的不斷進步，會不斷地有新的窗口控件出現，而導致其中很多標準增加或修改。但是一般來講，每一個程序員都會認識到，在他們的編程過程中應當遵循某些最基本的標準，盡管他們對這些標準中某些部 分還很不熟悉，或者沒有被用到。本文將論述這樣一些已被廣大程序員和用戶普便接受的用戶界面設計的原則和規范。1用戶需求對于長期從事mainframe結構、在字符界面下進行開發的程序員來講，進

44、入Windows的客戶/服務器環境的最大障礙是，應當認識到在所編寫的軟件中用戶是所有軟件處理的中心，而不應由應用程序來決定處理過程，這種思想與PowerBuilder中事件驅動的編程方式是相對應的。一個好的圖形用戶界面(以下簡稱GUI)應當是由用戶來控制應用如何工 作，如何響應，而不是由程序員按自己的意愿把操作流程強加給用戶。當編寫事件驅動程序時，應為每一個動作或事件指定一個且唯一的響應程序。觸發這些事件、使這些響應程序執行的源動力不是應用，而是用戶。例如筆者使用MODEM撥號上網時，當線路接通后，屏 幕將依次出現下列信息，提示用戶按指定順序輸入登錄信息、Annex Command Line

45、Interpreter *Copyright(C) 1988,1995 Xylogics,Inc. Checking authorization, Please wait. Annex username、 sjhzyz Annex password、 Permission granted annex、 ppp Switching to PPP. 這就是一個典型的基于字符界面的應用軟件，登錄的全部過程都是由程序來決定的，提示用戶輸入內容。而與此相對比的是，ISP所提供的Internet In A Box軟件在電子郵件管理一項中提供了另一個用戶登錄窗口、這就是一個基于GUI的應用，在這個窗口中，用

46、戶成為軟件處理的主人，用戶可以根據自己的意愿決定這些信息的輸入順序，也可以任意修改以輸入的內容，直到點擊OK按鈕后，才真正觸發軟件登錄遠端的 服務器，或者是點擊Cancel取消登錄操作。當然在某些應用中可能會有某一部分的處理流程是固定的，用戶必須按照指定的順序輸入操作信息。為了使用戶在操作中得到引導，微軟已經在它的軟件中加入了向導（Wizard）的概念，本文將在后面的內容中討論如 何實現這一概念。在系統中對用戶的操作及時地提供反饋信息是十分重要的，這些反饋信息也許只是像警告鈴或將鼠標顯示成沙漏等一樣不起眼的反應，但是卻能使用戶樹立信心，使他感到他仍在控制軟件，而沒有死機。2提供反饋的幾種技術手

47、段微幫助。它是MDI( 多文檔界面)框下面的狀態條中的文字。窗口底部的微幫助一般有兩個作用、一是在用戶選擇菜單項或其他窗口控件時，顯示更多的文字信息來解釋或提示用戶所要進行的操作是什么，另一個用途是系統在處理進程中顯示正在進行的工作狀態，以使用戶了解系統的處理進度 ，從而免去死機的擔心。 2工具條的幫助。當鼠標停留在某一個工具欄上時，會出現一個彈出式信息框，在PowerBuilder 4.0以上的版本中，缺省顯示的是工具欄文字。也可以用菜單畫筆在工具欄文字之后加一個逗號，加入一段更長的文字來定義一個不同的工具欄說明。例如、鍵入撏順觶脭，我們將看到在帶文字的工具欄圖標上顯示的文字是撏順鰯，而彈出

48、的信息框顯示的是摴乇沼脭。 2聲音提示。在用戶可能進行破壞性操作時，用聲音及時提出警告是必要的，但是我們不能濫用，因為當用戶無法正確操作軟件或做了不希望做的事情時，聽到警告聲反而會更加煩惱，因此使用這種反饋方法時要慎用。此外在一個長處理的結束時使用聲音反饋(如警告聲或 小段悅音)也是必要的。2使用反饋的場合。在客戶/服務器環境下用戶最不能忍受的是系統反應速度慢，而在實際的應用中我們會經常遇到計算機需要比較長的時間執行一個或一批操作。在這種情況下，我們應加入反饋，讓用戶了解應用正在做什么。比如、在需等待時間較短(0-10秒)的情況下應將鼠標顯示成為沙漏，可調用函數SetPointer( Hour

49、Glass! ) 來實現這一功能； 在處理需10到18秒時，由微幫助來顯示處理進度； 當需18秒以上時，要顯示這個處理窗口，或顯示進度條； 當一個長時間的處理完成時應發出一個提示警告聲如beep(1)，這樣用戶不必總看著屏幕。23規范性和一致性我們經常使用的圖形用戶界面，如Windows、Mac、Xwindow等，都提供了一套標準的控件，經常使用計算機的用戶可能已十分了解這些 標準控件的用途，例如一個多選框在用戶用鼠標點擊后會改變其狀態，當按動滾動條上的箭頭時，屏幕將發生滾動；當點擊單選框時一般系統不會彈出一個對話框，如果不做諸如點擊按鈕或選擇菜單等類似的操作，系統也不會進入到一個什么新的操作

50、進程等等。在用戶用過 了大量應用軟件后，用戶就會對常見窗口的操作建立起一些基本概念，當他進入一個從未用過的軟件時，不會束手無策，而是會因該新軟件與已用過的某些應用相似，從而對它的使用有一定認識。這種認識程度越高，說明這一軟件越直觀，也就是軟件的用戶界面設計得越成 功。 因此每一個程序員都應當意識到他自己所開發的應用與其他程序員開發的應用都是在同一平臺上，使用的也是相同的窗口控件，用戶在其他應用上學到的對軟件的操作方法越多，可運用在新開發的應用上的也就越多。如果使用標準的方法，用戶會感到越方便，盡管他們并不 一定能意識到方便的原因所在。作為一個程序員首先應當了解窗口中不同控件的作用，不少Powe

51、rBuilder的程序員都在DOS或Mainframe的字符終端上開發過應用軟件，而對Windows的圖形界面卻比較陌生。因此作為程序員熟悉使用怎樣的控 件來完成怎樣的功能是至關重要的。當一個程序員用錯了所應使用的控件時，應用也不可能是很直觀的。 保持一致是使應用直觀的重要環關。一致性既包括使用標準的控件，也是指使用相同的信息表現方法，如在字體、標簽風格、顏色、術語、顯示錯誤信息等方面確保一致。下面是顯示信息時應當遵循的一致性標準、 * 標簽提示、字體為加重、宋體、黑色、灰底或透明、無邊框。右對齊并帶有冒號結束。如撔彰簲； * 日期、正常字體、宋體、白底黑字，3-D lowered； * 對齊

52、方法、 a. 左對齊、一般文字、單個數字、日期等。 b. 右對齊、數字、時間、日期加時間。 對于這些信息的排列大部分都是由程序員來控制的，上述顯示風格也僅供參考，更為重要的是程序員應當注意在同一軟件中表現形式的一致性。如果在同一個應用中，這些信息的表現方式不一致，會使得用戶分散注意力，因而影響這一軟件的使用。 遵循了上述一致性原則后，還應注意在一個窗口內部所有控件的布局和信息組織的藝術性，使得用戶界面美觀。在一個窗口中按tab鍵，移動聚焦的順序不能雜亂無章，在字符界面下，如DOS中，tab order的順序是先從左至右，后從上至下，而在Windows中的順序則一般應先從上至下再從左至右。一 屏

53、中首先應輸入的和重要信息的控件在tab順序中應當靠前，位置也應放在窗口上部較醒目的位置。 MS Windows應用中應當遵循的規則還有一條是可不用鼠標的原則、應用中的每一個功能只用鍵盤也應當可以完成，也就是說在設計的應用中還應加入一些必要的按鈕和菜單項。但是，許多鼠標的操作，如雙擊、拖動對象等，并不能簡單地用鍵盤來模擬即可實現，例如在 一個列表框中用鼠標雙擊其中一項可以表示選中該項內容；為了用鍵盤也能實現這一功能，必須在窗口中定義一個表示選中的按鈕，以作為實現雙擊功能的替代。又如在一個窗口中有兩個數據窗口，可以用鼠標從一個數據窗口中將一項拖出然后放到另一個中；如果只用鍵盤 ，就應當在菜單中設置

54、拷貝或移動的菜單項。 在菜單項中使用快捷鍵可以讓使用鍵盤的用戶操作更快一些，在西文Windows及其應用軟件中快捷鍵的使用大多是一致的。 面向事務的： * Ctrl-D刪除 * Ctrl-F尋找 * Ctrl-I插入 * Ctrl-N新記錄 * Ctrl-S保存 查詢/列表： * Ctrl-O * Ctrl-R 其它：* Ctrl-C拷貝 * Ctrl-H幫助 * Ctrl-P打印 * Ctrl-V粘貼 * Ctrl-W關閉 * Ctrl-X剪切 MSWindows保留鍵：* Ctrl-Tab下一窗口 * Ctrl-Esc任務列表 * Ctrl-F4關閉窗口 * Alt-F4結束應用 * Al

55、t-Tab下一應用 * Enter缺省按鈕/確認操作 * Esc取消按鈕/取消操作 * Shift-F1上下文相關幫助 這些快捷鍵也可以作為開發中文應用軟件的標準，但使用漢語拼音的開頭字母亦可。 4安全的應用軟件在應用軟件的開發中，重要的一個因素是要給用戶提供一個安全的工作環境，在軟件中不應藏有任何地雷，在用戶將要作破壞性的且難以恢復的操作時，系統應當給以應有的提示。用戶只有充分相信軟件是安全的，才會樂于使用它，才會放心地去探索這 一軟件所提供的新功能，才能更高效地使用它。 什么是安全的應用 首先最重要的，但也是最不容易實現的是排除可能會使應用非正常中止的錯誤。在任何情況下，最終用戶都不應看到

56、應用出現保護性錯誤而退出系統，這種錯誤最容易使用戶對軟件失去信心。因為這意味著用戶要中斷思路，并費時費力地重新登錄，而且已進行的操作也 會因沒有存盤而全部丟失。當然造成系統中止的原因很多，可能是網絡、硬件、系統軟件或是PowerBuilder本身的問題，但是開發者應當盡量周全地考慮到各種可能發生的問題，使出錯的可能降至最小。特別是使用PowerBuilder開發的軟件的確經 常會出現保護性錯誤，但是開發人員卻不能因此怨天尤人，而是要多做測試，選擇最為保險的方法實現相同的功能。 此外，在使用PowerBuilder編程時，還有一種常見的導致非正常中止的情況是由于程序員自己的原因造成的，這就是變量

57、聯接滯后問題，即在編譯時定義一個有效的對象類，但是在運行時卻沒有創建它的實例或這個實例已釋放（destroy）；這時如 有一段代碼引用到這一對象，系統卻無法在內存中找到它的實例，而導致中止。因此，在引用變量時，應當首先檢查它是否存在實例，例如在一個窗口中引用了另外一個窗口的對象，就應首先檢測它在執行代碼之前是否已經創建了一個實例。 在下面的例子中，win_A這一窗口對象可能在代碼執行時并沒有創建，因此我們就應當在執行前用 IsValid函數來檢查其是否有效、 IF IsValid(win_A) THEN Close(win_A) ENDIF 使用數據窗口中應注意的問題 PowerBuilder的代碼將引用很多數據窗口中的列，指代這一列的方法可以是列名也可以是列號。 列號是指這一個數據窗口在執行Select語句中排列的順序號，如果習慣于使用列號引用某列，要注意 可能在后來會在數據窗口的select語句中移動或刪除某些列，如果不能想起所有引用過這個數據窗口 的代碼，這時就有可能出現數據類型不匹配的錯誤。使用列名來引用則可以避免這類錯誤，但是這里使用的字符串，在編譯時PowerBuilder并不驗證引用得是否正確，只有在運行時，系統才可能發現使用的字符串在數據窗口中不存在，并提示錯誤，退