《《UI界面設(shè)計》教案設(shè)計》由會員分享，可在線閱讀，更多相關(guān)《《UI界面設(shè)計》教案設(shè)計（20頁珍藏版）》請在裝配圖網(wǎng)上搜索。

1、word 教 案 課程名稱：UI界面設(shè)計 授課教師： 制訂時間： UI界面設(shè)計 第一章 UI綜述 課 題：UI綜述 授課教師： 教學(xué)目標(biāo)：通過本章學(xué)習(xí)使學(xué)生了解UI在中國的開展，以與UI的是什么。 教學(xué)重點：掌握UI在中國的開展，以與UI是什么。 教學(xué)難點：掌握UI是什么。 教學(xué)準備：課本、參考圖形 教學(xué)方法：講授、討論、案例分析 教 材： 教學(xué)時間：8課時 教學(xué)內(nèi)容：UI在中國的開展，以與UI是什么 UI即User Interface(用戶界面)的簡稱。UI設(shè)計如此

2、是指對軟件的人機交互、操作邏輯、界面美觀的整體設(shè)計。好的UI設(shè)計不僅是讓軟件變得有個性有品味，還要讓軟件的操作變得舒適、簡單、自由,充分表現(xiàn)軟件的定位和特點。 第一節(jié) UI是什么 軟件設(shè)計可分為兩個局部：編碼設(shè)計與UI設(shè)計。 編碼設(shè)計大家都很熟悉，但是 UI設(shè)計還是一個很陌生的詞，即使一些專門從事與多媒體設(shè)計的人也不完全理解UI的意思。UI的本意是用戶界面，是英文User和 interface的縮寫。從字面上看是用戶與界面2個組成局部，但實際上還包括用戶與界面之間的交互關(guān)系。 　　在飛速開展的電子產(chǎn)品中，界面設(shè)計工作一點點的被重視起來。做界面設(shè)計的“美工〞也隨之被稱之為“UI設(shè)

3、計師〞或“UI工程師〞。其實軟件界面設(shè)計就像工業(yè)產(chǎn)品中的工業(yè)造型設(shè)計一樣，是產(chǎn)品的重要賣點。一個電子產(chǎn)品擁有美觀的界面會給人帶來舒適的視覺享受，拉近人與商品的距離，為商家創(chuàng)造賣點。界面設(shè)計不是單純的美術(shù)繪畫，他需要定位使用者、使用環(huán)境、使用方式并且為最終用戶而設(shè)計，是建立在科學(xué)性之上的藝術(shù)設(shè)計。檢驗一個界面的標(biāo)準既不是某個項目開發(fā)組領(lǐng)導(dǎo)的意見也不是項目成員投票的結(jié)果，而是終端用戶的感受。所以界面設(shè)計要和用戶研究嚴密結(jié)合，是一個不斷為最終用戶設(shè)計滿意視覺效果的過程。 第二節(jié) UI設(shè)計師是做什么的 　　在中國，UI設(shè)計還是一個需要不斷成長的設(shè)計領(lǐng)域，但eicodesign,Tigo,

4、lkkui design, Robin design等國內(nèi)知名設(shè)計機構(gòu)已經(jīng)進入了探索UI設(shè)計的道路。 　　UI設(shè)計從工作內(nèi)容上來說分為3個方向。它主要是由UI 研究的3個因素決定的， 其分別是研究工具，研究人與界面的關(guān)系，研究人。 研究界面 　　圖形設(shè)計師Graphic UI designer 　　國內(nèi)目前大局部UI工作者都是從事這個行業(yè)。也有人稱之為美工，但實際上不是單純意義上的美術(shù)工人，而是軟件產(chǎn)品的產(chǎn)品外形設(shè)計師。 　　這些設(shè)計師大多是美術(shù)院校畢業(yè)的，其中大局部是有美術(shù)設(shè)計教育背景，例如工業(yè)外形設(shè)計，裝潢設(shè)計，信息多媒體設(shè)計等。 研究人與界面的關(guān)系 　　交互設(shè)計師，inte

5、raction designer 　　在圖形界面產(chǎn)生之前，長期以來UI設(shè)計師就是指交互設(shè)計師。交互設(shè)計師的工作內(nèi)容就是設(shè)計軟件的操作流程，樹狀結(jié)構(gòu)，軟件的結(jié)構(gòu)與操作規(guī)X〔spec〕等。一個軟件產(chǎn)品在編碼之前需要作的就是交互設(shè)計，并且確立交互模型，交互規(guī)X。 　　交互設(shè)計師一般都是軟件工程師背景居多。 研究人 　　用戶測試/研究工程師User experience engineer 　　任何的產(chǎn)品為了保證質(zhì)量都需要測試，軟件的編碼需要測試，自然UI設(shè)計也需要被測試。這個測試和編碼沒有任何關(guān)系，主要是測試交互設(shè)計的合理性以與圖形設(shè)計的美觀性。測試方法一般都是采用焦點小組，用目標(biāo)用戶問卷的

6、形式來衡量UI設(shè)計的合理性。這個職位很重要，如果沒有這個職位，UI設(shè)計的好壞只能憑借設(shè)計師的經(jīng)驗或者領(lǐng)導(dǎo)的審美來評判，這樣就會給企業(yè)帶來嚴重的風(fēng)險性。 　　用戶研究工程師一般是心理學(xué)人文學(xué)背景比擬適宜。 綜上所述UI設(shè)計師就是：軟件圖形設(shè)計師、交互設(shè)計師和用戶研究工程師。 其中交互設(shè)計師： “UI〞的本義是用戶界面，是英文User和interface的縮寫。UI設(shè)計師如此指從事對軟件的人機交互、操作邏輯、界面美觀的整體設(shè)計工作的人。 工作內(nèi)容： 　　負責(zé)軟件界面的美術(shù)設(shè)計、創(chuàng)意工作和制作工作； 　　根據(jù)各種相關(guān)軟件的用戶群，提出構(gòu)思新穎、有高度吸引力的創(chuàng)意設(shè)計； 　

7、　對頁面進展優(yōu)化，使用戶操作更趨于人性化； 　　維護現(xiàn)有的應(yīng)用產(chǎn)品； 　　收集和分析用戶對于GUI的需求。 第三節(jié) UI設(shè)計在中國的現(xiàn)狀 　　目前在國內(nèi)UI還是一個相對陌生的詞，即便是洛可可設(shè)計也在UI設(shè)計的道路上不斷探索客戶與用戶的需求。我們經(jīng)?？吹揭恍┱衅笍V告寫著：招聘界面美工、界面美術(shù)設(shè)計師等等。這明確在國內(nèi)對UI的理解還停留在美術(shù)設(shè)計方面，認為UI的工作只是描邊畫線，缺乏對用戶交互的重要性的理解；另一方面在軟件開發(fā)過程中還存在重技術(shù)而不重應(yīng)用的現(xiàn)象。許多商家認為軟件產(chǎn)品的核心是技術(shù)，而UI僅僅是次要的輔助，這點在人員的比例與待遇上可以表現(xiàn)出來。 但這不是UI設(shè)計真正

8、的價值表現(xiàn)，只是UI設(shè)計開展的一個必經(jīng)過程。我們以物質(zhì)產(chǎn)品手機行業(yè)為例，當(dāng)手機剛剛進入市場的時候不但價格貴的驚人，而且除了通話以外沒有什么其他功能。由于當(dāng)時的主導(dǎo)是技術(shù)，所以大家都把精力放在信號、待機時間、壽命等方面，對于產(chǎn)品的造型，使用的合理性很少關(guān)心。事過境遷，如今技術(shù)已經(jīng)完全的達到用戶的需求，于是商家為了創(chuàng)造賣點，提高爭力，非常重視產(chǎn)品的外觀設(shè)計，除此之外還頻頻推出短信,彩屏，和鉉，彩信,攝像頭等等。這樣一來產(chǎn)品的美觀、個性、易用、易學(xué)、人性化等等都成了產(chǎn)品的賣點。軟件產(chǎn)品與物質(zhì)產(chǎn)品的開展是一樣的。過去由于計算機硬件的限制，編碼設(shè)計成為軟件開發(fā)的代名詞，美觀親和的圖形化界面與合理易用的交

9、互方式都沒有得到充分的重視，實際上這個時期的軟件叫作軟件程序，而不是軟件產(chǎn)品。 　　現(xiàn)今隨著計算機硬件的飛速開展，過去的軟件程序已經(jīng)不能適應(yīng)用戶的要求。軟件產(chǎn)品在激烈的市場競爭中，僅僅有強大的功能是遠遠不夠的，不足以戰(zhàn)勝強勁的對手。幸運的是在國內(nèi)一些高瞻遠矚的民族企業(yè)已經(jīng)開始意識到UI給軟件產(chǎn)品帶來的巨大賣點了，例如金山公司的影霸、詞霸、毒霸、網(wǎng)標(biāo)，由于重視UI的開發(fā)與地位，才使得金山產(chǎn)品在同類軟件產(chǎn)品中首屈一指。聯(lián)想軟件的UI部門積極開展用戶研究與使用性測試，將易用與美觀相結(jié)合，推出的雙模式電腦、幸福系列等成功UIX例，為聯(lián)想贏得全球消費 PC第三的稱號等等、等等.實踐證明，各商家只要在產(chǎn)

10、品美觀和易用設(shè)計方面很小投入，將會有很大產(chǎn)出。其投入產(chǎn)出比，要比在功能領(lǐng)先性開發(fā)上的投入大得多。 　　我們不得不承認現(xiàn)階段中國在很多領(lǐng)域都與西方興旺國家有相當(dāng)大的差距，如何趕上并超過他們是我們這代人肩負的歷史使命。軟件產(chǎn)品領(lǐng)域不象物質(zhì)產(chǎn)品那樣存在工藝、材料上的限制，軟件產(chǎn)品核心問題就是人。提高軟件UI設(shè)計師個人能力減小人員上的差距是中國UI開展首要關(guān)鍵的問題。 　　目前國內(nèi)各院校還沒有設(shè)立相對健全的UI設(shè)計專業(yè)，所以提高UI設(shè)計師能力關(guān)鍵在于提供一個良好的學(xué)習(xí)與交流的資源環(huán)境。國內(nèi)已經(jīng)有很多交流設(shè)計，介紹工業(yè)設(shè)計、平面設(shè)計、服裝設(shè)計、繪畫藝術(shù)、多媒體flash等，但是UI設(shè)計一直沒有受到應(yīng)

11、有的關(guān)注，僅僅被放在數(shù)碼設(shè)計或者平面網(wǎng)頁設(shè)計的一個欄目里，這僅有的資源對培養(yǎng)優(yōu)秀的設(shè)計師是不夠的，必須有一個信息快捷、資源豐富、設(shè)計水平一流、專業(yè)權(quán)威的UI設(shè)計學(xué)習(xí)與交流的地方才能適應(yīng)日益開展的UI設(shè)計師們的需求。 第二章 設(shè)計流程 課 題：UI設(shè)計流程 授課教師：汪永吉 教學(xué)目標(biāo)：通過本章學(xué)習(xí)使學(xué)生了解UI設(shè)計原如此、流程。 教學(xué)重點：掌握UI設(shè)計原如此、流程。 教學(xué)難點：掌握UI設(shè)計流程。 教學(xué)準備：課本、參考圖形 教學(xué)方法：講授、討論、案例分析 教 材： 教學(xué)時間：8課時 教學(xué)內(nèi)容：UI設(shè)計原如此、流程 第一節(jié) UI設(shè)計原如此 　　

12、 　　界面的簡潔 ?? UI設(shè)計圖片 是要讓用戶便于使用、便于了解、并能減少用戶發(fā)生錯誤選擇的可能性。 　　 　　界面中要使用能反響用戶本身的語言，而不是游戲設(shè)計者的語言。 　　 　　人腦不是電腦，在設(shè)計界面時必須要考慮人類大腦處理信息的限度。人類的短期記憶極不穩(wěn)定、有限，24小時內(nèi)存在25%的遺忘率。所以對用戶來說，瀏覽信息要比記憶更容易。 　　 　　是每一個優(yōu)秀界面都具備的特點。界面的結(jié)構(gòu)必須清晰且一致，風(fēng)格必須與游戲內(nèi)容相一致。 　　 　　在視覺效果上便于理解和使用。 　　 　　用戶可通過已掌握的知識來使用界面，但不應(yīng)超出一般常識。 　　 　　想用戶所想，做

13、用戶所做。用戶總是按照他們自己的方法理解和使用。 　　通過比擬兩個不同世界(真實與虛擬)的事物，完成更好的設(shè)計。如：書籍比照竹簡。 　　 　　一個有序的界面能讓用戶輕松的使用。 　　 　　用戶能自由的作出選擇，且所有選擇都是可逆的。在用戶作出危險的選擇時有信息介入系統(tǒng)的提示。 　　 　　簡單來說就是要讓用戶方便的使用，但不同于上述。即互動多重性，不局限于單一的工具(包括鼠標(biāo)、鍵盤或手柄)。 　　 　　高效率和用戶滿意度是人性化的表現(xiàn)。應(yīng)具備專家級和初級玩家系統(tǒng)，即用戶可依據(jù)自己的習(xí)慣定制界面，并 　　能保存設(shè)置。 第二節(jié) UI設(shè)計的流程 確認目標(biāo)用戶 　　在洛

14、可可的UI設(shè)計過程中，需求設(shè)計角色會確定軟件的目標(biāo)用戶，獲取最終用戶和直接用戶的需求。 　　用戶交互要考慮到目標(biāo)用戶的不同引起的交互設(shè)計重點的不同。 　　例如：對于科學(xué)用戶和對于電腦入門用戶的設(shè)計重點就不同。 采集目標(biāo)用戶的習(xí)慣交互方式 　　不同類型的目標(biāo)用戶有不同的交互習(xí)慣。這種習(xí)慣的交互方式往往來源于其原有的針對現(xiàn)實的交互流程、已有軟件工具的交互流程。 　　當(dāng)然還要在此根底上通過調(diào)研分析找到用戶希望達到的交互效果，并且以流程確認下來。 提示和引導(dǎo)用戶 　　軟件是用戶的工具。因此應(yīng)該由用戶來操作和控制軟件。軟件響應(yīng)用戶的動作和設(shè)定的規(guī)如此。 　　對于用戶交互的結(jié)果和反響，提示

15、用戶結(jié)果和反響信息，引導(dǎo)用戶進展用戶需要的下一步操作。 一致性原如此 　　設(shè)計目標(biāo)一致 　　軟件中往往存在多個組成局部〔組件、元素〕。不同組成局部之間的交互設(shè)計目標(biāo)需要一致。 　　例如：如果以電腦操作初級用戶作為目標(biāo)用戶，以簡化界面邏輯為設(shè)計目標(biāo)，那么該目標(biāo)需要貫徹軟件〔軟件包〕整體，而不是局部。 　　元素外觀一致 　　交互元素的外觀往往影響用戶的交互效果。同一個〔類〕軟件采用一致風(fēng)格的外觀，對于保持用戶焦點，改良交互效果有很大幫助。遺憾的是如何確認元素外觀一致沒有特別統(tǒng)一的衡量方法。因此需要對目標(biāo)用戶進展調(diào)查取得反響。 　　交互行為一致 　　在交互模型中，不同類型的元素用戶觸

16、發(fā)其對應(yīng)的行為事件后，其交互行為需要一致。 　　例如：所有需要用戶確認操作的對話框都至少包含確認和放棄兩個按鈕。 　　對于交互行為一致性原如此比擬極端的理念是一樣類型的交互元素所引起的行為事件一樣。但是我們可以看到這個理念雖然在大局部情況下正確，但是確實有相反的例子證明不按照這個理念設(shè)計，會更加簡化用戶操作流程。 可用性原如此 　　可理解 　　軟件 ?? 要為用戶使用，用戶必須可以理解軟件各元素對應(yīng)的功能。 　　如果不能為用戶理解，那么需要提供一種非破壞性的途徑，使得用戶可以通過對該元素的操作，理解其對應(yīng)的功能。 　　例如：刪除操作元素。用戶可以點擊刪除操作按鈕，提示用戶如何

17、刪除操作或者是否確認刪除操作，用戶可以更加詳細的理解該元素對應(yīng)的功能，同時可以取消該操作。 　　可達到 　　用戶是交互的中心，交互元素對應(yīng)用戶需要的功能。因此交互元素必須可以被用戶控制。 　　用戶可以用諸如鍵盤、鼠標(biāo)之類的交互設(shè)備通過移動和觸發(fā)已有的交互元素達到其它在此之前不可見或者不可交互的交互元素。 　　要注意的是交互的次數(shù)會影響可達到的效果。當(dāng)一個功能被深深隱藏〔一般來說超過4層〕那么用戶達到該元素的幾率就大大降低了。 　　可達到的效果也同界面設(shè)計有關(guān)。過于復(fù)雜的界面會影響可達到的效果?！矃⒖己唵螌?dǎo)向原如此〕 　　可控制 　　?軟件的交互流程，用戶可以控制。 　　功能的執(zhí)

18、行流程，用戶可以控制。 　　如果確實無法提供控制，如此用能為目標(biāo)用戶理解的方式提示用戶。 第三章 案例展示欣賞與分析 課 題：UI設(shè)計案例展示欣賞與分析 授課教師：汪永吉 教學(xué)目標(biāo)：通過本章學(xué)習(xí)使學(xué)生了解UI設(shè)計案例展示欣賞與分析。 教學(xué)重點：掌握UI設(shè)計案例展示欣賞與分析。 教學(xué)難點：掌握UI設(shè)計案例展示欣賞與分析。 教學(xué)準備：課本、參考圖形 教學(xué)方法：講授、討論、案例分析 教 材： 教學(xué)時間：8課時 教學(xué)內(nèi)容：UI設(shè)計圖標(biāo)、輸入法、播放器、界面； 第一節(jié) 圖標(biāo) 圖標(biāo)是具有明確指代含義的計算機圖形。其中桌面圖標(biāo)是軟件標(biāo)識，界

19、面中的圖標(biāo)是功能標(biāo)識。 圖標(biāo)分為廣義和狹義兩種： 廣義 具有指代意義的圖形符號，具有高度濃縮并快捷傳達信息、便于記憶的特性。應(yīng)用X圍很廣，軟硬件網(wǎng)頁社交場所公共場合無所不在，例如：男女廁所標(biāo)志和各種交通標(biāo)志等。 狹義 　　應(yīng)用于計算機軟件方面，包括：程序標(biāo)識、數(shù)據(jù)標(biāo)識、命令選擇、模式信號或切換開關(guān)、狀態(tài)指示等。 　　一個圖標(biāo)是一個小的圖片或?qū)ο?，代表一個文件，程序，網(wǎng)頁，或命令。圖標(biāo)有助于用戶快速執(zhí)行命令和打開程序文件。單擊或雙擊圖標(biāo)以執(zhí)行一個命令。圖標(biāo)也用于在瀏覽器中快速展現(xiàn)內(nèi)容。所有使用一樣擴展名的文件具有一樣的圖標(biāo)。 　　圖標(biāo)有一套標(biāo)準的大小和屬性格

20、式，且通常是小尺寸的。每個圖標(biāo)都含有多X一樣顯示內(nèi)容的圖片，每一X圖片具有不同的尺寸和發(fā)色數(shù)。一個圖標(biāo)就是一套相似的圖片，每一X圖片有不同的格式。從這一點上說圖標(biāo)是三維的。圖標(biāo)還有另一個特性：它含有透明區(qū)域，在透明區(qū)域內(nèi)可以透出圖標(biāo)下的桌面背景。在結(jié)構(gòu)上圖標(biāo)其實和麥當(dāng)勞的巨無霸漢堡差不多。 　　一個圖標(biāo)實際上是多X不同格式的圖片的集合體，并且還包含了一定的透明區(qū)域。因為計算機操作系統(tǒng)和顯示設(shè)備的多樣性，導(dǎo)致了圖標(biāo)的大小需要有多種格式。 象素分辨 操作系統(tǒng)在顯示一個圖標(biāo)時，會按照一定的標(biāo)準選擇圖標(biāo)中最適合當(dāng)前顯示環(huán)境和狀態(tài)的圖像。如果你用的是Windows98操作系統(tǒng)，顯示環(huán)境

21、是 800x600分辨率，32位色深，你在桌面上看到的每個圖標(biāo)的圖像格式就是256色32x32象素大小。如果在一樣的顯示環(huán)境下，Windows XP操作系統(tǒng)中，這些圖標(biāo)的圖像格式就是：真彩色〔32位色深〕、32x32象素大小。下面就是Windows各個操作系統(tǒng)中的標(biāo)準圖標(biāo)格式：〔單位：大小象素—顏色〕 　　Windows 98 SE/ME/2000 　　48 x 48 - 256 32 x 32 - 256 16 x 16 - 256 　　48 x 48 - 16 32 x 32 - 16 16 x 16 - 16 　　Windows XP 　　48 x 48 - 32bit 32

22、x 32 - 32bit 24 x 24 - 32bit * 16 x 16 - 32bit 　　48 x 48 - 256 32 x 32 - 256 24 x 24 - 256 * 16 x 16 - 256 　　48 x 48 - 16 32 x 32 - 16 24 x 24 - 16 * 16 x 16 - 16 　　* 這種格式在XP圖標(biāo)中并不是必須的。 　　注意：Windows98/2000對24 x 24格式的圖標(biāo)不兼容。你可以在相關(guān)應(yīng)用軟件中打開含有這種圖像格式的圖標(biāo)，但操作系統(tǒng)卻認為是無效的。你必須確保你所設(shè)計的圖標(biāo)中至少含有以上所列的圖像格式來獲得良好的顯示效果。

23、如果操作系統(tǒng)在圖標(biāo)中找不到特定的圖像格式，它總是采用最接近的圖像格式來顯示，比如把大小為48 x 48的圖標(biāo)縮小為24 x 24象素大小。當(dāng)然，效果就差些了。 不同的操作系統(tǒng)版本 　　Windows 95， Windows 98， Windows ME， Windows 2000 　　· 建議： 48x48 〔 256色， 16色〕 ， 32x32 〔 256色， 16色〕 ， 16x16 〔 256色， 16色〕. 　　· 最低： 32x32 〔 256色， 16色〕 ， 16x16 〔 256色， 16色〕. 　　Windows XP 　　· 建議： 48x48 〔RGB

24、/A， 256色， 16色〕 ， 32x32 〔RGB /A， 256色， 16色〕 ， 24x24 〔RGB /A， 256色， 16色〕 ， 16x16 〔RGB /A， 256色， 16色〕 　　·最低： 32x32 〔的RGB /A， 256色， 16色〕 ， 16x16 〔的RGB /A， 256色， 16色〕. 　　·可選： 128x128 〔的RGB /A〕 　　Windows Vista? 　　· 建議： 256x256 〔RGB /A〕 ， 64x64 〔RGB /A〕 ， 48x48 〔RGB /A， 256色， 16色〕 ， 32x32 〔RGB /A， 256色

25、， 16色〕 ， 24x24 〔RGB /A， 256色， 16色〕 ， 16x16 〔RGB /A， 256色， 16色〕 　　· 最低： 256x256 〔RGB /A〕 ， 48x48 〔RGB /A， 256色〕 ， 32x32 〔RGB /A， 256色〕 ， 16x16 〔RGB /A， 256色〕 　　· 可選： 256x256 〔 256色， 16色〕 ， 64x64 〔 256色， 16色〕 此畫面為手機的操作系統(tǒng)的圖標(biāo)。 同學(xué)們主要在以下幾個方面來考慮： 1 造型； 2 顏色； 3 藝術(shù)性； 4 創(chuàng)造性； 5 統(tǒng)一性； 我收集了一些圖標(biāo)的文件，我們接下來

26、可以分享一下。 第二節(jié) 輸入法設(shè)計 輸入法是指為了將各種符號輸入計算機或其他設(shè)備〔如手機〕而采用的編碼方法。漢字輸入的編碼方法，根本上都是采用將音、形、義與特定的鍵相聯(lián)系，再根據(jù)不同漢字進展組合來完成漢字的輸入的。 中文熱門輸入法 搜狗拼音輸入法： 　　搜狗拼音輸入法是2006年6月由搜狐〔SOHU〕公司推出的一款Windows平臺下的漢字拼音輸入法。搜狗拼音輸入法是基于搜索引擎技術(shù)的、特別適合網(wǎng)民使用的、新一代的輸入法產(chǎn)品，用戶可以通過互聯(lián)網(wǎng)備份自己的個性化詞庫和配置信息。搜狗拼音輸入法為中國國內(nèi)現(xiàn)今主流漢字拼音輸入法之一，奉行永久免費的原如此。 QQ拼音輸入法： 　　

27、QQ拼音輸入法是騰訊公司開發(fā)的一種方便人們使用和觀看的輸入法，可下載各種各樣的皮膚來改變自身的皮膚。 同學(xué)們主要在以下幾個方面來考慮： 1 造型； 2 顏色； 3 藝術(shù)性； 4 創(chuàng)造性； 5 統(tǒng)一性； 我收集了一些圖標(biāo)的文件，我們接下來可以分享一下。 第三節(jié) 手機界面設(shè)計 同學(xué)們主要在以下幾個方面來考慮： 1 造型； 2 顏色； 3 藝術(shù)性； 4 創(chuàng)造性； 5 統(tǒng)一性； 我收集了一些圖標(biāo)的文件，我們接下來可以分享一下。 第四節(jié) 播放器 同學(xué)們主要在以下幾個方面來考慮： 1 造型； 2 顏色； 3 藝術(shù)性； 4 創(chuàng)造性； 5

28、 統(tǒng)一性； 我收集了一些圖標(biāo)的文件，我們接下來可以分享一下。 第五節(jié) 系統(tǒng)界面 同學(xué)們主要在以下幾個方面來考慮： 1 造型； 2 顏色； 3 藝術(shù)性； 4 創(chuàng)造性； 5 統(tǒng)一性； 我收集了一些圖標(biāo)的文件，我們接下來可以分享一下。 第四章 UI界面分析與設(shè)計 課 題：UI界面設(shè)計分析 授課教師：汪永吉 教學(xué)目標(biāo)：通過本章學(xué)習(xí)使學(xué)生了解UI界面設(shè)計分析。 教學(xué)重點：掌握UI界面設(shè)計分析。 教學(xué)難點：掌握UI界面設(shè)計分析。 教學(xué)準備：課本、參考圖形 教學(xué)方法：講授、討論、案例分析 教 材： 教學(xué)時間：16課時 教學(xué)內(nèi)容：； 第一節(jié) 主題 第二節(jié) 要素 第三節(jié) 分析 第四節(jié) 制作整合 第五節(jié) 成形 第六節(jié) 驗證 第五章 創(chuàng)作 課 題：UI界面設(shè)計創(chuàng)作 授課教師： 教學(xué)目標(biāo)：通過本章學(xué)習(xí)使學(xué)生了解UI界面設(shè)計創(chuàng)作。 教學(xué)重點：掌握UI界面設(shè)計創(chuàng)作。 教學(xué)難點：掌握UI界面設(shè)計創(chuàng)作。 教學(xué)準備：課本、參考圖形 教學(xué)方法：講授、討論、案例分析 教 材： 教學(xué)時間：24課時 教學(xué)內(nèi)容：； 創(chuàng)作 20 / 20