《UI創(chuàng)意設(shè)計》課程標準

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

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

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

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

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

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

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