實驗一：圖形用戶界面設計

1、實驗圖形用戶界面設計一實驗目的和要求1）熟悉圖形用戶界面的設計原則遵循用戶友好原則、一致性原則、幫助和提示等原則設計用戶界面。2）利用一種設計工具完成圖形化的用戶界面設計二實驗內容與步驟（一）實驗內容利用常用的設計工具（UI界面設計工具 GUI Design Studio ）完成一個通用圖形用戶 界面設計，要遵循界面設計的一般原則（一致性、快捷方式、提供錯誤處理），注意顏色的使用，學會圖標、按鈕、屏幕布局、菜單和對話框的設計。軟件的界面如同人的臉一樣，軟件界面的好壞決定了用戶對軟件的第一印象。設計好的界面能夠引導用戶自己完成相應的操作，起到引導作用。設計合理的界面能給用戶帶來輕松愉悅的感受。一

2、些專家指出：對于用戶，人機界面就是系統本身。 這充分說明了軟件界面設計的重要性。請完成各自的系統用戶界面的設計。（二）實驗步驟1 設計多個對話框，完成填表輸入界面的設計，合理使用圖標、按鈕、顏色；2 設計不同形式的菜單，完成對不同對話框的調用；3 提供簡單的錯誤處理、聯機幫助。I叭GUI Design Studio 主界面三界面示例1登錄界面2、主界面QQ2OOB- 7513三 oter 隠身用3曰郵件室:3卜；3、聊天界面4、QQ空間界面SftiShttp:52.'3zon e.qqxom頓as fSi蹌檢iw 縱 機檔分夏更務匪就血晶爾 oter1飆烈阿甑瓣n巾認證頸n«

3、冒冊友B相冊上傳災雜錠齣皿腳乩綽心神那®a題棘:麻嫌孫牠酬蹴了!滬護亠ms*魏劇黠 聰柵 刪牆點怦旣。©< QQ空間太鄰隨"天 30;5：，屬吠二$獻穗Q場職.鈿爛寵 更多 丈班樣馳i沏1H9戦縱看過邇（軋縛購扮輛琵不辭別燻就悉 敕I竊翹ft了船卿咋魏么嚴 EE腑馳:ts也能怦蘇的槪社時嚼尅薛醸岸憾觀7期m上聞頤肄m)t艦聲離8801樹!紳堀57B004丈沁'輛P加四 實驗總結1界面要具有一致性、常用操作要有快捷方式、提供簡單的錯誤處理、對操作人員的 重要操作要有信息反饋、操作可逆、設計良好的聯機幫助、合理劃分并高效地使用顯示屏、 保證信息顯示方式與

4、數據輸入方式的協調一致。2顏色是一種有效的強化手段，同時具有美學價值。使用顏色時應注意如下幾點：限 制同時顯示的顏色數； 畫面中活動對象的顏色應鮮明， 而非活動對象應暗淡； 盡量避免不相 容的顏色放在一起， 如黃與藍， 紅與綠等，除非作對比時用； 若用顏色表示某種信息或對象 屬性，要使用戶理解這種表示，并盡量采用通用的表示規(guī)則。3圖標是可視地表示實體信息的簡潔、抽象的符號。圖標設計是方寸藝術，需要在很 小的范圍內表現出圖標的內涵。設計圖標時應該著重考慮視覺沖擊力，要使用簡單的顏色， 利用眼鏡對色彩和網點的空間混合效果，做出精彩圖標。1）設計按鈕應該具有交互性，應該有3 到 6 種狀態(tài)效果（點擊

5、時的狀態(tài)、鼠標放在上面但未點擊的狀態(tài)、 點擊前鼠標未放在上面時的狀態(tài)、 點擊后鼠標未放在上面時的狀態(tài)、 不 能點擊時的狀態(tài)、獨立自動變化的狀態(tài)） ，按鈕應具備簡潔的圖示效果，應能夠讓使用者產 生功能上的關聯反應。 屬于一個群組的按鈕應該風格統一， 功能差異大的按鈕應該有所區(qū)別。2）設計屏幕布局（ Layout ）時應該使各功能區(qū)重點突出，應遵循如下幾條原則：平衡 原則、預期原則、經濟原則、順序原則、規(guī)則化。3）菜單在圖形界面的應用程序中使用得非常普遍，是軟件界面設計的一個重要組成方 面，描述了一個軟件的大致功能和風格。 菜單中的選項在功能上與按鈕相當， 一般具有下列 一種或幾種類型的選項： 命令項、菜單項和窗口項。菜單的結構一般有單一菜單、 線狀序列 菜單、樹狀結構菜單、網狀結構菜單等，其中樹狀結構菜單是最常見的結構。設計菜單界面時應注意一般性原則： 功能組織菜單， 合理分類， 并力求簡短， 前后一致； 合理組織菜單界面的結構與層次； 按一定的規(guī)則對菜單項進行排序； 菜單選項的標題要力求 文字簡短、 含義明確，并且最好以關鍵詞開始；常用選項要設置快捷鍵；充分利用菜單選項 的使能與禁止、可見與隱藏屬性；使用彈出式菜單。4）在處理大量相關數據的場合下，需要輸入一系列的數據，這時填表輸入界面是最理 想的數據輸入界面。 在設計填表輸入界面時應遵循的原