移動UI設(shè)計 課程標(biāo)準(zhǔn)（教學(xué)大綱）

1、移動UI設(shè)計（微課版）課程標(biāo)準(zhǔn)XXXX學(xué)校二。二二年 月【課程名稱】【適用專業(yè)】【開課時間】【課程類型】一.課程基本信息移動UI設(shè)計（微課版）【課程名稱】【適用專業(yè)】【開課時間】【課程類型】數(shù)字媒體與藝術(shù)設(shè)計專業(yè)第X學(xué)期專業(yè)基礎(chǔ)課/專業(yè)核心課/專業(yè)拓展課等二.課程性質(zhì)與任務(wù)課程性質(zhì)：移動UI設(shè)計（微課版）是數(shù)字媒體與藝術(shù)設(shè)計專業(yè)的一門核 心專業(yè)課程，依據(jù)職業(yè)能力的要求，主要對移動UI設(shè)計、iOS和Android系統(tǒng) 移動設(shè)備界面的結(jié)構(gòu)及設(shè)計規(guī)范等相關(guān)知識進(jìn)行梳理和講解，主要介紹了移動 UI設(shè)計基礎(chǔ)知識、移動UI的籌劃與原型設(shè)計方法、移動UI的色彩搭配方法、 移動圖標(biāo)的設(shè)計方法、移動App的UI

2、設(shè)計方法、移動App的交互設(shè)計、適配與 輸出移動UI設(shè)計的方法和設(shè)計與制作移動App工程的相關(guān)知識等八局部內(nèi)容。隨著科技的開展，手機(jī)與人們生活的聯(lián)系日益密切。手機(jī)中的軟件系統(tǒng)是 用戶直接操作的對象，它以精美的視覺效果和便捷的操作為用戶所青睞，進(jìn)而 促進(jìn)了移動UI設(shè)計行業(yè)的興盛。本課程使學(xué)生進(jìn)一步了解移動UI設(shè)計的相關(guān)知識，在工程的實踐過程中激 發(fā)學(xué)生的創(chuàng)新意識，促使學(xué)生加深掌握移動UT設(shè)計的基本知識，使學(xué)生實現(xiàn)從 學(xué)校到社會的平滑過渡。課程任務(wù)：通過學(xué)習(xí)移動UI設(shè)計等相關(guān)理論知識，不僅促使學(xué)生具備移動 UI設(shè)計相關(guān)的理論知識和行業(yè)素養(yǎng)，同時也有助于培養(yǎng)學(xué)生發(fā)現(xiàn)問題、分析問 題、解決問題的能力，

3、使學(xué)生能夠具有相對良好的溝通、交流和協(xié)調(diào)能力，培 養(yǎng)良好的職業(yè)道德和行為素養(yǎng)，為后續(xù)的課程學(xué)習(xí)和職業(yè)開展打下堅實的基礎(chǔ)。三、職業(yè)崗位標(biāo)準(zhǔn)1 .典型職業(yè)活動移動UI設(shè)計師等。2 .典型職業(yè)崗位標(biāo)準(zhǔn)（或工作內(nèi)容、職責(zé)）、技術(shù)等級標(biāo)準(zhǔn)職業(yè)功能移動UI設(shè)計師工作內(nèi)容.負(fù)責(zé)軟件界面的美術(shù)設(shè)計、創(chuàng)意工作和制作工作；.根據(jù)各種相關(guān)軟件的用戶群，提出構(gòu)思新穎、有高度吸引力的創(chuàng)意設(shè)計；.對頁面進(jìn)行優(yōu)化，使用戶操作更趨于人性化；.維護(hù)現(xiàn)有的應(yīng)用產(chǎn)品。相關(guān)知識.藝術(shù)設(shè)計，多媒體設(shè)計，動畫設(shè)計，工業(yè)設(shè)計等相關(guān)設(shè) 計藝術(shù)專業(yè)；.可以獨(dú)立設(shè)計手機(jī)界面里的所有畫面元素，能夠原創(chuàng)圖 標(biāo)及制作動畫效果；.熟練Photoshop

4、, ai, Flash,或者其他設(shè)計軟件；.有扎實的美術(shù)功底和審美能力，富有創(chuàng)新精神，有良好 的平面設(shè)計和造型設(shè)計能力；.有較強(qiáng)的學(xué)習(xí)能力，能不斷的跟蹤學(xué)習(xí)，新的設(shè)計理念 和流行趨勢；.對移動互聯(lián)網(wǎng)及移動終端手機(jī)UI軟件行業(yè)開展有深刻的 理解。3.主要職業(yè)能力1）培養(yǎng)學(xué)生嚴(yán)謹(jǐn)認(rèn)真的工作態(tài)度和終身學(xué)習(xí)的習(xí)慣；2）培養(yǎng)學(xué)生在實際工作中遵守相關(guān)規(guī)范和要求；3）豐富學(xué)生的知識結(jié)構(gòu)，提升專業(yè)技能；4）培養(yǎng)良好的人際溝通能力和團(tuán)隊互助的精神；5）培養(yǎng)學(xué)生自我學(xué)習(xí)、勇于創(chuàng)新、積極承擔(dān)不同角色的能力。四、課程教學(xué)目標(biāo).課程總體目標(biāo)本課程根據(jù)數(shù)字媒體與藝術(shù)設(shè)計專業(yè)學(xué)生將來工作過程中所必須具備的綜 合職業(yè)能力出發(fā)

5、，應(yīng)用先進(jìn)教學(xué)方法和教學(xué)理論，優(yōu)化和整合教學(xué)內(nèi)容，將基 于移動UI設(shè)計與操作案例相結(jié)合，構(gòu)建一種創(chuàng)新型的移動UI設(shè)計教學(xué)。 本課程對移動UI設(shè)計、iOS和Android系統(tǒng)移動設(shè)備界面的結(jié)構(gòu)及設(shè)計規(guī)范等 相關(guān)知識進(jìn)行了梳理和講解，主要通過案例操作的形式，希望通過分析案例操 作的過程，使學(xué)生能夠逐步培養(yǎng)自我思考、自我分析的能力，同時提升專業(yè)技 能。從而促進(jìn)學(xué)生的綜合能力的全面提升，充分滿足社會對于適應(yīng)型人才的需 求。.職業(yè)能力目標(biāo)：掌握移動UT設(shè)計、移動UI的系統(tǒng)分類、移動UI設(shè)計流程、移動UT 設(shè)計原那么和移動UI設(shè)計流程的職位劃分。掌握移動UI目標(biāo)用戶、移動IH籌劃書、思維導(dǎo)圖、繪制思維導(dǎo)圖

6、的 常用軟件、繪制移動UI思維導(dǎo)圖、繪制UI草圖、繪制原型的常用軟 件和繪制移動UI原型圖。掌握色彩搭配方法與配色方法、構(gòu)建移動UI顏色系統(tǒng)和移動UI色彩 搭配的本卷須知。掌握圖標(biāo)設(shè)計常用軟件、圖標(biāo)柵格系統(tǒng)、圖標(biāo)設(shè)計形式、App圖標(biāo)的分 類、圖標(biāo)尺寸和圖標(biāo)組設(shè)計規(guī)范。掌握移動UI的基本元素、常見的UI設(shè)計軟件、移動UI的設(shè)計基礎(chǔ)、 移動LI的字體規(guī)范、移動UI圖片尺寸規(guī)范和移動App內(nèi)容布局。掌握常見的交互設(shè)計軟件、交互設(shè)計的基本流程、移動UI交互的類型、 動效在UI中的作用和交互設(shè)計需要遵循的習(xí)慣。掌握標(biāo)注的重要性、常見的標(biāo)注軟件、標(biāo)注移動U1、移動UI標(biāo)注規(guī)范、 輸出與適配iOS UI設(shè)計

7、和輸出與適配Android系統(tǒng)UI設(shè)計。掌握美妝電商App工程和美食外賣App工程的制作。五、課程內(nèi)容根據(jù)移動UI設(shè)計相關(guān)工作內(nèi)容，總結(jié)出適應(yīng)學(xué)生特點(diǎn)的，并與數(shù)字媒體與 藝術(shù)設(shè)計工作相關(guān)的基于移動UI設(shè)計的知識，通過學(xué)習(xí)、分析操作案例。本書 圍繞移動UI設(shè)計，向讀者介紹了相關(guān)的基本知識和操作案例，構(gòu)建成體系的 運(yùn)營過程，為實際操作打下堅實的基礎(chǔ)。本課程的學(xué)習(xí)內(nèi)容分解如下：課程內(nèi)容與教學(xué)要求序號名稱主要內(nèi)容教學(xué)要求建議 學(xué)時第1章關(guān)于移動UI設(shè)計了解移動UI設(shè)計移動UI的系統(tǒng)分類移動UI設(shè)計流程移動UI設(shè)計原那么移動UI設(shè)計流程的職位劃分講解移動UI設(shè) 計中的基礎(chǔ)知 識，幫助學(xué)生快 速了解移動U

8、I 設(shè)計的基礎(chǔ)知識第2章移動UI策 劃與原型設(shè) 計確定移動UI目標(biāo)用戶完成移動UI籌劃書了解思維導(dǎo)圖繪制思維導(dǎo)圖的常用軟件繪制移動UI思維導(dǎo)圖繪制移動UI草圖了解原型設(shè)計繪制原型的常用軟件繪制移動U1原型圖講解如何將客戶 提出的抽象化描 述轉(zhuǎn)化為具象化 的移動UT籌劃 和原型設(shè)計，轉(zhuǎn) 化過程中使用的 方法及常用軟 件，幫助學(xué)生更 好地完成每一款 移動UI產(chǎn)品的 籌劃與原型設(shè)計第3章優(yōu)秀的移動 UI色彩搭 配認(rèn)識色彩和諧、統(tǒng)一的色彩搭配方法突出、比照的配色方法構(gòu)建移動U顏色系統(tǒng)移動UI色彩搭配的本卷須知講解如何為一款 移動App工程構(gòu) 建符合設(shè)計主題 的顏色系統(tǒng)，幫 助學(xué)生掌握如何 讓移動UI的

9、外 觀變得更加出 彩，從而可以吸 引更多的用戶第4章出色的移動 圖標(biāo)設(shè)計初始App圖標(biāo)圖標(biāo)設(shè)計常用軟件熟悉圖標(biāo)柵格系統(tǒng)圖標(biāo)設(shè)計形式App圖標(biāo)的分類圖標(biāo)尺寸圖標(biāo)組設(shè)計規(guī)范講解圖標(biāo)相關(guān)的 概念、設(shè)計形式 和設(shè)計尺寸及設(shè) 計制作方法，是 學(xué)生進(jìn)入UI設(shè) 計行業(yè)的必備條 件第5章移動App的 UI設(shè)計移動UI的基本元素常見的UI設(shè)計軟件移動UI的設(shè)計基礎(chǔ)移動UI的字體規(guī)范移動UI圖片尺寸規(guī)范移動App內(nèi)容布局講解有關(guān)App界 面的設(shè)計規(guī)范和 設(shè)計技巧，使學(xué) 生掌握App界面 的設(shè)計規(guī)范和 App界面的設(shè)計 方法第6章移動App交 互設(shè)計 了解UI交互設(shè)計常見的交互設(shè)計軟件交互設(shè)計的基本流程移動UI交互

10、的類型動效在UI中的作用交互設(shè)計需要遵循的習(xí)慣講解有關(guān)移動 App交互設(shè)計的 相關(guān)基礎(chǔ)知識， 使學(xué)生掌握移動 App交互類型， 并了解制作移動 App交互的繪制 軟件和表現(xiàn)方法第7章適配與輸出 移動UI設(shè) 計標(biāo)注的重要性常見的標(biāo)注軟件標(biāo)注移動UI移動UI標(biāo)注規(guī)范輸出與適配iOS UI設(shè)計輸出與適配Android系統(tǒng)UI設(shè)計講解標(biāo)注的重要 性、常見的標(biāo)注 軟件、標(biāo)注移動 UT和移動UT標(biāo) 注規(guī)范及輸出 UI切片資源等 內(nèi)容，使學(xué)生能 夠理解標(biāo)注移動 UT和輸出切片 資源的作用與條 件，從而完成標(biāo) 注和導(dǎo)出移動 App UI的操作第8章設(shè)計與制作 移動App項目設(shè)計與制作美妝電商App工程設(shè)計與制

11、作美食外賣App工程講解設(shè)計與制作 兩個移動UI項 日，幫助學(xué)生鞏 固前面所學(xué)的知 識，同時加深學(xué) 生對移動UI設(shè) 計規(guī)范的理解學(xué)時合計：學(xué)時六、教學(xué)實施建議.教學(xué)建議：采用“理論+案例”的教學(xué)法，通過案例分析加強(qiáng)知識理解，將所學(xué)知識與 操作案例相結(jié)合，幫助學(xué)生準(zhǔn)確理解與使用移動UI設(shè)計的相關(guān)知識，并領(lǐng)會 移動UI設(shè)計的內(nèi)在實質(zhì)。充分利用掛圖、投影和多媒體等教學(xué)手段。.教學(xué)評價建議：在本課程實施過程中，突出評價的教育功能，注重過程評價與結(jié)果評價并 重、定性評價與定量評價相結(jié)合，形成教師和學(xué)生共同參與的多元評價主體， 構(gòu)建評價體系。.教材編寫與選用建議：教材編寫要表達(dá)課程的特色與設(shè)計思想，教材內(nèi)

12、容表達(dá)先進(jìn)性、實用性， 操作案例的選取要科學(xué)，采用全流程設(shè)計的方式，由淺入深地講解初學(xué)者需要 掌握的基礎(chǔ)知識和操作技巧，全面解析各種元素的具體繪制方法，并在知識點(diǎn) 后銜接相關(guān)案例，使學(xué)生能夠輕松理解知識點(diǎn)。教材力求文字標(biāo)準(zhǔn)規(guī)范、正確、 科學(xué)，配備適量的直觀圖片和視頻影像資料。.實驗實訓(xùn)設(shè)備配置建議：充分利用掛圖、投影和多媒體等教學(xué)手段，采用理論知識與操作案例分析 相結(jié)合的教學(xué)模式，幫助學(xué)生準(zhǔn)確理解相關(guān)知識。.課程資源開發(fā)與利用建議：開發(fā)相關(guān)輔導(dǎo)用書、教師指導(dǎo)用書、網(wǎng)絡(luò)資源，要注重仿真軟件的應(yīng)用及 開發(fā)。課時內(nèi)容關(guān)于移動UI設(shè)計授課時間 分鐘課時教學(xué)目標(biāo)0 了解移動UI設(shè)計；0移動UI的系統(tǒng)分類

13、；0移動UI設(shè)計流程；0移動UI設(shè)計原那么；0移動UI設(shè)計流程的職位劃分。教學(xué)重點(diǎn)0掌握移動UI設(shè)計原那么；0掌握移動UI設(shè)計流程的職位劃分。教學(xué)難點(diǎn)0掌握移動UI設(shè)計流程。教學(xué)設(shè)計1、教學(xué)思路：通過對移動UI設(shè)計相關(guān)基礎(chǔ)知識的講解了解移動UI設(shè)計；2、教學(xué)手段：針對移動UI與PC端UI的區(qū)別、移動UI的系統(tǒng)分類、移動UI設(shè)計流 程、移動UI設(shè)計原那么和移動UI設(shè)計流程的職位劃分進(jìn)行講解。教學(xué)內(nèi)容討論問題：1、移動UI的系統(tǒng)分類有哪些？2、移動UI設(shè)計原那么有哪些？內(nèi)容大綱：具體可結(jié)合本章的PPT課件進(jìn)行配合講解“1.1 了解移動門設(shè)計1. 1. 1初始移動UI設(shè)計1. 1.2移動UI設(shè)計的概念1. 1.3移動UI與PC端UI1.4將PC端UI重置為移動UI移動UI的系統(tǒng)分類. 1 iOS2. 2 Android 系統(tǒng)HarmonyOSWear OS 和 watchOS1.3移動UI設(shè)計流程3. 1需求分析原型設(shè)計UI 設(shè)計1.4移動UI設(shè)計原那么1.4. 1風(fēng)