UI設(shè)計(jì)規(guī)范---論文

1、UI 設(shè)計(jì)規(guī)范1. 界面規(guī)范1.1. 總體原則l 以用戶為中心。設(shè)計(jì)由用戶控制的界面，而不是界面控制用戶。l 清楚一致的設(shè)計(jì)。所有界面的風(fēng)格保持一致，所有具有相同含義的術(shù)語保持一致，且易于理解l 擁有良好的直覺特征。以用戶所熟悉的現(xiàn)實(shí)世界事務(wù)的抽象來給用戶暗示和隱喻，來幫助用戶能迅速學(xué) 會(huì)軟件的使用。l 較快的響應(yīng)速度。l 簡(jiǎn)單且美觀。1.2. 原則詳述1.2.1. 用戶控制用戶界面設(shè)計(jì)的一個(gè)重要原則是用戶應(yīng)該總是感覺在控制軟件而不是感覺被軟件所控制。l 操作上假設(shè)是用戶-而不是計(jì)算機(jī)或軟件-開始動(dòng)作。用戶扮演主動(dòng)角色，而不是扮演被動(dòng)角色。在需要自動(dòng)執(zhí)行任務(wù)時(shí)，要以允許用戶進(jìn)行選擇或控制它的方

2、式來實(shí)現(xiàn)該自動(dòng)任務(wù)。l 提供用戶自定義設(shè)置。因?yàn)橛脩舻募寄芎拖埠酶鞑幌嗤?，因此他們必須能夠個(gè)性化界面的某些方面。Windows 為用戶提供了對(duì)許多這方面的訪問。 您的軟件應(yīng)該反應(yīng)不同的系統(tǒng)屬性-例如顏色、字體或其他選項(xiàng)的用戶設(shè)置。l 采取交互式和易于感應(yīng)的窗口， 盡量避免使用模態(tài)對(duì)話框， 而使用 "非模式 "輔助窗口。"模式 "是一種狀態(tài)，它排除一般的交互，或者限制用戶只能進(jìn)行特定的交互。當(dāng)最好使用一個(gè)模式或該模式只是可替換的設(shè)計(jì) 時(shí) - 例如，用于在一個(gè)繪圖程序中選定一個(gè)特定感覺- 請(qǐng)確保該模式是顯然的、可見的，是一個(gè)明確的用戶選定的結(jié)果，并且容易取消

3、。l 在后臺(tái)運(yùn)行長(zhǎng)進(jìn)程時(shí)，保持前臺(tái)式交互。例如，當(dāng)正在打印一個(gè)文檔，即使該文檔不能被改變，用戶也應(yīng)該可以最小化該窗口。l 諒解。用戶喜歡探索一個(gè)界面，并經(jīng)常從嘗試和錯(cuò)誤中學(xué)習(xí)。一個(gè)有效的界面允許交互式的發(fā)現(xiàn)，它只提供一組合適的選擇，并在用戶可能破壞系統(tǒng)或數(shù)據(jù)的情況時(shí)發(fā)出警告。如果可行，還應(yīng)提供可逆轉(zhuǎn)或可還原的操作。即使在設(shè)計(jì)得很好得界面中，用戶也可能犯錯(cuò)誤。這些錯(cuò)誤既可以是物理上得（偶然地指向了錯(cuò)誤的命令或數(shù)據(jù)），也可以是邏輯上的（對(duì)選定哪一個(gè)命令或哪些數(shù)據(jù)做出了錯(cuò)誤的決定）。有效的設(shè)計(jì)避免很可能導(dǎo)致錯(cuò)誤的情況。它還包容潛在的用戶錯(cuò)誤，并且使用戶易于還原。1.2.2. 清楚一致的設(shè)計(jì)一致允許用

4、戶將已有的知識(shí)傳遞到新的任務(wù)中，更快地學(xué)習(xí)新事物，并將更多的注意力集中在任務(wù)上。這是因?yàn)樗麄儾槐鼗〞r(shí)間來嘗試記住交互中的不同。通過提供一種穩(wěn)定的感覺， 一致使得界面熟悉而又可預(yù)測(cè) 。一致在界面的所有方面都是很重要的，包括命令的名稱、信息的可視表示，操作行為，以及元素在屏幕和窗口內(nèi)部的放置。l 相同含義的詞使用統(tǒng)一的術(shù)語。 比如對(duì)于倉庫中存放的物料，不可同時(shí)又稱為物品、貨物、備品、產(chǎn)品和材料等等，而統(tǒng)一約定一個(gè)稱謂，且此稱謂是用戶熟悉的和易于理解的。l 使用一組一致的命令和界面來展示常見功能。 例如， 避免一個(gè) "復(fù)制"命令在一種情況下立刻執(zhí)行一個(gè)操作，但在另一種情況顯示一個(gè)

5、對(duì)話框要求用戶鍵入目標(biāo)然后才執(zhí)行。應(yīng)該使用同樣的命令來執(zhí)行對(duì)用戶來說相似的功能。l 操作環(huán)境內(nèi)的一致。保持 Windows 提供的交互操作和界面約定之間的高度一致，用戶將能很快熟悉軟件的使用。l 使用隱喻的一致性。如果一個(gè)特定的行為更多的是一個(gè)不同的事物的特征，而不是它的隱喻的含義，那么用戶可能在學(xué)習(xí)將行為和該事物相關(guān)聯(lián)時(shí)遇到困難。例如，對(duì)于放在回收站中的對(duì)象而言，焚燒爐和廢紙籮代表不同的模型。l 建立項(xiàng)目保留字。通過建立保留字來明確和統(tǒng)一術(shù)語和操作命令。l提供可視反饋。在后臺(tái)運(yùn)行長(zhǎng)進(jìn)程時(shí)（時(shí)間超過 110秒，視具體情況而定），必須提供進(jìn)度條等信息 指示。l 除非特別必要時(shí)，不要提供聲音反饋。

6、 在有嚴(yán)重的問題發(fā)生時(shí)，可以使用聲音來提示用戶，但是通常應(yīng)該允許用戶取消聲音。l 保持文字內(nèi)容清楚。信息的表達(dá)要言簡(jiǎn)意賅，易于理解而又不羅嗦；避免使用冗長(zhǎng)的文字給用戶反饋。1.2.3. 有良好的直覺特征l 用熟悉的隱喻為用戶的任務(wù)提供直接而直觀的界面。通過允許用戶利用他們的知識(shí)和經(jīng)驗(yàn)，隱喻使得預(yù)測(cè)和學(xué)習(xí)基于軟件的表示的行為更加容易。l 在使用隱喻時(shí)，不需要將基于計(jì)算機(jī)的實(shí)現(xiàn)局限在真實(shí)世界的對(duì)應(yīng)物上范圍之內(nèi)。例如，與其基于紙張的對(duì)應(yīng)物不同， Windows 桌面上的文件夾可以被用來組織各種對(duì)象，例如打印機(jī)、計(jì)算器、以及其他文件夾。同樣， Windows 文件夾可以其真實(shí)世界對(duì)應(yīng)物不可能的方式被排

7、序。在界面中使用隱喻的目的是提供一個(gè)認(rèn)知的橋梁；隱喻并不以其自身為最終目的。l 隱喻支持用戶認(rèn)知而不是記憶。用戶記起與一個(gè)熟悉的事物相關(guān)聯(lián)的意義要比他們記起一個(gè)特定命令的名稱要容易得多。l 同常見軟件保持一致性。 出色的用戶界面在程序中將實(shí)現(xiàn)同用戶以前用過的其它成功軟件一致的動(dòng)作。1.2.4. 較快的響應(yīng)速度l 保持界面能很快對(duì)用戶操作作出反應(yīng)。l 提供快捷鍵。特別對(duì)于有大量錄入項(xiàng)的界面，能讓用戶不使用鼠標(biāo)即可完成快速數(shù)據(jù)錄入。在用戶界面中加入一些功能，這些功能可以讓熟練用戶在不同的區(qū)域快速的輸入數(shù)據(jù)。這些功能包括重復(fù)功能、快捷鍵、帶有有意義的圖標(biāo)的按鈕等等，所有這些可以使速度快的用戶可以控制

8、界面并加快數(shù)據(jù)的輸入。l 除非必要，不要重繪屏幕。1.2.5. 簡(jiǎn)單且美觀l 簡(jiǎn)單。界面應(yīng)該很簡(jiǎn)單（不是過分單純化）、易于學(xué)習(xí)、并且易于使用。它還必須提供對(duì)應(yīng)用程序的所有功能的訪問。在界面中，擴(kuò)大功能和保持簡(jiǎn)單是相互矛盾的。一個(gè)有效的設(shè)計(jì)應(yīng)該平衡這些目標(biāo)。支持簡(jiǎn)單性的一種方法是將信息的表示減少到進(jìn)行充分交流所需的最少信息。例如，避免命令名和消息的文字描述。不相關(guān)或冗長(zhǎng)的句子擾亂了您的設(shè)計(jì)，使得用戶難以很容易地提取重要信息。另一個(gè)設(shè)計(jì)簡(jiǎn)單而有用的界面的方法是使用自然的映射和語意。界面元素的排列和表示影響它們的意義和關(guān)聯(lián)。簡(jiǎn)單還與熟悉 相互關(guān)聯(lián)。熟悉的事物通常似乎更簡(jiǎn)單。盡可能嘗試建立利用用戶已有

9、的知識(shí)和經(jīng)歷的聯(lián)系。您可以使用 漸進(jìn)揭示來幫助用戶管理復(fù)雜的事物。"漸進(jìn)揭示”涉及到仔細(xì)的信息組織，以便只在恰當(dāng)?shù)臅r(shí)候才顯示信息。通過隱藏向用戶表達(dá)的信息，您減少了用戶必須處理的信息數(shù)量。例如，您可以使用菜單來顯示操作 或選擇的列表，還可以使用對(duì)話框來顯示一組選項(xiàng)。漸進(jìn)揭示并不意味著對(duì)顯示信息使用非傳統(tǒng)的技術(shù)， 例如需要一個(gè)修飾鍵作為訪問基本功能的唯一方法，或者強(qiáng)迫用戶通過一個(gè)更長(zhǎng)的分級(jí)交互序列。這會(huì)使 用戶界面更加復(fù)雜和麻煩。l美觀?？梢曉O(shè)計(jì)是應(yīng)用程序界面的重要部分?？梢晫傩蕴峁┝朔浅：玫挠∠螅鬟_(dá)特定對(duì)象的交互行 為的重要線索。同時(shí)，出現(xiàn)在屏幕上的每一個(gè)可視元素也是很重要的，它

10、們可能競(jìng)爭(zhēng)用戶的注意。提供清 楚地促進(jìn)用戶對(duì)表達(dá)的信息的理解的連貫環(huán)境。圖形或可視設(shè)計(jì)器的技巧對(duì)于這一方面是無價(jià)的。1.3. 細(xì)節(jié)約定1.3.1. 界面風(fēng)格i使用一致性 一致的外觀將使用戶界面更易于理解和使用。用戶界面控件看起來應(yīng)該是一致的。i使用安排和流程在西方文化中（包括中國），人們習(xí)慣于從左到右，從上到下進(jìn)行閱讀，因此，應(yīng)該將重要信息放在上面和左邊。左上角最容易吸引起人們的注意力。i使用對(duì)齊 通常，使用左對(duì)齊來使用戶界面控件更易于瀏覽。對(duì)于數(shù)值文本，應(yīng)該使用小數(shù)點(diǎn)對(duì)齊或右 對(duì)齊。對(duì)于非數(shù)值文本，應(yīng)該避免使用右對(duì)齊或居中對(duì)齊。不必對(duì)什么都使用中間對(duì)齊，或者使它們保持 對(duì)稱形式。在右邊或底部

11、保留空白區(qū)域更適合習(xí)慣。i使用分組 將相關(guān)的用戶界面控件分成組，以體現(xiàn)它們之間的關(guān)系。同時(shí)，還要顯示相關(guān)信息。將控件 放在它所作用的對(duì)象旁。使用空格、分組框、線條和標(biāo)簽，或者其它分隔符對(duì)用戶界面控件進(jìn)行分組。i使用強(qiáng)調(diào) 使用焦點(diǎn)、位置、分組、層次、啟用/禁用、大小、顏色或者字體等，來將注意力集中在需要首先看到的用戶界面控件上。盡量以可視的方式指明用戶接下來應(yīng)該進(jìn)行的操作。i使用可視的提示盡量使用近似的大小和間距來指出用戶界面控件是相似的，而使用不同的大小和間距來指出用戶界面控件視是不同的。i使用空格 使用空格來創(chuàng)建一個(gè)"透氣室"。以使窗口布局更易于理解，并且查看起來更舒服。

12、空格的多少 要適當(dāng)，不要顯得太分散。但是，要避免過多地使用空格。如果可能，盡量使窗口小一些。i警惕空洞不要到處粘貼公司或產(chǎn)品的名稱及徽標(biāo)。雖然在啟動(dòng)屏或"關(guān)于"框中出現(xiàn)公司或產(chǎn)品名稱及徽標(biāo)是完全可以接受的，但其他窗口中的可用空間應(yīng)該出現(xiàn)其他內(nèi)容。如果沒有其他內(nèi)容，那么應(yīng)盡量使窗 口小一些。i注意大小 使用用戶界面控件的分辨率具有獨(dú)立性。使用系統(tǒng)規(guī)格（使用 GetGystemMetrics API 函數(shù)） 或文本規(guī)格（使用 GetTextMetrics 或GetTextExtentPoint32 API函數(shù)）來確定用戶界面控件的大小。任 何顯示文本的對(duì)象（如對(duì)話框或定義的文本

13、文檔）都應(yīng)該使用文本規(guī)格。l考慮使用資源或預(yù)定義的布局網(wǎng)格資源模板或預(yù)定義的布局網(wǎng)格有助于您在不同的窗口之間實(shí)現(xiàn)一致性。注意，下頁所示圖的第二個(gè)對(duì)話框，與第一個(gè)不同，它有一個(gè)緊湊、從左到右、從上到下的流程，并且，左對(duì)齊的標(biāo)簽很便于瀏覽；通過對(duì)齊編輯框并調(diào)整其大小，使它顯得更有組織，更加平衡。不合理的平衡的對(duì)話框1.3.2. 統(tǒng)一術(shù)語1.3.2.1. 術(shù)語的重要性我們用名稱來區(qū)別、描述和查找事物，使用名稱來分解并理解不熟悉的事物。采用統(tǒng)一的術(shù)語有助于 我們更好地理解和進(jìn)行交流-簡(jiǎn)化并統(tǒng)一用戶界面術(shù)語有助于用戶理解和充分應(yīng)用我們?cè)O(shè)計(jì)的界面。使用不同的術(shù)語描述相同的事物是最讓人迷惑的，而改變?nèi)巳硕家?/p>

14、經(jīng)熟悉的術(shù)語也是有害的。這兩種情況都使得程序難以討論、描述，以及歸檔。甚至使它難以編程。1.3.2.2. 命名下面是一些需要命名的、與界面有關(guān)的典型對(duì)象： 程序本身； 程序使用的文檔類型； 用戶利用程序執(zhí)行的主要操作； 所有的窗口、對(duì)話框和屬性表； 主程序窗口中的使用區(qū)域； 認(rèn)為非標(biāo)準(zhǔn)的屏幕對(duì)象、命令、屬性、交互、或者技術(shù)。簡(jiǎn)而言之，用戶可以看到或需要與其進(jìn)行交互的、顯示在菜單、工具欄、窗口、對(duì)話框、狀態(tài)欄、聯(lián) 機(jī)幫助或文檔中的任何內(nèi)容都需要有一個(gè)名稱。當(dāng)然，您將會(huì)使用已存在的標(biāo)準(zhǔn)屏幕對(duì)象的名稱。例如， 您不需要命名常用的對(duì)話框，因?yàn)樗鼈円呀?jīng)擁有名稱。1.3.2.3. 用用戶的語言說話使用軟件

15、面向的用戶所熟悉的詞語，除非您的軟件是為了程序員設(shè)計(jì)的，否則應(yīng)該避免使用計(jì)算機(jī)行話，而應(yīng)用常用的單詞代替。例如，對(duì)絕大多數(shù)用戶來說，常用單詞"separator"（分隔符）就比技術(shù)術(shù)語"delimiter" （定界符）要好得多。如果必須使用技術(shù)詞匯，那么應(yīng)采用那些用戶可能知道的術(shù)語。1.3.2.4. 要避免的術(shù)語也有些術(shù)語是千萬不要用在您的用戶界面中的。盡管"execute"執(zhí)行、"kill"（殺死）、"terminate"（結(jié)束）、"fatal"（致命的）和"ab

16、ort"（中止）這樣的術(shù)語在程序員文獻(xiàn)中是完全可接受的，但完全應(yīng)該避免出現(xiàn)在其 他的文字中。關(guān)于UI規(guī)范的幾點(diǎn)意見1、UI規(guī)范分為兩個(gè)方面：a、GUI規(guī)范，指導(dǎo)產(chǎn)品 GUI設(shè)計(jì)和GUI編碼。b、交互設(shè)計(jì)規(guī)范，指導(dǎo)產(chǎn)品設(shè)計(jì)，著重統(tǒng)一團(tuán)隊(duì)意識(shí)，作為設(shè)計(jì)產(chǎn)品交互行為的最高標(biāo)準(zhǔn)。這里大家講的主要是 GUI規(guī)范。2、GUI規(guī)范的制定時(shí)間可前可后，但是有兩個(gè)關(guān)鍵點(diǎn)：a、必須在編碼之前完成，否則就成花架子了。b、GUI規(guī)范不是一蹴而就，它和設(shè)計(jì)相互迭代，彼此補(bǔ)充，相互完善。3、GUI規(guī)范的內(nèi)容70%是通用原則，涉及產(chǎn)品圖形控件的基本屬性和構(gòu)建的基本參數(shù)和原則，30%是與項(xiàng)目或產(chǎn)品特點(diǎn)相適應(yīng)的內(nèi)容。

17、這部分內(nèi)容就是在設(shè)計(jì)過程中迭代產(chǎn)生。4、規(guī)范制定不是問題，最大的問題在于執(zhí)行。必須打破現(xiàn)有的開發(fā)流程和組織架構(gòu)，有專人負(fù)責(zé)界面編碼 和界面測(cè)試，才能保證規(guī)范能貫徹下來。讓做邏輯和函數(shù)的編碼工程師來執(zhí)行，完全不可控，走樣是自然 的，因?yàn)樗欢膊辉诤?，而且他有理由逃避?zé)任。5、規(guī)范不能直接拿出來執(zhí)行，篇幅太多，操作有難度。所以必須要讓規(guī)范落地。也就是說，要有具體的設(shè)計(jì)文檔作為執(zhí)行的依據(jù)。設(shè)計(jì)文檔按照產(chǎn)品設(shè)計(jì)思路分片分線組織，所有設(shè)計(jì)文檔結(jié)合起來就是整合的產(chǎn)品原型。所以說， GUI 設(shè)計(jì)、交互設(shè)計(jì)、設(shè)計(jì)、規(guī)范、原型，執(zhí)行是一個(gè)完整的互動(dòng)的概念，牽一發(fā)而動(dòng)全身。原文 ：UI design1. In

18、terface Specification1.1. The general principlesl user-centered. Controlled by the user interface design, rather than control the user interface.l clear and consistent design. All consistent interface style, all have the same meaning in terms consistent and easy to understandl have a good intuitive

19、features. Users are familiar with the realities of world affairs to give the user hints and abstract metaphors to help users quickly learn to use the software.l fast response.l Simple and beautiful.1.2. The principle of detailed1.2.1. User ControlUser interface design is an important principle is th

20、at the user should always feel in control of the software, rather than feeling controlled by software.l operating on the assumption that the user - not the computer or software - Start action. Users play an active role, rather than playing a passive role. Automate tasks when needed, to allow the use

21、r to select or control of its way to achieve the automated tasks.l to provide user-defined settings. Because the user's skills and preferences vary, so they must be able to personalize certain aspects of interface. Windows provide users with access to many in this area. Your software should refl

22、ect the different system attributes - such as color, font, or other options for user settings.l take an interactive and easy induction of the window as far as possible avoid the use of modal dialog boxes, the use of "non-model" secondary window. "Model" is a state, it excludes ge

23、neral interaction or restrict specific user can only interact. When is best to use a model or the model is designed to replace - for example, a drawing program for a specific selected sense - make sure the pattern is clear, visible, is a clear result of the user selected and easy to cancel.l long pr

24、ocess running in the background, keeping the former desktop interaction. For example, when a document is printed, even if the document can not be changed, the user should be able to minimize the window.l understand. Users like to explore an interface, and often learn from trial and error. An effecti

25、ve interface allows interactive discovery, only to provide a suitable alternative, and may damage the system or the user when data warned. If possible, also provide reversible or restore operation. Even in well designed interface too, the user may make mistakes. These errors can be both physically h

26、ave (accidentally points to the wrong command or data), it can be logical (to which the selected command or data which made the wrong decision). Effective design to avoid the situation is likely to cause errors. It is also inclusive of potential user errors, and enables users to easily restore.1.2.2

27、. A clear and consistent designAgreed to allow users to transfer existing knowledge to new tasks, learn new things faster and more focus on the task. This is because they do not take the time to try to remember the different interactions.By providing a sense of stability, consistency makes the inter

28、face familiar and predictable. Consistent in all aspects of the interface is very important, including the name of the command, the visual information that the operation behavior, and the elements within the screen and the window placement.l use the same word meaning a unified terminology. For examp

29、le, the materials stored in warehouse, not at the same time as items, goods, spare parts, products and materials, etc., and unified convention of a title, and this appellation is familiar and easy to understand.l Use a consistent set of commands and interface to display common features. For example,

30、 to avoid a "copy" command in a situation to perform an operation immediately, but in other cases, display a dialog box asks the user type target and then be enforced. Should use the same command to perform a similar function for the user.l within the same operating environment. Maintain t

31、he Windows interface to provide interactive operation and a high degree of consistency between the agreement, users will be able to quickly familiar with the use of the software.l use of metaphor consistency. If a particular behavior is more a feature of different things, but not its metaphorical me

32、aning, then the user may learn to act and the things associated with difficulties. For example, an object placed in the Recycle Bin, the incinerator and the waste paper basket on behalf of different models.l establishment of the project reserved words. Through the establishment of reserved words to

33、a clear and uniform terminology and operation commands.l to provide visual feedback. When a long process running in the background (more than 1 to 10 seconds,as the case may be), must provide information such as instructions progress bar.l Unless necessary, do not provide audible feedback. In a seri

34、ous problem occurs, you can use sound to prompt the user, but should generally allow users to cancel sound.l to keep text clear. The expression of information to be concise and easy to understand without wordy; to avoid lengthy text to the user feedback.1.2.3. Have a good intuitive featuresl with a

35、familiar metaphor for the user's task to provide direct and intuitive interface. By allowing users to use their knowledge and experience, metaphor and learning based on the predicted behavior of the software that much easier.l the use of metaphor, the need to limit the realization of computer-ba

36、sed counterpart in the real world on the range. For example, instead of different paper-based counterpart, Windows folder on the desktop can be used to organize various objects, such as printers, calculators, and other folders. Similarly, Windows folders can be their real world counterparts in ways

37、not possible to be sorted. The use of metaphor in the interface is intended to provide a cognitive bridge; metaphor is not the ultimate goal of its own.l metaphor to support user awareness rather than memory. The user to remember with a familiar sense of things than they associated with a specific c

38、ommand to remember the name much easier.l the same common software consistency. Excellent user interface and the program will achieve the same user previously used the software in line with other successful action.1.2.4. Fast responsel to keep the interface to quickly respond to user actions.l to pr

39、ovide shortcuts. Especially for a large number of input items of the interface that lets users do not use the mouse to complete the fast data entry. The user interface to include some features that allow experienced users in different regions of the input data quickly. These features include the rep

40、eat function, shortcut keys, buttons with meaningful icons, etc., all of which allow the user to control the speed and accelerate the data entry interface.l unless absolutely necessary, do not redraw the screen.1.2.5. Simple and beautifull simple. The interface should be very simple (not simplistic)

41、, easy to learn and easy to use. It must also provide the application access to all functions. In the interface, expanded features and keep it simple is contradictory. An effective design should balance these goals. One way to support the simplicity of the information that is reduced to the minimum

42、required for a full exchange of information. For example, to avoid the command name and message text description. Long sentences are not relevant or disturb your design, making it difficult for users to easily extract important information. Another simple and useful interface design approach is to u

43、se natural mappings and semantics. Interface elements that affect their arrangement and the significance and relevance. Interconnected with simple familiarity. Familiar things often seem to be easier. As far as possible try to build using the user has the knowledge and experience of the contact. You

44、 can use the progressive reveal to help users manage complex things. "Progressivereveal" the information relating to the carefully organized so that only just at the right time to display information. Expressed by hidden to the user information, you reduce the amount of information usersmu

45、st deal with. For example, you can use the menu to display a list of actions or choices, you can also use the dialog box to display a set of options. Progressive does not mean that the display of information reveal the use of non-traditional techniques, such as the need of a modifier key as the only

46、 way to access basic functions, or force users to interact through a longer sequence classification. This makes user interface more complicated and cumbersome.l beautiful. Visual design is an important part of the application interface. Property provides a very good visual impression, and convey a s

47、pecific object of the interactions important clues. At the same time, appears on the screen every visual element is very important, they may compete user's attention. Provide clear information for users on the expression of a coherent understanding of the environment.Graphic designer or visual s

48、kills for this aspect is priceless.1.3. Details of the agreement1.3.1. interface stylel use the same consistent look and feel will user interface easier to understand and use. User interface controls should look the same.l use arrangements and processes in Western culture (including Chinese), they a

49、re used from left to right, top to bottom reading, therefore, important information should be placed on the top and left side. From the upper left corner of the easiest to attract attention.l use the alignment usually use the left-aligned to make more easy to navigate user interface controls. For th

50、e numerical text, you should use a decimal point aligned or right aligned. For non-numeric text, and should avoid the use of right-aligned or center aligned. Do not use the middle of what are aligned, or keep them symmetrical form. The right or bottom of the blank area is more suitable for custom.l

51、use of the relevant group user interface controls are divided into groups to reflect the relationships between them. At the same time, but also display relevant information. To control its effect on the target side. Spaces, group boxes, lines and tags, or other separators to group of user interface

52、controls.l used to use stress focus, location, group, level, enable / disable, size, color or font, etc., to focus on the need to first see the user interface control. Visual way as far as possible should be specified by the user following the operation.l use to make use of visual promptsapproximate

53、 the size and spacing to that user interface controlsare similar, but different in size and spacing to that user interface controls, as is different.l use the spaces use spaces to create a "breathable room" to make easier to understand the window layout, and more comfortable view. How many

54、 spaces should be appropriate and not too dispersed. However, to avoid the excessive use of space. If possible, try to make the window smaller.l do not guard against empty paste around the company or product name and logo. Although the start screen or the "About" box appears company or pro

55、duct names and logos are perfectly acceptable, but the other windows in the available space should be no other content. If nothing else, it should try to make the window smaller.l Note that the size of user interface controlsresolution independent. Using the system specification(using GetGystemMetri

56、cs API function) or text size (using GetTextMetrics or GetTextExtentPoint32 API function) to determine the size of the user interface controls. Any display of text objects (such as the definition of the dialog box or text document) should use the text size.l consider the use of resources or a predef

57、ined grid layoutresources predefined layout template orgrid will help you to achieve consistency between different windows.Note, as shown in Figure next page the second dialog box, with the first difference, it has a compact, from left to right, top to bottom in the process, and, left-aligned labels

58、 are easy to navigate; by Alignment edit box and adjust its size, it seems more organized, more balanced.IrrationalBalance of the dialog box1.3.2. uniform terminology1.3.2.1. The importance of termsWe use names to distinguish, describe and find things, use the name to decompose and understand unfami

59、liar things. Unified terminology will help us better understand and communicate- tosimplify and harmonize terminology helps users to understand user interface and full application of our interface design.use different terminology to describe the same thing is confusing, but to change and everyone is familiar with the term harmful. Both of which makes the program difficult to discuss, describe, and archive. Even make it difficult to p