數(shù)字多媒體課程gui手機界面設(shè)計基礎(chǔ)

手機界面設(shè)計基礎(chǔ)講授：李天白什么是界面（interface）在人和機器的互動過程（HumanMachineInteraction）中，有一個層面，即我們所說的界面（interface）。用戶界面設(shè)計的三大原則從心理學意義來分，界面可分為感覺（視覺、觸覺、聽覺等）和情感兩個層次。用戶界面設(shè)計是屏幕產(chǎn)品的重要組成部分。界面設(shè)計是一個復雜的有不同學科參與的工程，認知心理學、設(shè)計學、語言學等在此都扮演著重要的角色。用戶界面設(shè)計的三大原則是：置界面于用戶的控制之下；減少用戶的記憶負擔；保持界面的一致性。用戶界面設(shè)計的工作流程用戶界面設(shè)計在工作流程上分為結(jié)構(gòu)設(shè)計、交互設(shè)計、視覺設(shè)計三個部分。結(jié)構(gòu)設(shè)計

StructureDesign結(jié)構(gòu)設(shè)計也稱概念設(shè)計（ConceptualDesign），是界面設(shè)計的骨架。通過對用戶研究和任務(wù)分析，制定出產(chǎn)品的整體架構(gòu)?；诩堎|(zhì)的的低保真原型（PaperPrototype）可提供用戶測試并進行完善。在結(jié)構(gòu)設(shè)計中，目錄體系的邏輯分類和語詞定義是用戶易于理解和操作的重要前提。如西門子手機的設(shè)置鬧鐘的詞條是“重要記事”，讓用戶很難找到。交互設(shè)計

InteractiveDesign交互設(shè)計的目的是使產(chǎn)品讓用戶能簡單使用。任何產(chǎn)品功能的實現(xiàn)都是通過人和機器的交互來完成的。因此，人的因素應(yīng)作為設(shè)計的核心被體現(xiàn)出來。交互設(shè)計的原則如下：1)有清楚的錯誤提示。誤操作后，系統(tǒng)提供有針對性的提示。2)讓用戶控制界面?！跋乱徊健薄ⅰ巴瓿伞?，面對不同層次提供多種選擇，給不同層次的用戶提供多種可能性。3)允許兼用鼠標和鍵盤。同一種功能，同時可以用鼠標和鍵盤。提供多種可能性。4)允許工作中斷。例如用手機寫新短信的時候，收到短信或電話，完成后回來仍能夠找到剛才正寫的新短信。5)使用用戶的語言，而非技術(shù)的語言。6)提供快速反饋。給用戶心理上的暗示，避免用戶焦急。7)方便退出。如手機的退出，是按一個鍵完全退出，還是一層一層的退出。提供兩種可能性。8）導航功能。隨時轉(zhuǎn)移功能，很容易從一個功能跳到另外一個功能。9）讓用戶知道自己當前的位置，使其做出下一步行動的決定。視覺設(shè)計

VisualDesign在結(jié)構(gòu)設(shè)計的基礎(chǔ)上，參照目標群體的心理模型和任務(wù)達成進行視覺設(shè)計。包括色彩、字體、頁面等。視覺設(shè)計要達到用戶愉悅使用的目的。視覺設(shè)計的原則如下：1）界面清晰明了。允許用戶定制界面。2）減少短期記憶的負擔。讓計算機幫助記憶，例：UserName,、Password、IE進入界面地址可以讓機器記住。3）依賴認知而非記憶。如打印圖標的記憶、下拉菜單列表中的選擇。4）提供視覺線索。圖形符號的視覺的刺激；GUI（圖形界面設(shè)計）：Where,What,NextStep。5）提供默認（default）、撤銷（undo）、恢復（redo）的功能。6）提供界面的快捷方式。7）盡量使用真實世界的比喻。如：電話、打印機的圖標設(shè)計，尊重用戶以往的使用經(jīng)驗。8）完善視覺的清晰度。條理清晰；圖片、文字的布局和隱喻不要讓用戶去猜。9）界面的協(xié)調(diào)一致。如手機界面按鈕排放，左鍵肯定；右鍵否定；或按內(nèi)容擺放。10）同樣功能用同樣的圖形。11）色彩與內(nèi)容。整體軟件不超過5個色系，盡量少用紅色、綠色。近似的顏色表示近似的意思。圖形用戶界面（GUI）的組成GUI（GraphicsUserInterface）圖形用戶界面被定義為一種采用了4種基本組件（窗口、圖標、菜單和鼠標指針）的人機交互形式。圖形用戶界面有時稱為WIMP界面，即Window,Icon,Menu,PointingDevice（指點設(shè)備）的縮寫。GUI——視覺的溝通視覺的溝通（VisualCommunication）視覺設(shè)計服務(wù)于傳達某個目的作用應(yīng)大于它的裝飾作用；它是重要的有效的溝通的工具。衡量GUI設(shè)計的標準衡量GUI設(shè)計只有一種標準，那就是用戶體驗（UserExperience）。用戶體驗是以用戶為中心的設(shè)計（UCD/UserCenteredDesign）中最重要的一個部分。強調(diào)的是過程，是對用戶行為（UserAction）產(chǎn)生的反應(yīng)與用戶期待值的誤差測試，也就是說，這種誤差越小，也就越符合以用戶為中心的設(shè)計原則。GUI設(shè)計的步驟GUI設(shè)計大體可分為五個步驟：需求階段分析設(shè)計階段調(diào)研驗證階段方案改進階段用戶驗證反饋階段手機待機界面桌面系統(tǒng)界面聯(lián)系人界面聯(lián)系人詳細信息界面飛行控制界面音樂播放界面圖片瀏覽界面照相機界面手機待機界面智能手機屏幕尺寸及分辨率作業(yè)：320*480PX智能手機界面設(shè)計

機型可為自己或同學使用的，也可從網(wǎng)絡(luò)上選取