軟件用戶界面設(shè)計規(guī)則

《軟件用戶界面設(shè)計規(guī)則》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、軟件用戶界面設(shè)計規(guī)則軟件用戶界面設(shè)計規(guī)則－－轉(zhuǎn)自：(lihun的BLOG)用戶界面設(shè)計基礎(chǔ)不必成為創(chuàng)建用戶界面的藝術(shù)家--大多數(shù)用戶界面設(shè)計的原則，與任意一門基礎(chǔ)藝術(shù)課中所講授的基礎(chǔ)設(shè)計的原則相同。構(gòu)圖、顏色等的基本的設(shè)計原則，就像它們應(yīng)用在紙張或油畫上一樣，也能很好地在一臺計算機的屏幕上應(yīng)用。雖然VisualBasic能通過簡單地將控件拖動并放置到窗體上而使得創(chuàng)建用戶界面非常容易，但是，在設(shè)計之前稍微計劃一下就能使應(yīng)用程序的可用性有很大地改觀。可能需先在紙上畫出窗體開始設(shè)計，決定需要哪些控件，不同元素的相對重要性，以及控件之間的關(guān)系。構(gòu)圖應(yīng)用程序的觀感與感覺

2、窗體的構(gòu)圖或布局不僅影響它的美感，而且也極大地影響應(yīng)用程序的可用性。構(gòu)圖包括諸如控件的位置、元素的一致性、動感、空白空間的使用以及設(shè)計的簡單性等因素?？丶奈恢迷诖蠖鄶?shù)界面設(shè)計中，不是所有的元素都一樣重要。仔細地設(shè)計是很有必要的，以確保越是重要的元素越要很快地顯現(xiàn)給用戶。重要的或者頻繁訪問的元素應(yīng)當放在顯著的位置上，而不太重要的元素就應(yīng)當降級到不太顯著的位置上。在大多數(shù)語言中我們習(xí)慣于在一頁之中從左到右、自上到下地閱讀。對于計算機屏幕也如此，大多數(shù)用戶的眼睛會首先注視屏幕的左上部位，所以最重要的元素應(yīng)當放在屏幕的左上部位。例如，如果窗體上的信息與客戶有關(guān)，則它

3、的名字字段應(yīng)當顯示在它能最先被看到的地方。而按鈕，如"確定"或"下一個"，應(yīng)當放置在屏幕的右下部位；用戶在未完成對窗體的操作之前，通常不會訪問這些按鈕。把元素與控件分成組也很重要。盡量把信息按功能或關(guān)系進行邏輯地分組。因為他們的功能彼此相關(guān)，所以定位數(shù)據(jù)庫的按鈕應(yīng)當被形象地分成一組，而不是分散在窗體的四處。對信息也是一樣，名字字段與地址通常分在一組，因為它們聯(lián)系緊密。在許多情況下，可以使用框架控件來幫助加強控件之間的聯(lián)系。界面元素的一致性在用戶界面設(shè)計中，一致性是一種優(yōu)點。一致的外觀與感覺可以在應(yīng)用程序中創(chuàng)造一種和諧，任何東西看上去都那么協(xié)調(diào)。如果界面缺乏一致

4、性，則很可能引起混淆，并使應(yīng)用程序看起來非常混亂、沒有條理、價值降低，甚至可能引起對應(yīng)用程序可靠性的懷疑。為了保持視覺上的一致性，在開始開發(fā)應(yīng)用程序之前應(yīng)先創(chuàng)建設(shè)計策略和類型約定。諸如控件的類型、控件的尺寸、分組的標準以及字體的選取等設(shè)計元素都應(yīng)該在事先確定?？梢詣?chuàng)建設(shè)計樣板來幫助進行設(shè)計。在VisualBasic中有大量的控件可供使用，這可能引起有人想使用所有的控件。為了避免這種引誘，選取能很好地適合特定應(yīng)用程序的控件子集。雖然列表框、組合框、網(wǎng)格以及樹等控件都可用來表示信息列表，最好還是盡可能使用一種類型。還有，盡量恰當?shù)厥褂每丶m然TextBox控件可

5、以設(shè)置成只讀并用來顯示文本，但Label控件通常更適用于該目的。在為控件設(shè)置屬性時請保持一致性，如果在一個地方為可編輯的文本使用白色背景，除非有很好的理由，否則不要在別的地方又使用灰色。在應(yīng)用程序中不同的窗體之間保持一致性對其可用性有非常重要的作用。如果在一個窗體上使用了灰色背景以及三維效果，而在另一個窗體上使用白色背景，則這兩個窗體就顯得毫不相干。選定一種類型并在整個應(yīng)用程序保持一致，即使這意味著要重新設(shè)計某些功能。動感：窗體與其功能匹配動感是對象功能的可見線索。雖然對這個術(shù)語也許還不熟悉，但動感的實例四處可見。自行車上的把手，手放在它的上面，動感會將把手用

6、手扣緊這件事顯現(xiàn)出來。按下按鈕、旋轉(zhuǎn)旋鈕和點亮電燈的開關(guān)等都能進行動感表示，一看到它們就可以看出其用處。用戶界面也使用動感。例如，用在命令按鈕上的三維立體效果使得他們看上去像是被按下去的。如果設(shè)計平面邊框的命令按鈕的話，就會失去這種動感，因而不能清楚地告訴用戶它是一個命令按鈕。在有些情況下，平面的按鈕也許是適合的，比如游戲或者多媒體應(yīng)用程序；只要在整個應(yīng)用程序中保持一致就很好。文本框也提供了一種動感，用戶可以期望帶有邊框和白色背景的框，框中包含可編輯的文本。顯示不帶邊框的文本框(BorderStyle=0)也有可能，這使它看起來像一個標簽，并且不能明顯地提示用

7、戶它是可編輯的。空白空間的使用在用戶界面中使用空白空間有助于突出元素和改善可用性?？瞻卓臻g不必非得是白色的--它被認為是窗體控件之間以及控件四周的空白區(qū)域。一個窗體上有太多的控件會導(dǎo)致界面雜亂無章，使得尋找一個字段或者控件非常困難。在設(shè)計中需要插入空白空間來突出設(shè)計元素。各控件之間一致的間隔以及垂直與水平方向元素的對齊也可以使設(shè)計更可用。就像雜志中的文本那樣，安排得行列整齊、行距一致，整齊的界面也會使其容易閱讀。VisualBasic提供了幾個工具，使得控件的間距、排列和尺寸的調(diào)整非常容易。"排列"、"按相同大小制作"、"水平間距"、"垂直間距"和"在窗體中央

8、"等命令都可以在"格式"菜單中找到。保