UI設(shè)計規(guī)范-論文_第1頁
UI設(shè)計規(guī)范-論文_第2頁
UI設(shè)計規(guī)范-論文_第3頁
UI設(shè)計規(guī)范-論文_第4頁
UI設(shè)計規(guī)范-論文_第5頁
已閱讀5頁,還剩6頁未讀 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

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

2、的技能和喜好各不相同,因此他們必須能夠個性化界面的某些方面。Windows為用戶提供了對許多這方面的訪問。您的軟件應(yīng)該反應(yīng)不同的系統(tǒng)屬性-例如顏色、字體或其他選 項的用戶設(shè)置。l采取交互式和易于感應(yīng)的窗口, 盡量避免使用模態(tài)對話框, 而使用非模式輔助窗口。模式是一種狀態(tài), 它排除一般的交互,或者限制用戶只能進(jìn)行特定的交互。當(dāng)最好使用一個模式或該模式只是可替換的設(shè)計 時-例如,用于在一個繪圖程序中選定一個特定感覺-請確保該模式是顯然的、可見的,是一個明確的用戶選定的結(jié)果,并且容易取消。l在后臺運行長進(jìn)程時,保持前臺式交互。例如,當(dāng)正在打印一個文檔,即使該文檔不能被改變,用戶也 應(yīng)該可以最小化該窗

3、口。l諒解。用戶喜歡探索一個界面,并經(jīng)常從嘗試和錯誤中學(xué)習(xí)。一個有效的界面允許交互式的發(fā)現(xiàn),它只 提供一組合適的選擇,并在用戶可能破壞系統(tǒng)或數(shù)據(jù)的情況時發(fā)出警告。如果可行,還應(yīng)提供可逆轉(zhuǎn)或可 還原的操作。即使在設(shè)計得很好得界面中,用戶也可能犯錯誤。這些錯誤既可以是物理上得(偶然地指向 了錯誤的命令或數(shù)據(jù)),也可以是邏輯上的(對選定哪一個命令或哪些數(shù)據(jù)做出了錯誤的決定)。有效的 設(shè)計避免很可能導(dǎo)致錯誤的情況。它還包容潛在的用戶錯誤,并且使用戶易于還原。精選清楚一致的設(shè)計一致允許用戶將已有的知識傳遞到新的任務(wù)中,更快地學(xué)習(xí)新事物,并將更多的注意力集中在任務(wù)上。這是因為他們不必花時間來嘗試記住交互中

4、的不同。通過提供一種穩(wěn)定的感覺,一致使得界面熟悉而又可預(yù)測。一致在界面的所有方面都是很重要的,包括命令的名稱、信息的可視表示,操作行為,以及元素在屏 幕和窗口內(nèi)部的放置。i相同含義的詞使用統(tǒng)一的術(shù)語。比如對于倉庫中存放的物料,不可同時又稱為物品、貨物、備品、產(chǎn)品和材料等等,而統(tǒng)一約定一個稱謂,且此稱謂是用戶熟悉的和易于理解的。i使用一組一致的命令和界面來展示常見功能。例如,避免一個復(fù)制”命令在一種情況下立刻執(zhí)行一個操作,但在另一種情況顯示一個對話框要求用戶鍵入目標(biāo)然后才執(zhí)行。應(yīng)該使用同樣的命令來執(zhí)行對用戶來說相 似的功能。l操作環(huán)境內(nèi)的一致。保持 Windows提供的交互操作和界面約定之間的高

5、度一致,用戶將能很快熟悉軟件 的使用。l使用隱喻的一致性。如果一個特定的行為更多的是一個不同的事物的特征,而不是它的隱喻的含義,那 么用戶可能在學(xué)習(xí)將行為和該事物相關(guān)聯(lián)時遇到困難。例如,對于放在回收站中的對象而言,焚燒爐和廢 紙?zhí)}代表不同的模型。l建立項目保留字。通過建立保留字來明確和統(tǒng)一術(shù)語和操作命令。l提供可視反饋。在后臺運行長進(jìn)程時(時間超過110秒,視具體情況而定),必須提供進(jìn)度條等信息指示。l除非特別必要時,不要提供聲音反饋。在有嚴(yán)重的問題發(fā)生時,可以使用聲音來提示用戶,但是通常應(yīng)該允許用戶取消聲音。l保持文字內(nèi)容清楚。信息的表達(dá)要言簡意賅,易于理解而又不羅嗦;避免使用冗長的文字給用

6、戶反饋。有良好的直覺特征l用熟悉的隱喻為用戶的任務(wù)提供直接而直觀的界面。通過允許用戶利用他們的知識和經(jīng)驗,隱喻使得預(yù) 測和學(xué)習(xí)基于軟件的表示的行為更加容易。l在使用隱喻時,不需要將基于計算機(jī)的實現(xiàn)局限在真實世界的對應(yīng)物上范圍之內(nèi)。例如,與其基于紙張 的對應(yīng)物不同,Windows桌面上的文件夾可以被用來組織各種對象,例如打印機(jī)、計算器、以及其他文件 夾。同樣,Windows文件夾可以其真實世界對應(yīng)物不可能的方式被排序。在界面中使用隱喻的目的是提供 一個認(rèn)知的橋梁;隱喻并不以其自身為最終目的。l隱喻支持用戶認(rèn)知而不是記憶。用戶記起與一個熟悉的事物相關(guān)聯(lián)的意義要比他們記起一個特定命令的 名稱要容易得

7、多。l同常見軟件保持一致性。出色的用戶界面在程序中將實現(xiàn)同用戶以前用過的其它成功軟件一致的動作。較快的響應(yīng)速度l保持界面能很快對用戶操作作出反應(yīng)。l提供快捷鍵。特別對于有大量錄入項的界面,能讓用戶不使用鼠標(biāo)即可完成快速數(shù)據(jù)錄入。在用戶界面 中加入一些功能,這些功能可以讓熟練用戶在不同的區(qū)域快速的輸入數(shù)據(jù)。這些功能包括重復(fù)功能、快捷 鍵、帶有有意義的圖標(biāo)的按鈕等等,所有這些可以使速度快的用戶可以控制界面并加快數(shù)據(jù)的輸入。l除非必要,不要重繪屏幕。簡單且美觀i簡單。界面應(yīng)該很簡單(不是過分單純化)、易于學(xué)習(xí)、并且易于使用。它還必須提供對應(yīng)用程序的所 有功能的訪問。在界面中,擴(kuò)大功能和保持簡單是相互

8、矛盾的。一個有效的設(shè)計應(yīng)該平衡這些目標(biāo)。支持 簡單性的一種方法是將信息的表示減少到進(jìn)行充分交流所需的最少信息。例如,避免命令名和消息的文字 描述。不相關(guān)或冗長的句子擾亂了您的設(shè)計,使得用戶難以很容易地提取重要信息。另一個設(shè)計簡單而有精選用的界面的方法是使用自然的映射和語意。界面元素的排列和表示影響它們的意義和關(guān)聯(lián)。簡單還與熟悉 相互關(guān)聯(lián)。熟悉的事物通常似乎更簡單。盡可能嘗試建立利用用戶已有的知識和經(jīng)歷的聯(lián)系。您可以使用 漸進(jìn)揭示來幫助用戶管理復(fù)雜的事物。漸進(jìn)揭示”涉及到仔細(xì)的信息組織,以便只在恰當(dāng)?shù)臅r候才顯示信息。通過隱藏向用戶表達(dá)的信息,您減少了用戶必須處理的信息數(shù)量。例如,您可以使用菜單來

9、顯示操作 或選擇的列表,還可以使用對話框來顯示一組選項。漸進(jìn)揭示并不意味著對顯示信息使用非傳統(tǒng)的技術(shù), 例如需要一個修飾鍵作為訪問基本功能的唯一方法,或者強(qiáng)迫用戶通過一個更長的分級交互序列。這會使 用戶界面更加復(fù)雜和麻煩。l美觀。可視設(shè)計是應(yīng)用程序界面的重要部分??梢晫傩蕴峁┝朔浅:玫挠∠?,并傳達(dá)特定對象的交互行 為的重要線索。同時,出現(xiàn)在屏幕上的每一個可視元素也是很重要的,它們可能競爭用戶的注意。提供清 楚地促進(jìn)用戶對表達(dá)的信息的理解的連貫環(huán)境。圖形或可視設(shè)計器的技巧對于這一方面是無價的。細(xì)節(jié)約定界面風(fēng)格i使用一致性 一致的外觀將使用戶界面更易于理解和使用。用戶界面控件看起來應(yīng)該是一致的。i

10、使用安排和流程在西方文化中(包括中國),人們習(xí)慣于從左到右,從上到下進(jìn)行閱讀,因此,應(yīng)該將重要信息放在上面和左邊。左上角最容易吸引起人們的注意力。i使用對齊 通常,使用左對齊來使用戶界面控件更易于瀏覽。對于數(shù)值文本,應(yīng)該使用小數(shù)點對齊或右 對齊。對于非數(shù)值文本,應(yīng)該避免使用右對齊或居中對齊。不必對什么都使用中間對齊,或者使它們保持 對稱形式。在右邊或底部保留空白區(qū)域更適合習(xí)慣。i使用分組 將相關(guān)的用戶界面控件分成組,以體現(xiàn)它們之間的關(guān)系。同時,還要顯示相關(guān)信息。將控件 放在它所作用的對象旁。使用空格、分組框、線條和標(biāo)簽,或者其它分隔符對用戶界面控件進(jìn)行分組。i使用強(qiáng)調(diào) 使用焦點、位置、分組、層

11、次、啟用/禁用、大小、顏色或者字體等,來將注意力集中在需要首先看到的用戶界面控件上。盡量以可視的方式指明用戶接下來應(yīng)該進(jìn)行的操作。i使用可視的提示盡量使用近似的大小和間距來指出用戶界面控件是相似的,而使用不同的大小和間距來指出用戶界面控件視是不同的。i使用空格 使用空格來創(chuàng)建一個透氣室,以使窗口布局更易于理解,并且查看起來更舒服??崭竦亩嗌?要適當(dāng),不要顯得太分散。但是,要避免過多地使用空格。如果可能,盡量使窗口小一些。i警惕空洞不要到處粘貼公司或產(chǎn)品的名稱及徽標(biāo)。雖然在啟動屏或關(guān)于框中出現(xiàn)公司或產(chǎn)品名稱及徽標(biāo)是完全可以接受的,但其他窗口中的可用空間應(yīng)該出現(xiàn)其他內(nèi)容。如果沒有其他內(nèi)容,那么應(yīng)盡

12、量使窗 口小一些。i注意大小 使用用戶界面控件的分辨率具有獨立性。使用系統(tǒng)規(guī)格(使用 GetGystemMetrics API 函數(shù)) 或文本規(guī)格(使用 GetTextMetrics 或GetTextExtentPoint32 API函數(shù))來確定用戶界面控件的大小。任 何顯示文本的對象(如對話框或定義的文本文檔)都應(yīng)該使用文本規(guī)格。l考慮使用資源或預(yù)定義的布局網(wǎng)格資源模板或預(yù)定義的布局網(wǎng)格有助于您在不同的窗口之間實現(xiàn)一致性。注意,下頁所示圖的第二個對話框,與第一個不同,它有一個緊湊、從左到右、從上到下的流程,并且,左對齊的標(biāo)簽很便于瀏覽;通過對齊編輯框并調(diào)整其大小,使它顯得更有組織,更加平衡。

13、不合理的平衡的對話框精選統(tǒng)一術(shù)語術(shù)語的重要性我們用名稱來區(qū)別、描述和查找事物,使用名稱來分解并理解不熟悉的事物。采用統(tǒng)一的術(shù)語有助于 我們更好地理解和進(jìn)行交流-簡化并統(tǒng)一用戶界面術(shù)語有助于用戶理解和充分應(yīng)用我們設(shè)計的界面。使用不同的術(shù)語描述相同的事物是最讓人迷惑的,而改變?nèi)巳硕家呀?jīng)熟悉的術(shù)語也是有害的。這兩種情況都使得程序難以討論、描述,以及歸檔。甚至使它難以編程。命名下面是一些需要命名的、與界面有關(guān)的典型對象:程序本身;程序使用的文檔類型;用戶利用程序執(zhí)行的主要操作;所有的窗口、對話框和屬性表;主程序窗口中的使用區(qū)域;認(rèn)為非標(biāo)準(zhǔn)的屏幕對象、命令、屬性、交互、或者技術(shù)。簡而言之,用戶可以看到或

14、需要與其進(jìn)行交互的、顯示在菜單、工具欄、窗口、對話框、狀態(tài)欄、聯(lián) 機(jī)幫助或文檔中的任何內(nèi)容都需要有一個名稱。當(dāng)然,您將會使用已存在的標(biāo)準(zhǔn)屏幕對象的名稱。例如, 您不需要命名常用的對話框,因為它們已經(jīng)擁有名稱。用用戶的語言說話使用軟件面向的用戶所熟悉的詞語,除非您的軟件是為了程序員設(shè)計的,否則應(yīng)該避免使用計算機(jī)行話,而應(yīng)用常用的單詞代替。例如,對絕大多數(shù)用戶來說,常用單詞separator (分隔符)就比技術(shù)術(shù)語delimiter (定界符)要好得多。如果必須使用技術(shù)詞匯,那么應(yīng)采用那些用戶可能知道的術(shù)語。要避免的術(shù)語也有些術(shù)語是千萬不要用在您的用戶界面中的。盡管execute執(zhí)行、kill(殺

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

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

17、,牽一發(fā)而動全身。原文:UI designInterface SpecificationThe 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

18、 a good intuitive 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.The principle of detailedUser ControlUser interface design is an important principle

19、 is that 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 t

20、he user to select or control of its way to achieve the automated tasks.l to provide user-defined settings. Because the users 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 ref

21、lect 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 general interaction or re

22、strict 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 process running in the

23、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 effective interface allows i

24、nteractive 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 have (accidentally poi

25、nts 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.A clear and consistent des

26、ignAgreed 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 interface familiar and predictab

27、le. 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 example, the materials stored in

28、 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, to avoid a copy command in

29、 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 the Windows interface to provide interac

30、tive 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 meaning, then the user may learn to act a

31、nd 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 a clear and uniform terminology and ope

32、ration 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 serious problem occurs, you can use soun

33、d 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.Have a good intuitive featuresl with a familiar metaphor for the users task to pro

34、vide 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-based counterpart in the real world on the range.

35、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 not possible to be sorted. The use of metaphor i

36、n 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 command to remember the name much easier.l the sa

37、me common software consistency. Excellent user interface and the program will achieve the same user previously used the software in line with other successful action.Fast responsel to keep the interface to quickly respond to user actions.l to provide shortcuts. Especially for a large number of input

38、 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 repeat function, shortcut keys, buttons with meaningful ic

39、ons, 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.Simple and beautifull simple. The interface should be very simple (not simplistic), easy to learn and easy to use. It must also provide the appl

40、ication 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 required for a full exchange of information. For example, to精選

41、 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 use natural mappings and semantics. Interface elements that a

42、ffect 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 can use the progressive reveal to help users manage complex

43、 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 usersmust deal with. For example, you can use the menu to display a list of act

44、ions 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 way to access basic functions, or force users to interact through a lon

45、ger 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 specific object of the interactions important clues. At the same time, ap

46、pears on the screen every visual element is very important, they may compete users attention. Provide clear information for users on the expression of a coherent understanding of the environment.Graphic designer or visual skills for this aspect is priceless.Details of the agreementinterface stylel u

47、se 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 are used from left to right, top to bottom reading, therefore, important information shoul

48、d 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 the numerical text, you should use a decimal point aligned or right aligned. For non-numeri

49、c 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 use of the relevant group user interface controls are divided into groups to reflect the

50、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 controls.l used to use stress focus, location, group, level, enable / disable, size, colo

51、r 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 the size and spacing to that user interface controls精選 are similar, but different in siz

52、e 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 spaces should be appropriate and not too dispersed. However, to avoid the excessive use of space.

53、 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 product names and logos are perfectly acceptable, but the other windows in the available space should be no other

54、 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 GetGystemMetrics API function) or text size (using GetTextMetrics or GetTextExtentPoint32 API function) to determine the siz

55、e 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 predefined grid layoutresources predefined layout template orgrid will help you to achieve consistency between diffe

56、rent 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 are easy to navigate; by Alignment edit box and adjust its size, it seems more organized, more balanced.Irrat

57、ionalBalance of the dialog boxuniform terminologyThe importance of termsWe use names to distinguish, describe and find things, use the name to decompose and understand unfamiliar things. Unified terminology will help us better understand and communicate- tosimplify and harmonize terminology helps us

58、ers 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 dif

59、ficult to program.NamedHere are some need to named, and the interface of the typical object:Process itself;精選Program uses the document type;Users to process the implementation of the main operation;All of the windows, dialog boxes and property sheets;The use of the main program window area;That the

60、non-standard screen objects, order, property, interaction, or technology.In short, the user can see or need to interact with, and display the menu, toolbar, windows, dialog boxes, status bar, the online help or documentation in any of the content needs to have a name. Of course, you will use the exi

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論