移動UI設(shè)計 課程標(biāo)準(zhǔn)(教學(xué)大綱)_第1頁
移動UI設(shè)計 課程標(biāo)準(zhǔn)(教學(xué)大綱)_第2頁
移動UI設(shè)計 課程標(biāo)準(zhǔn)(教學(xué)大綱)_第3頁
移動UI設(shè)計 課程標(biāo)準(zhǔn)(教學(xué)大綱)_第4頁
移動UI設(shè)計 課程標(biāo)準(zhǔn)(教學(xué)大綱)_第5頁
已閱讀5頁,還剩5頁未讀 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

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)

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論