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

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

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

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

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

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

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

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

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