《UI設計》課程標準課程類型 理論+實踐(B)適用專業部門審核人編制日期七、主要教學資源要求1、實施條件（1）軟硬件條件裝有Photoshop、AI、Axure等的計算機實驗機房具體配置要求如下：1.教師機：CPU雙核2.6GHZ以上內存：2G硬盤：160G2.學生機：CPU雙核2.6GHZ以上內存：1G硬盤：120G（2）師資條件①應具備研究生和講師以上學歷，能綜合運用各種教法設計課程，掌握新技術，具有較強的專業能力新知識。②有豐富的行業經驗，具有相關職業資格證書和教師資格證書，有一定的企業一線工作經驗。2、實施建議（1）教材選用或編寫建議目前移動界面UI與設計的優秀教材并不多，建議選用教材內容上理論與案例實踐操作結合，書籍和光盤素材資源配套教材資料。在教案編寫上結合教師教學實踐和學生認知水平設計，體現“學生為主體”，圍繞學生知識的學習以及職業能力培養組織教學。3、教學方法和教學手段（1）教學方法項目教學法：通過項目化教學，提高知識技能。從課外實踐中提取有利于學生進步和能力提高的學習元素，進行分析和總結。案例教學法：通過教師課堂教學范例講解，學生同步完成。通過不同的教學案例讓學生掌握不同的模型制作方法。視頻教學法：觀摩優秀游戲界面制作教學視頻，擴大知識面，增強視野。課外實踐法：利用課余時間，學生在教師帶領下，參觀企業，進入實際工作崗位，感受真是項目與課堂項目的區別。（2）教學手段多媒體教學、案例演示教學、網絡教學4、學生學習方法小組討論學習：對班級學生進行分組教學，不同基礎的同學對案例制作的要求不一樣。每一個小組有組長帶頭組織組員進行分工合作，要求條理清晰、分工明確、考核透明合理。遷移學習：對設計相關學科進行融會貫通，課程之間的連貫性要達到一致。分類學科的同性和區別點要明確，并能認知其中的關聯所在。歸納學習：對每一個案例的完成，教師要及時點評，學生進行自我總結。讓每一次的案例都有一個明顯的進步，對經常犯下的錯誤要重點講解，并做好標記。《UI設計》課程標準一、課程基本信息課程名稱：UI設計 學 分：課程代碼： 學 時：先修課程： 后續課程：無 適用專業：二、課程性質《UI設計》是動漫制作技術、計算機網絡技術及計算機應用技術等專業的專業必修課程。“UI”熱是近幾年來興起的潮流，近幾年國內很多從事手機，軟件，網站，增值服務等企業和公司都設立了這個部門。還有很多專門從事UI設計的公司也應運而生。《UI設計》是所有與網絡通信軟件相關專業課程，該課程既可以鞏固前期所學的設計基礎理論知識和設計軟件應用知識，還重在給學生開拓新的專業知識面，認知一個新的設計領域，從而拓展職業能力和就業選擇面。UI界面設計也稱之為當代的新媒體，它是跨學科的學術領域，是在各門相關學科中提取相關的內容要素而綜合起來的系統學科。三、課程設計（一）課程目標設計打開任何一部智能手機，映入我們眼前都是一個個APP圖標，而現在的互聯網公司基本上都會開發一款屬于自己的APPo在UI設計公司中，根據移動UI設計項目的策劃要求，需要UI設計師設計APP界面，包括文字、圖片、動畫、聲音等內容的可以在移動設備上傳輸的界面，將策劃案中的內容、APP的主題模式,以及結合自己的認識通過藝術的手法表現出來，并根據設計需要或客戶需求修改APP界面。所修改的APP界面用于APP排版、測試及發布。1、知識目標通過對本課程的學習，使學生從心理學、人機工程學、設計藝術出發，掌握移動UI界面設計方法、理論與設計實例，探索新的風格設計規律。使學生能熟悉移動UI設計的流程和設計方法，學會系統規劃和全局思維，能夠完成一整套移動UI系統的界面設計。(1)掌握扁平化圖標和擬物化圖標的繪制原則，了解扁平化圖標和擬物化圖標設計的常見問題。(2)掌握扁平化圖標和擬物化圖標的區別及設計技巧。(3)了解音樂類、美食類、購物類APP設計風格。(4)掌握音樂類、美食類、購物類APP的設計原則。(5)了解綜合類社交APP設計風格，掌握綜合類社交APP的設計原則。(6)能夠進行Axure軟件操作，設計出原型界面。2、能力目標通過本課程的項目化學習，學生應該掌握軟件的基本操作，并初步具備UI界面設計能力。課程的設置面向職業崗位要求，職業崗位針對性較強，涉及的專業技能具有很強的專業性，其主要任務是培養學生的手機界面設計的制作能力,使學生了解當今界面設計制作的基本知識。(1)能夠掌握圖標設計的定義、特點及表現方法。(2)掌握扁平化圖標和擬物化圖標的設計技巧。(3)能夠掌握交互原型圖設計的分類及制作方法。(4)能夠掌握音樂類、美食類、購物類APP設計的表現方法。(5)能夠掌握社交類APP設計的原型圖及效果圖的表現方法。(6)根據用戶需求設計用戶產品交互原型，為UI設計工作提供思想指導。3、素質目標通過本課程的教學，我們重要的是培養學生觀察生活、體驗生活、體驗、審美能力、吃苦精神和激發學生的創造能力的方法和手段。通過本課程的教學，使學生具備能從事UI系統的開發與設計能力，培養學生團隊合作、及獨立思考能力。(1)具有勤奮學習的態度，嚴謹求實、創新的工作作風；(2)具有良好的心理素質和職業道德素質；(3)具有高度責任心和良好的團隊合作精神；(4)具有一定的科學思維方式和判斷分析問題的能力；(二)課程教學活動設計1.課程內容設計（一般指一級項目編號及名稱、內容）序號項目（模塊）名稱學時1項目一：扁平化圖標設計122項目二：擬物化圖標設計83項目三：交互原型圖設計84項目四：手機App界面設計165項目五：綜合APP訓練166復習、考試4合計642,能力訓練項目設計（一般指二級項目內容）編號能力訓練項目名稱學時能力目標主要支撐知識訓練方式及步驟結果（可展示）項目.線性圖標制作.折紙音樂圖標制作.扁平化導航圖標制作.扁平化電話圖標制作.MBE風格相機圖標制作12.具有熟練運用Photoshop軟件繪制扁平化圖標的能力；.能夠掌握扁平化圖標的分類和風格；.具有對扁平化圖標進行色彩搭配的能力；.具有一定的美術基礎、良好的.通過實踐練習，了解扁平化圖標的概念、分類、設計尺寸、圖標設計的作用；.掌握布爾運算及形狀工具的繪制技巧；.掌握扁平化圖標設計的表現方法。.項目化教學，先由教師闡述扁平化設計的基本知識；.然后展示扁平化圖標的最終效果；.演示扁平化圖標繪制的操作步驟；.學生練習；5,總結重點、難點；糾正圖標制作過程中易出現的問題。nO.造型能力。項目1.寫實吊牌圖標制作2.寫實輪盤圖標制作81.具有掌握擬物化圖標的特點，并且熟練運用Photoshop軟件繪制擬物化圖標的能力；1.通過實踐練習，了解擬物化圖標的概念、分類、設計規范、擬物化圖標的特點；1.項目化教學，先由教師闡述擬物化圖標的特點，物化圖標與扁平化圖標的區別；rk2.能夠掌握擬物2.掌握布爾運2.然后展示擬物化3.寫實云朵圖標制作4.寫實膠囊圖標制作化圖標的分類和風格；3.具有對擬物化圖標進行色彩搭配的能力；算及形狀工具的繪制技巧；3.掌握圖層樣式的應用方法；4.掌握擬物化圖標的最終效果；.演示擬物化圖標繪制的操作步驟；.學生練習；.總結重點、難點；▲4、_-一^■4.具有一定的美術基礎、良好的造型能力。圖標設計的表現方法。項目.注冊界面原型圖制作.登錄交互原型圖制作?首頁原型圖制作.引導頁原型圖制作8.具有熟練運用Axure軟件繪制原型圖的能力；.具有能夠設計思維導圖的能力；.具有對原型圖進行規范布局的能力；.具有展示原型圖的交互性能力。.掌握APP產品的基本需求主要傾向于哪些方面；了解產品功能構架的基本內容。.掌握Axure軟件的基本操作；.掌握原型圖的設計原則。項目四LAPP個人中心制作.美食類App首頁設計.美食類App詳情頁設計.每日生鮮APP原型圖制作.每日生鮮APP首頁制作.音樂App個人中心設計.歌曲播放界面設計16.具有熟練運用Photoshop軟件繪制手機APP界面的能力；.能夠掌握手機APP界面的分類和風格；.具有對手機APP界面進行色彩搭配的能力；.能夠掌握手機APP界面的設計原則；.具有一定的美術基礎、良好的造型能力。1.通過實踐練習，了解手機APP界面的分類、設計規范、設計風格等特占-J、、、9.掌握布爾運算及形狀工具的繪制技巧；.掌握手機APP界面的色彩搭配；.手機APP的行業特點；.掌握手機APP界面設計的表現方法。糾正擬物化圖標制作過程中易出現的問題。.項目化教學，先由教師闡述客戶需求及產品功能構架的基本內容；.展示低保真原型圖的最終效果；.演示原型圖繪制的操作步驟；.學生練習；.總結重點、難點;糾正原型圖制作過程中易出現的問題。.項目化教學，先由教師闡述手機APP界面的分類、行業特點、設計規范、設計風格等基本內容；.展示手機APP界面的最終效果；.演示手機APP界面繪制的操作步驟；.學生練習；.總結重點、難點;糾正手機APP界面制作過程中易出現的問題。區區區區■■■匚有M?十Q授兵供組-華夫忸? ?? Q?aaa0MocumV18*)1■!88■axivM16L項目化教學，先由教師闡述社交類APP的行業特點、設計規范、設計風格、形成系統觀念等基本內容；.展示社交APP16L項目化教學，先由教師闡述社交類APP的行業特點、設計規范、設計風格、形成系統觀念等基本內容；.展示社交APP的整套原型圖及效果圖。.演示社交APP原型圖及效果圖繪制的操作步驟；.學生練習；.總結重點、難點;糾正社交APP原型圖及效果圖制作過程中易出現的問題。在2019當你分享3W可以松香行業大點“說V文?en ui”計 !tv.首頁原型圖設計.社交類APP首頁設計.圈子頁原型圖設計.社交類APP圈子頁設計.動態發布頁原型圖設計.動態發布頁APP設計.個人中心原型圖設計.社交類APP個人中心設計.具有熟練運用Axure軟件繪制原型圖的能力；.具有熟練運用Photoshop軟件繪制手機APP界面的能力；.能夠掌握交互原型圖解析；形成系統的觀念，完成整體交互；.具有對手機APP界面進行色彩搭配的能力；.具有一定的美術基礎、良好的造型能力。.掌握手機APP界面的構成;形成系統的觀念，完成整體社交APP的設計；.掌握社交類APP首頁、圈子頁、APP動態發布頁、個人中心頁原型圖及效果圖制作；.掌握社交類APP原型圖及效果圖制作的設計規范；.掌握手機APP界面的色彩搭配。四、教學內容與學時（一）教學內容與學時分配本課程根據UI設計的實際工作過程，結合高職學生的知識基礎和實踐技術的教學規律，確定了5個學習情境。表1課程項目結構與學時分配表序號項目名稱項目內容主要教學知識點學習目標學時1項目一：扁平化圖標設計.線性圖標制作.折紙音樂圖標制作.扁平化導航圖標制作.扁平化電話圖標制作.MBE風格相機圖標制作.通過實踐練習，了解扁平化圖標的概念、分類、設計尺寸、圖標設計的作用；.掌握布爾運算及形狀工具的繪制技巧；.掌握扁平化圖標設計的表現方法。.能夠熟練運用Photoshop軟件繪制扁平化圖標；.能夠掌握扁平化圖標的分類和風格；.能夠對扁平化圖標進行色彩搭配；.具有一定的美術基礎、良好的造型能力。122項目二：擬物化圖標設計.寫實吊牌圖標制作.寫實輪盤圖標制作1.通過實踐練習，了解擬物化圖標的概念、分類、設計規范、擬物化圖標的特點；.能夠熟練運用Photoshop軟件繪制擬物化圖標；.能夠掌握擬物化圖83.寫實玄朵圖標制作4.寫實膠囊圖標制作.掌握布爾運算及形狀工具的繪制技巧；.掌握圖層樣式的應用方法；.掌握擬物化圖標設計的表現方法。標的分類和風格；.具有對擬物化圖標進行色彩搭配的能力；.具有一定的美術基礎、良好的造型能力。3項目三：交互原型圖設計.注冊界面原型圖制作.登錄交互原型圖制作.首頁原型圖制作.引導頁原型圖制作1,掌握APP產品的基本需求主要傾向于哪些方面；了解產品功能構架的基本內容。.掌握Axure軟件的基本操作；.掌握原型圖的設計原則。.能夠熟練運用Axure軟件繪制原型圖；.能夠掌握客戶需求，設計思維導圖；.能夠對原型圖進行規范布局；.能夠展示原型圖的交互性。84項目四：手機App界面設計LAPP個人中心制作.美食類App首頁設計.美食類App詳情頁設計.每日生鮮APP原型圖制作.每日生鮮APP首頁制作.音樂App個人中心設計.歌曲播放界面設計.通過實踐練習，了解手機APP界面的分類、設計規范、設計風格等特點；.掌握布爾運算及形狀工具的繪制技巧；.掌握手機APP界面的色彩搭配；.手機APP的行業特點；.掌握手機APP界面設計的表現方法。.具有熟練運用Photoshop軟件繪制手機APP界面的能力；.能夠掌握手機APP界面的分類和風格；.具有對手機APP界面進行色彩搭配的能力；.能夠掌握手機APP界面的設計原則；.具有一定的美術基礎、良好的造型能力。165項目五：綜合APP訓練.首頁原型圖設計.社交類APP首頁設計.圈子頁原型圖設計.社交類APP圈子頁設計.動態發布頁原型圖設計.動態發布頁APP設計.個人中心原型圖設計.社交類APP個人.掌握手機APP界面的構成；形成系統的觀念，完成整體社交APP的設計；.掌握社交類APP首頁、圈子頁、APP動態發布頁、個人中心頁原型圖及效果圖制作；.掌握社交類APP原型圖及效果圖制作的設計規范；.掌握手機APP界面的色彩搭配。.能夠熟練運用Axure軟件繪制原型圖；2,能夠熟練運用Photoshop軟件繪制手機APP界面的能力；.能夠掌握交互原型圖解析；形成系統的觀念，完成整體交互；.具有對手機APP界面進行色彩搭配的能力；.具有一定的美術基礎、良好的造型能力。16中心設計《UI設計》是一門專業課很強的課程，它不僅要對學生的繪畫技法有很強的針對性，還要對學生的平常生活中觀察能力的培養。通過案例式教學，實現學生職業技能與工作崗位群的對接，促進本專業學生全面職業素質的養成。促進審美能力的提高，還對游戲策劃創作中起到幫助的作用，為其它設計課程的學習以及將來的崗位工作打下良好的基礎。（二）第一次課設計梗概項目一：扁平化圖標設計.導入：（5分鐘）提出問題，什么是圖標？圖標有哪些類型？.教學新課：（25分鐘）通過資料PPT展示和講授，使學生了解圖標的概念、類型以及線性圖標的特點；通過實操演示地圖定位圖標的制作過程，突出重點和難點。.鞏固練習：（40分鐘）①設計要點：圖標基礎形狀一般由外輪廓+內部線條組成。在造型上可以從線條粗細、圓角半徑大小、圖標復雜程度等方面考慮。②設計要求：任務1：學生模仿制作地圖定位圖標，舉一反三，可以制作多個線性圖標。4.課堂小結：（10分鐘）（1）重點、難點回顧，解決學生實訓中存在的問題。（2）課后搜集資料，模仿制作線性圖標。五、課