ui設(shè)計規(guī)范---論文

1、UI設(shè)計規(guī)范設(shè)計規(guī)范1.界面規(guī)范界面規(guī)范1.1.總體原則總體原則l以用戶為中心。設(shè)計由用戶控制的界面，而不是界面控制用戶。l清楚一致的設(shè)計。所有界面的風(fēng)格保持一致，所有具有相同含義的術(shù)語保持一致，且易于理解l擁有良好的直覺特征。以用戶所熟悉的現(xiàn)實世界事務(wù)的抽象來給用戶暗示和隱喻，來幫助用戶能迅速學(xué)會軟件的使用。l較快的響應(yīng)速度。l簡單且美觀。1.2.原則詳述原則詳述1.2.1.用戶控制用戶控制用戶界面設(shè)計的一個重要原則是用戶應(yīng)該總是感覺

2、在控制軟件而不是感覺被軟件所控制。l操作上假設(shè)是用戶而不是計算機(jī)或軟件開始動作。用戶扮演主動角色，而不是扮演被動角色。在需要自動執(zhí)行任務(wù)時，要以允許用戶進(jìn)行選擇或控制它的方式來實現(xiàn)該自動任務(wù)。l提供用戶自定義設(shè)置。因為用戶的技能和喜好各不相同，因此他們必須能夠個性化界面的某些方面。Windows為用戶提供了對許多這方面的訪問。您的軟件應(yīng)該反應(yīng)不同的系統(tǒng)屬性例如顏色、字體或其他選項的用戶設(shè)置。l采取交互式和易于感應(yīng)的窗口，盡量避免使用模態(tài)

3、對話框，而使用“非模式“輔助窗口。“模式“是一種狀態(tài)，它排除一般的交互，或者限制用戶只能進(jìn)行特定的交互。當(dāng)最好使用一個模式或該模式只是可替換的設(shè)計時例如，用于在一個繪圖程序中選定一個特定感覺請確保該模式是顯然的、可見的，是一個明確的用戶選定的結(jié)果，并且容易取消。l在后臺運(yùn)行長進(jìn)程時，保持前臺式交互。例如，當(dāng)正在打印一個文檔，即使該文檔不能被改變，用戶也應(yīng)該可以最小化該窗口。l諒解。用戶喜歡探索一個界面，并經(jīng)常從嘗試和錯誤中學(xué)習(xí)。一個有效

4、的界面允許交互式的發(fā)現(xiàn)，它只提供一組合適的選擇，并在用戶可能破壞系統(tǒng)或數(shù)據(jù)的情況時發(fā)出警告。如果可行，還應(yīng)提供可逆轉(zhuǎn)或可還原的操作。即使在設(shè)計得很好得界面中，用戶也可能犯錯誤。這些錯誤既可以是物理上得（偶然地指向了錯誤的命令或數(shù)據(jù)），也可以是邏輯上的（對選定哪一個命令或哪些數(shù)據(jù)做出了錯誤的決定）。有效的設(shè)計避免很可能導(dǎo)致錯誤的情況。它還包容潛在的用戶錯誤，并且使用戶易于還原。用的界面的方法是使用自然的映射和語意。界面元素的排列和表示影響

5、它們的意義和關(guān)聯(lián)。簡單還與熟悉相互關(guān)聯(lián)。熟悉的事物通常似乎更簡單。盡可能嘗試建立利用用戶已有的知識和經(jīng)歷的聯(lián)系。您可以使用漸進(jìn)揭示來幫助用戶管理復(fù)雜的事物?！皾u進(jìn)揭示“涉及到仔細(xì)的信息組織，以便只在恰當(dāng)?shù)臅r候才顯示信息。通過隱藏向用戶表達(dá)的信息，您減少了用戶必須處理的信息數(shù)量。例如，您可以使用菜單來顯示操作或選擇的列表，還可以使用對話框來顯示一組選項。漸進(jìn)揭示并不意味著對顯示信息使用非傳統(tǒng)的技術(shù)，例如需要一個修飾鍵作為訪問基本功能的唯一

6、方法，或者強(qiáng)迫用戶通過一個更長的分級交互序列。這會使用戶界面更加復(fù)雜和麻煩。l美觀。可視設(shè)計是應(yīng)用程序界面的重要部分?？梢晫傩蕴峁┝朔浅：玫挠∠螅鬟_(dá)特定對象的交互行為的重要線索。同時，出現(xiàn)在屏幕上的每一個可視元素也是很重要的，它們可能競爭用戶的注意。提供清楚地促進(jìn)用戶對表達(dá)的信息的理解的連貫環(huán)境。圖形或可視設(shè)計器的技巧對于這一方面是無價的。1.3.細(xì)節(jié)約定細(xì)節(jié)約定1.3.1.界面風(fēng)格界面風(fēng)格l使用一致性一致的外觀將使用戶界面更

7、易于理解和使用。用戶界面控件看起來應(yīng)該是一致的。l使用安排和流程在西方文化中（包括中國），人們習(xí)慣于從左到右，從上到下進(jìn)行閱讀，因此，應(yīng)該將重要信息放在上面和左邊。左上角最容易吸引起人們的注意力。l使用對齊通常，使用左對齊來使用戶界面控件更易于瀏覽。對于數(shù)值文本，應(yīng)該使用小數(shù)點(diǎn)對齊或右對齊。對于非數(shù)值文本，應(yīng)該避免使用右對齊或居中對齊。不必對什么都使用中間對齊，或者使它們保持對稱形式。在右邊或底部保留空白區(qū)域更適合習(xí)慣。l使用分組

8、將相關(guān)的用戶界面控件分成組，以體現(xiàn)它們之間的關(guān)系。同時，還要顯示相關(guān)信息。將控件放在它所作用的對象旁。使用空格、分組框、線條和標(biāo)簽，或者其它分隔符對用戶界面控件進(jìn)行分組。l使用強(qiáng)調(diào)使用焦點(diǎn)、位置、分組、層次、啟用禁用、大小、顏色或者字體等，來將注意力集中在需要首先看到的用戶界面控件上。盡量以可視的方式指明用戶接下來應(yīng)該進(jìn)行的操作。l使用可視的提示盡量使用近似的大小和間距來指出用戶界面控件是相似的，而使用不同的大小和間距來指出用戶界面

9、控件視是不同的。l使用空格使用空格來創(chuàng)建一個“透氣室“，以使窗口布局更易于理解，并且查看起來更舒服。空格的多少要適當(dāng)，不要顯得太分散。但是，要避免過多地使用空格。如果可能，盡量使窗口小一些。l警惕空洞不要到處粘貼公司或產(chǎn)品的名稱及徽標(biāo)。警惕空洞不要到處粘貼公司或產(chǎn)品的名稱及徽標(biāo)。雖然在啟動屏或“關(guān)于“框中出現(xiàn)公司或產(chǎn)品名稱及徽標(biāo)是完全可以接受的，但其他窗口中的可用空間應(yīng)該出現(xiàn)其他內(nèi)容。如果沒有其他內(nèi)容，那么應(yīng)盡量使窗口小一些。l注

10、意大?。犑褂糜脩艚缑婵丶姆直媛示哂歇?dú)立性。使用系統(tǒng)規(guī)格（使用GetGystemMetricsAPI函數(shù)）或文本規(guī)格（使用GetTextMetrics或GetTextExtentPoint32API函數(shù)）來確定用戶界面控件的大小。任何顯示文本的對象（如對話框或定義的文本文檔）都應(yīng)該使用文本規(guī)格。l考慮使用資源或預(yù)定義的布局網(wǎng)格資源模板或預(yù)定義的布局網(wǎng)格有助于您在不同的窗口之間實現(xiàn)一致性。注意，下頁所示圖的第二個對話框，與第一個不同