用戶界面設(shè)計(jì) 大作業(yè).doc
《用戶界面設(shè)計(jì) 大作業(yè).doc》由會(huì)員分享,可在線閱讀,更多相關(guān)《用戶界面設(shè)計(jì) 大作業(yè).doc(7頁珍藏版)》請?jiān)谘b配圖網(wǎng)上搜索。
. 《用戶界面設(shè)計(jì)》大作業(yè) 設(shè)計(jì)一款手機(jī)app或桌面app的用戶界面,撰寫“用戶界面設(shè)計(jì)說明書”。 具體要求如下: 通用規(guī)則 1. 撰寫認(rèn)真: 文檔應(yīng)具有統(tǒng)一性(所有內(nèi)容都指向同一個(gè)清晰的主題)、一致性(所有內(nèi)容的組織清晰合理,符合邏輯)和支持性(有具體的細(xì)節(jié)或案例)。沒有各種文字錯(cuò)誤。 2. 正確的格式化: 使用標(biāo)題、列表、留白等機(jī)制,讓文檔適宜閱讀。 關(guān)于用戶界面設(shè)計(jì)說明書 是否/如何回答了以下問題? l 項(xiàng)目是什么? l 項(xiàng)目的來源或背景? l 項(xiàng)目的技術(shù)細(xì)節(jié),比如開發(fā)平臺(tái)、運(yùn)行平臺(tái)等? l 是否符合專業(yè)文檔撰寫規(guī)范? l 是否包括了以下內(nèi)容: n 界面設(shè)計(jì)原則 n app工作流程圖 n 界面設(shè)計(jì)規(guī)范(design specification):至少包括顏色設(shè)計(jì)、字體設(shè)計(jì)、圖像設(shè)計(jì)、布局設(shè)計(jì)等方案,需包含主要界面的詳細(xì)設(shè)計(jì)圖。 避免抄襲現(xiàn)象:如果發(fā)現(xiàn)抄襲或雷同,成績不及格。 一、實(shí)驗(yàn)?zāi)康? (1)熟悉圖形用戶界面的設(shè)計(jì)原則 (2)利用一種設(shè)計(jì)工具完成圖形化的用戶界面設(shè)計(jì) 二 、預(yù)備知識 圖形用戶界面又稱為WIMP界面,由窗口(windows)、圖標(biāo)(icons)、菜單(menu)、指點(diǎn)設(shè)備(pointing device)四位一體,形成桌面(desktop) ,如圖所示。 圖形用戶界面是當(dāng)前用戶界面的主流,廣泛應(yīng)用于各檔臺(tái)式微機(jī)和圖形工作站。圖形用戶界面的共同特點(diǎn)是以窗口管理系統(tǒng)為核心,使用鍵盤和鼠標(biāo)器作為輸入設(shè)備。窗口管理系統(tǒng)除了基于可重疊多窗口管理技術(shù)外,廣泛采用的另一核心技術(shù)是事件驅(qū)動(dòng)(event-driven)技術(shù)。 WIMP界面可看作是第二代人機(jī)界面,是基于圖形方式的人機(jī)界面。在WIMP界面中,人被稱為用戶,人機(jī)通過對話進(jìn)行工作。用戶只能使用手這一種交互通道輸入信息,通過視覺通道獲取信息。在WIMP界面中,界面的輸出可以為靜態(tài)或動(dòng)態(tài)的二維圖形或圖像等信息。 這種方式能同時(shí)輸出不同種類的信息,用戶也可以在幾個(gè)工作環(huán)境中切換而不丟失幾個(gè)工作之間的聯(lián)系,通過菜單可以執(zhí)行控制型和對話型任務(wù)。由于引入了圖標(biāo)、按鈕和滾動(dòng)條技術(shù),大大減少鍵盤輸入,提高了交互效率?;谑髽?biāo)和圖形用戶界面的交互技術(shù)極大地推動(dòng)了計(jì)算機(jī)技術(shù)的普及。 (1)圖形用戶界面的三個(gè)重要思想 1) 桌面隱喻(desktop metaphor) 指在用戶界面中用人們熟悉的桌面上的圖例清楚地表示計(jì)算機(jī)可以處理的能力。 隱喻的表現(xiàn)方法:靜態(tài)圖標(biāo)、動(dòng)畫、視頻 2) 所見即所得(What You See Is What You Get,WYSIWYG) 顯示的用戶交互行為與應(yīng)用程序最終產(chǎn)生的結(jié)果是一致的。 3) 直接操縱(direct manipulation) 直接操縱是指可以把操作的對象、屬性、關(guān)系顯式地表示出來,用光筆、鼠標(biāo)、觸摸屏或數(shù)據(jù)手套等指點(diǎn)設(shè)備直接從屏幕上獲取形象化命令與數(shù)據(jù)的過程。直接操縱的對象是命令、數(shù)據(jù)或是對數(shù)據(jù)的某種操作。 (2)設(shè)計(jì)圖形用戶界面的原則 1) 一般性原則:界面要具有一致性、常用操作要有快捷方式、提供簡單的錯(cuò)誤處理、對操作人員的重要操作要有信息反饋、操作可逆、設(shè)計(jì)良好的聯(lián)機(jī)幫助、合理劃分并高效地使用顯示屏、保證信息顯示方式與數(shù)據(jù)輸入方式的協(xié)調(diào)一致 2) 顏色的使用:顏色是一種有效的強(qiáng)化手段,同時(shí)具有美學(xué)價(jià)值。使用顏色時(shí)應(yīng)注意如下幾點(diǎn):限制同時(shí)顯示的顏色數(shù);畫面中活動(dòng)對象的顏色應(yīng)鮮明,而非活動(dòng)對象應(yīng)暗淡;盡量避免不相容的顏色放在一起,如黃與藍(lán),紅與綠等,除非作對比時(shí)用;若用顏色表示某種信息或?qū)ο髮傩?,要使用戶理解這種表示,并盡量采用通用的表示規(guī)則。 3)圖標(biāo)的設(shè)計(jì):圖標(biāo)是可視地表示實(shí)體信息的簡潔、抽象的符號。圖標(biāo)設(shè)計(jì)是方寸藝術(shù),需要在很小的范圍內(nèi)表現(xiàn)出圖標(biāo)的內(nèi)涵。設(shè)計(jì)圖標(biāo)時(shí)應(yīng)該著重考慮視覺沖擊力,要使用簡單的顏色,利用眼睛對色彩和網(wǎng)點(diǎn)的空間混合效果,做出精彩圖標(biāo) 。 4) 按鈕的設(shè)計(jì):設(shè)計(jì)按鈕應(yīng)該具有交互性,應(yīng)該有3到6種狀態(tài)效果(點(diǎn)擊時(shí)的狀態(tài)、鼠標(biāo)放在上面但未點(diǎn)擊的狀態(tài)、點(diǎn)擊前鼠標(biāo)未放在上面時(shí)的狀態(tài)、點(diǎn)擊后鼠標(biāo)未放在上面時(shí)的狀態(tài)、不能點(diǎn)擊時(shí)的狀態(tài)、獨(dú)立自動(dòng)變化的狀態(tài)),按鈕應(yīng)具備簡潔的圖示效果,應(yīng)能夠讓使用者產(chǎn)生功能上的關(guān)聯(lián)反應(yīng)。屬于一個(gè)群組的按鈕應(yīng)該風(fēng)格統(tǒng)一,功能差異大的按鈕應(yīng)該有所區(qū)別。 5) 屏幕布局的設(shè)計(jì):設(shè)計(jì)屏幕布局(Layout)時(shí)應(yīng)該使各功能區(qū)重點(diǎn)突出 ,應(yīng)遵循如下幾條原則:平衡原則、預(yù)期原則、經(jīng)濟(jì)原則、順序原則、規(guī)則化 6) 菜單界面的設(shè)計(jì):菜單在圖形界面的應(yīng)用程序中使用得非常普遍,是軟件界面設(shè)計(jì)的一個(gè)重要組成方面,描述了一個(gè)軟件的大致功能和風(fēng)格。 菜單中的選項(xiàng)在功能上與按鈕相當(dāng),一般具有下列一種或幾種類型的選項(xiàng):命令項(xiàng)、菜單項(xiàng)和窗口項(xiàng)。 菜單的結(jié)構(gòu)一般有單一菜單、線狀序列菜單、樹狀結(jié)構(gòu)菜單、網(wǎng)狀結(jié)構(gòu)菜單等,其中樹狀結(jié)構(gòu)菜單是最常見的結(jié)構(gòu)。 設(shè)計(jì)菜單界面時(shí)應(yīng)注意的一般性原則:功能組織菜單,合理分類,并力求簡短,前后一致;合理組織菜單界面的結(jié)構(gòu)與層次;按一定的規(guī)則對菜單項(xiàng)進(jìn)行排序;菜單選項(xiàng)的標(biāo)題要力求文字簡短、含義明確,并且最好以關(guān)鍵詞開始;常用選項(xiàng)要設(shè)置快捷鍵;充分利用菜單選項(xiàng)的使能與禁止、可見與隱藏屬性;使用彈出式菜單 。 填表輸入界面的設(shè)計(jì):在處理大量相關(guān)數(shù)據(jù)的場合下,需要輸入一系列的數(shù)據(jù),這時(shí)填表輸入界面是最理想的數(shù)據(jù)輸入界面。在設(shè)計(jì)填表輸入界面時(shí)應(yīng)遵循的原則:一致性;有含義的表格標(biāo)題;使用易于理解的指導(dǎo)性說明文字;欄目按邏輯分組排序;表格的組織結(jié)構(gòu)和用戶任務(wù)相一致;光標(biāo)移動(dòng)方便;出錯(cuò)提示;提供幫助;表格顯示應(yīng)美觀、清楚,避免過分擁擠。 三、實(shí)驗(yàn)內(nèi)容與步驟 (1)實(shí)驗(yàn)內(nèi)容 利用常用的設(shè)計(jì)工具(VC/VB/Delphi/PB等)完成一個(gè)通用圖形用戶界面設(shè)計(jì),要遵循界面設(shè)計(jì)的一般原則(一致性、快捷方式、提供錯(cuò)誤處理),注意顏色的使用,學(xué)會(huì)使用圖標(biāo)、按鈕、屏幕布局、菜單和對話框的設(shè)計(jì)。 (2)實(shí)驗(yàn)步驟 1.設(shè)計(jì)多個(gè)對話框,完成填表輸入界面的設(shè)計(jì),合理使用圖標(biāo)、按鈕、顏色; 2.設(shè)計(jì)不同形式的菜單,完成對不同對話框的調(diào)用; 3.提供簡單的錯(cuò)誤處理、聯(lián)機(jī)幫助。 (3)實(shí)驗(yàn)截圖 四、實(shí)驗(yàn)總結(jié) 通過此次實(shí)驗(yàn),我很好地熟悉了圖形用戶界面的設(shè)計(jì)原則,并且利用C#設(shè)計(jì)工具完成了圖形化的用戶界面設(shè)計(jì)。 精選word范本!- 1.請仔細(xì)閱讀文檔,確保文檔完整性,對于不預(yù)覽、不比對內(nèi)容而直接下載帶來的問題本站不予受理。
- 2.下載的文檔,不會(huì)出現(xiàn)我們的網(wǎng)址水印。
- 3、該文檔所得收入(下載+內(nèi)容+預(yù)覽)歸上傳者、原創(chuàng)作者;如果您是本文檔原作者,請點(diǎn)此認(rèn)領(lǐng)!既往收益都?xì)w您。
下載文檔到電腦,查找使用更方便
15 積分
下載 |
- 配套講稿:
如PPT文件的首頁顯示word圖標(biāo),表示該P(yáng)PT已包含配套word講稿。雙擊word圖標(biāo)可打開word文檔。
- 特殊限制:
部分文檔作品中含有的國旗、國徽等圖片,僅作為作品整體效果示例展示,禁止商用。設(shè)計(jì)者僅對作品中獨(dú)創(chuàng)性部分享有著作權(quán)。
- 關(guān) 鍵 詞:
- 用戶界面設(shè)計(jì) 大作業(yè) 用戶 界面設(shè)計(jì) 作業(yè)
鏈接地址:http://zhongcaozhi.com.cn/p-5432520.html