用戶界面設(shè)計 大作業(yè).doc

《用戶界面設(shè)計 大作業(yè).doc》由會員分享，可在線閱讀，更多相關(guān)《用戶界面設(shè)計 大作業(yè).doc（7頁珍藏版）》請在裝配圖網(wǎng)上搜索。

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