移動UI設計 課程標準（教學大綱）

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

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

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

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

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

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

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

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

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

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

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

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

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