《UI創(chuàng)意設(shè)計(jì)》課程標(biāo)準(zhǔn)

1、UI創(chuàng)意設(shè)計(jì)課程標(biāo)準(zhǔn)一、課程概述：本課程分為基礎(chǔ)和創(chuàng)意兩個(gè)局部，系統(tǒng)講授UI設(shè)計(jì)的基本知識、圖標(biāo)設(shè)計(jì)、控件設(shè)計(jì) 以及移動終端UI設(shè)計(jì)、PC端UI設(shè)計(jì)和各種智能終端設(shè)備的UI設(shè)計(jì)方法，共計(jì)72學(xué)時(shí)。 課程內(nèi)容涵蓋UI設(shè)計(jì)基礎(chǔ)知識、不同控件及圖標(biāo)的設(shè)計(jì)制作及配套的工程案例制作等，從 簡單的圖標(biāo)、控件設(shè)計(jì)依次上升到復(fù)雜的界面設(shè)計(jì)，完整地講授創(chuàng)意UI設(shè)計(jì)的方法和制作 流程。在此基礎(chǔ)上，結(jié)合行業(yè)標(biāo)準(zhǔn)，針對不同智能終端設(shè)備的UI界面需求進(jìn)行整套的創(chuàng)意 設(shè)計(jì)方案，讓學(xué)生更好地了解UI設(shè)計(jì)行業(yè)制作規(guī)范以及UI控件設(shè)計(jì)制作對不同智能設(shè)備制 作尺寸大小及外觀的要求，掌握行業(yè)制作的流程及方法，為學(xué)生今后從事UI設(shè)計(jì)

2、制作工作 奠定基礎(chǔ)。二、教學(xué)目標(biāo)通過本課程的學(xué)習(xí)，培養(yǎng)學(xué)生的制作能力，包括：圖標(biāo)的設(shè)計(jì)制作技術(shù)、不同控件的設(shè) 計(jì)制作技術(shù)、UI界面的制作技術(shù)等，讓學(xué)生能完成從簡單圖標(biāo)及控件到復(fù)雜UI界面的創(chuàng)意 設(shè)計(jì)制作；培養(yǎng)學(xué)生的創(chuàng)意設(shè)計(jì)能力，包括：不同風(fēng)格的圖標(biāo)設(shè)計(jì)、不同功能的控件設(shè)計(jì)、 不同智能終端設(shè)備的界面設(shè)計(jì)等；培養(yǎng)學(xué)生分析問題、解決問題的科學(xué)方法，為其后續(xù)更深 入的學(xué)習(xí)和實(shí)踐打下良好的基礎(chǔ)。(一)知識目標(biāo)(1)理解UI設(shè)計(jì)的概念、分類及目的。(2)掌握UI設(shè)計(jì)的流程及設(shè)計(jì)原那么。(3)掌握確立UI設(shè)計(jì)風(fēng)格的方法。(4)掌握圖標(biāo)的設(shè)計(jì)原那么及設(shè)計(jì)流程。(5)掌握扁平化圖標(biāo)、微扁平化圖標(biāo)及擬物化圖標(biāo)的設(shè)

3、計(jì)方法。(6)掌握控件的分類及其功能。(7)掌握APP的構(gòu)成元素。(8)掌握WUI的設(shè)計(jì)原那么及設(shè)計(jì)規(guī)范。(9)掌握GUI界面組成及設(shè)計(jì)流程。(二)能力目標(biāo)(1)會識別不同終端的界面。（2）會確立IH設(shè)計(jì)的風(fēng)格。（3）會按照流程設(shè)計(jì)圖標(biāo)。（4）會設(shè)計(jì)和制作不同風(fēng)格的圖標(biāo)。（5）會根據(jù)功能設(shè)計(jì)進(jìn)度條、按鈕等不同的控件。（6）會進(jìn)行APP導(dǎo)航分類。（7）會進(jìn)行不同風(fēng)格不同類型的APP界面設(shè)計(jì)。（8）會按照流程進(jìn)行WUI設(shè)計(jì)及網(wǎng)頁logo、按鈕、導(dǎo)航、Banner設(shè)計(jì)和制作。（9）會按照流程進(jìn)行不同智能終端設(shè)備的界面設(shè)計(jì)。（三）育人目標(biāo)（1）遵守職業(yè)道德，立足時(shí)代、深入生活，樹立正確的藝術(shù)觀和創(chuàng)作觀

4、；（2）明確理論指導(dǎo)實(shí)踐，訓(xùn)練有序思維，養(yǎng)成預(yù)想和計(jì)劃行為習(xí)慣；（3）培養(yǎng)認(rèn)真嚴(yán)謹(jǐn)、精益求精的工作態(tài)度，充分發(fā)揚(yáng)工匠精神和勞動精神；（4）堅(jiān)持美育教育，弘揚(yáng)美育精神，提高學(xué)生的審美和人文素養(yǎng)，傳播“真、善、 美”的社會責(zé)任心；（5）理解中華優(yōu)秀傳統(tǒng)文化的思想精華和蘊(yùn)含的時(shí)代價(jià)值；增強(qiáng)文化自信，建立民族 自豪感，加強(qiáng)社會責(zé)任感。三、教學(xué)模式遵循“以學(xué)習(xí)者為中心”的理念，采用線上線下混合式教學(xué)，以在線學(xué)習(xí)為主， 適當(dāng)結(jié)合線下面授和討論等，課程內(nèi)容在線學(xué)習(xí)時(shí)長達(dá)50%以上。學(xué)習(xí)方式為教師引 領(lǐng)、學(xué)生線上自學(xué)及工程驅(qū)動任務(wù)引領(lǐng)教學(xué)法等。四、教學(xué)日歷：建議4學(xué)時(shí)/周教學(xué)模塊周次教學(xué)主題學(xué)習(xí)成果學(xué)習(xí)資源學(xué)

5、習(xí)活動UI設(shè)計(jì)基礎(chǔ)1UI設(shè)計(jì)入門UI設(shè)計(jì)流程.掌握UI設(shè)計(jì)的概 念、分類及目的。.掌握UI設(shè)計(jì)的流 程及設(shè)計(jì)原那么初識UI設(shè)計(jì)視頻UI設(shè)計(jì)原那么視頻UI設(shè)計(jì)流程視頻UI設(shè)計(jì)風(fēng)格視頻UI設(shè)計(jì)中的色彩、字體、常用工具.在線作業(yè).在線測試視頻圖標(biāo)設(shè)計(jì) 制作2-41.認(rèn)識圖標(biāo) 2.設(shè)計(jì)制作 不同類型的 圖標(biāo).掌握圖標(biāo)的設(shè)計(jì) 原那么及設(shè)計(jì)流程.完成“便簽”、“天氣”、“下載” 及“郵箱”等圖標(biāo)的 設(shè)計(jì)與制作.認(rèn)識圖標(biāo)視頻.制作便簽圖標(biāo)視 頻.制作郵箱圖標(biāo)視 頻.圖標(biāo)設(shè)計(jì)系列微 課（PPT、視頻）.作業(yè)：制 作指定圖標(biāo).在線測試.在線討論控件設(shè)計(jì) 制作5-71.認(rèn)識控件2.設(shè)iWJ作 不同控件.掌握控件的

6、分類及其功能.完成“進(jìn)度條”和“按鈕”的設(shè)計(jì)與制作.認(rèn)識UI控件視頻.繪制簡潔音樂進(jìn)度條視頻.繪制質(zhì)感按鈕視頻.控件設(shè)計(jì)系列微 課（PPT、視頻、）1.作業(yè)：制作指定控件2.在線測試3.在線討論AUI設(shè)計(jì) 與制作8-10. APP UI 設(shè) 計(jì).設(shè)計(jì)制作 不同風(fēng)格的 手機(jī)界面.掌握APP的構(gòu)成元素.完成“主題”、“鎖屏”及“應(yīng)用”界面設(shè)計(jì).認(rèn)識APPUI設(shè)計(jì)視頻.手機(jī)鎖屏界面設(shè)計(jì)視頻.手機(jī)界面系列微課（PPT、視頻）.作業(yè)：制 作指定手機(jī) 界面.在線測試.在線討論WUI設(shè)計(jì) 與制作11-13. WUI設(shè)計(jì).設(shè)計(jì)網(wǎng)頁 不同元素及 首頁界面.掌握WUI的設(shè)計(jì) 原那么及設(shè)計(jì)規(guī)范.掌握網(wǎng)頁不同元素 的

7、設(shè)計(jì)制作方法.完成網(wǎng)頁logo、 按鈕、導(dǎo)航、Banner 及網(wǎng)頁界面的設(shè)計(jì).認(rèn)識WEBUI設(shè)計(jì)視 頻.繪制網(wǎng)站視頻3制作橫幅視頻.網(wǎng)頁界面設(shè)計(jì)系列 微課（PPT、視頻）.作業(yè)：設(shè) 計(jì)41作指定 網(wǎng)頁元素及 頁面.在線測試 3.在線討論GUI設(shè)計(jì) 與制作13-15.GUI設(shè)計(jì).設(shè)計(jì)不同 智能終端設(shè) 備界面.掌握GUI界面組 成及設(shè)計(jì)流程.完成各種不同智能 終端設(shè)備界面的設(shè)計(jì) 制作.認(rèn)識GUI設(shè)計(jì)視頻. VR眼鏡UI設(shè)計(jì)視 頻. IPAD點(diǎn)餐UI設(shè)計(jì) 視頻.行車記錄儀UI設(shè) 計(jì)視頻.圖形界面設(shè)計(jì)系 列微課（PPT、視 頻）L作業(yè)：設(shè) 計(jì)指定設(shè)備 的UI界面 2.在線測試 3.在線討論五、參考書目