圖形用戶(hù)界面(gui)

《圖形用戶(hù)界面(gui)》由會(huì)員上傳分享，免費(fèi)在線(xiàn)閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。

1、圖形用戶(hù)界面（GUI）開(kāi)發(fā)與測(cè)試范萍麗2007-06-211主要的UI設(shè)計(jì)指導(dǎo)原則：（引自JeffJohnson的《GUI設(shè)計(jì)禁忌》）關(guān)注用戶(hù)及其任務(wù)，而不是技術(shù)首先考慮功能，然后才是表示從用戶(hù)的視角看問(wèn)題，使用用戶(hù)的詞匯進(jìn)行描述,不必向用戶(hù)暴露實(shí)現(xiàn)細(xì)節(jié)使常用的用戶(hù)任務(wù)簡(jiǎn)單化，不要讓用戶(hù)解決額外的問(wèn)題促進(jìn)學(xué)習(xí),保持一致性，引導(dǎo)用戶(hù)的使用習(xí)慣保持顯示慣性，傳遞信息，而不僅僅是數(shù)據(jù)設(shè)計(jì)應(yīng)滿(mǎn)足響應(yīng)需求2議程界面設(shè)計(jì)指南(20分鐘)遵從窗口標(biāo)準(zhǔn)(20分鐘）屏幕元素確認(rèn)列表(15分鐘)3概述用戶(hù)界面的需求通常是不明確的，一部分可能隱含在用戶(hù)需求中，而另一部分則是

2、用戶(hù)不可能預(yù)先想到的。因此，軟件企業(yè)應(yīng)積累用戶(hù)界面開(kāi)發(fā)和測(cè)試的成果，將一些元素和規(guī)則進(jìn)行重用，從而高效地開(kāi)發(fā)出用戶(hù)樂(lè)意接受的界面。企業(yè)應(yīng)在測(cè)試過(guò)程中積累自己的圖形用戶(hù)界面測(cè)試用例（通常稱(chēng)為GUI測(cè)試檢查列表），形成自己的圖形用戶(hù)界面測(cè)試標(biāo)準(zhǔn)。4界面設(shè)計(jì)指南(Color)顏色(Resource)資源(Font)字體(Text)文字表述(STYLE)控件選擇(ALIGN)控件布局(TABORDER)TAB順序(ShortcutKey&Accelerator&PopMenu)快捷鍵、加速鍵和彈出菜單(ACTION)用戶(hù)交互5(Color)顏色統(tǒng)一色調(diào)，采用標(biāo)準(zhǔn)

3、Windows的基本色調(diào)，做到與操作系統(tǒng)統(tǒng)一，讀取系統(tǒng)標(biāo)準(zhǔn)色表。整個(gè)界面色彩盡量少的使用類(lèi)別不同的顏色。除非特殊場(chǎng)合，杜絕使用對(duì)比強(qiáng)烈，讓人產(chǎn)生憎惡感的顏色。同時(shí)色調(diào)也具有一定的含義，在整個(gè)系統(tǒng)中應(yīng)保持色調(diào)含義的一致性，避免同一中顏色在不同的畫(huà)面中表示不同的意義。6(Resource)資源計(jì)算機(jī)的資源包括圖標(biāo)資源和鼠標(biāo)光標(biāo)資源等。圖標(biāo)資源也需要遵循統(tǒng)一的規(guī)則，因?yàn)椴煌膱D標(biāo)代表不同的意義。例如：我們用圖標(biāo)來(lái)表示保存，因此我們?cè)谡麄€(gè)系統(tǒng)中只要涉及到保存的話(huà),都應(yīng)該使用同一個(gè)圖標(biāo)，不論是用在工具欄上還是在菜單上,還是在按鈕上。圖標(biāo)、圖像應(yīng)該很清晰的表達(dá)出意思

4、，遵循常用標(biāo)準(zhǔn)，或者用戶(hù)機(jī)器容易聯(lián)想的到物件，絕對(duì)不允許畫(huà)出默認(rèn)奇妙的圖案。鼠標(biāo)光標(biāo)樣式統(tǒng)一，使用系統(tǒng)標(biāo)準(zhǔn)。注意：本系統(tǒng)中不采用窗體做進(jìn)度條，對(duì)于點(diǎn)擊按鈕后，鼠標(biāo)變成沙漏形狀，執(zhí)行完成后,鼠標(biāo)變回。7(Font)字體系統(tǒng)中中文一律采用標(biāo)準(zhǔn)字體“宋體”，英文一律采用標(biāo)準(zhǔn)MicrosoftSansSerif，除登錄界面和圖標(biāo)中的特殊字體用圖片實(shí)現(xiàn),原則上不考慮特殊字體(隸書(shū)、草書(shū)等,特殊情況可以使用圖片取代),保證每個(gè)用戶(hù)使用起來(lái)顯示都很正常。字體大小統(tǒng)一規(guī)定，MSS字體8磅，宋體為10磅，字體顏色一般采用系統(tǒng)默認(rèn)顏色。所有控件盡量使用大小統(tǒng)一的字體屬性，除

5、了特殊提示信息、加強(qiáng)顯示等例外情況。8(Text)文字表達(dá)使用統(tǒng)一的語(yǔ)言描述，提到同一個(gè)概念時(shí)，用相同的術(shù)語(yǔ)描述。例如一個(gè)關(guān)閉退出功能按鈕，統(tǒng)一描述為關(guān)閉，避免使用返回、退出描述。通常情況下，每個(gè)窗口應(yīng)該有一個(gè)唯一的標(biāo)題，和觸發(fā)它的菜單或按鈕命令相對(duì)應(yīng)。在提示信息中多用“您、請(qǐng)”等禮貌用語(yǔ)，不要用對(duì)用戶(hù)來(lái)說(shuō)晦澀的計(jì)算機(jī)用語(yǔ)，杜絕錯(cuò)別字。斷句逗號(hào)句號(hào)頓號(hào)分號(hào)的用法，提示信息比較多的話(huà)，應(yīng)該分段。錯(cuò)誤消息對(duì)話(huà)框不僅僅指出問(wèn)題，還要提供解決問(wèn)題的建議。9(STYLE)控件選擇不要隨意使用控件，控件功能要專(zhuān)一，風(fēng)格統(tǒng)一。如果沒(méi)有好的控件，則使用標(biāo)準(zhǔn)控件?？丶娘L(fēng)

6、格統(tǒng)一。同一類(lèi)型的控件操作方式相同，避免出現(xiàn)一個(gè)控件雙擊可以執(zhí)行某些動(dòng)作，而同樣控件，雙擊卻沒(méi)有任何反映。一個(gè)控件只做單一功能，盡量不復(fù)用。10(ALIGN)控件布局，窗口不擁擠，按功能組合控件屏幕不能擁擠，讓人看上去，不能太擁擠，也不能太松散。整個(gè)項(xiàng)目，盡量采用統(tǒng)一的控件間距，通過(guò)調(diào)整窗體大小達(dá)到一致，即使在窗體大小不變的情況下，寧可留空部分區(qū)域，也不要破壞控件間的行間距。文字和文本框一般采用左對(duì)齊方式，如單行文本框前的標(biāo)簽提示，使用左對(duì)齊加冒號(hào)；數(shù)據(jù)列表表頭文字和內(nèi)容，也采用左對(duì)齊。文字和文本框中的文字水平中對(duì)齊。橫排按鈕，最右邊的一個(gè)與上面的控件右

7、對(duì)齊窗口縮放時(shí)，控件位置、布局。為了使界面不出現(xiàn)跑版或者難看的局面，解決方法是固定窗口大小，不允許改變尺寸。彈出窗口有唯一的標(biāo)題，和觸發(fā)它的菜單或按鈕命令相對(duì)應(yīng)。11間距與對(duì)齊示例12(TABORDER)TAB順序習(xí)慣用法，閱讀順序，從左到右，從上到下。13(ShortcutKey&Accelerator&PopMenu)快捷鍵、加速鍵和彈出菜單使用非破壞性缺省按鈕，回車(chē)、ESC鍵的正確使用。對(duì)于彈出模態(tài)窗體，有默認(rèn)加速鍵，如回車(chē)表示激活當(dāng)前窗口設(shè)置為default的按鈕動(dòng)作，esc表示關(guān)閉窗口。同時(shí)在調(diào)用default按鈕動(dòng)作和關(guān)閉動(dòng)作時(shí)候，不應(yīng)該做有

8、破壞性的操作，避免用戶(hù)錯(cuò)誤操作產(chǎn)生危害程度，例如不能把刪除數(shù)據(jù)等功能的按鈕作為缺