《UI界面設(shè)計(jì)》教學(xué)大綱(64學(xué)時(shí))

——《UI界面設(shè)計(jì)》課程教學(xué)大綱一、課程基本信息課程名稱（中文）UI界面設(shè)計(jì)課程名稱（英文）UIDesign課程性質(zhì)必修學(xué)分4總學(xué)時(shí)64，其中：理論學(xué)時(shí)（16）、實(shí)踐學(xué)時(shí)（48）課程類別專業(yè)課課程代碼考核方式考試開(kāi)課單位先修課程設(shè)計(jì)美學(xué)、色彩后續(xù)課程數(shù)字手機(jī)UI交互界面設(shè)計(jì)適用專業(yè)數(shù)字媒體藝術(shù)、計(jì)算機(jī)多媒體、計(jì)算機(jī)應(yīng)用……編制時(shí)間2022.1課程教材與參考資料使用教材張小玲彭赟主編.UI界面設(shè)計(jì)（第3版）[M].電子工業(yè)出版社.2022年01月.

教學(xué)參考資料《矢量繪圖設(shè)計(jì)與制作（Illustrator）》電子工業(yè)出版社網(wǎng)絡(luò)學(xué)習(xí)資源花瓣網(wǎng)、Pinterest、iconfont大綱編制人及責(zé)任人信息姓名職稱簽章課程負(fù)責(zé)人（教研組長(zhǎng)）審核負(fù)責(zé)人（系主任）審定負(fù)責(zé)人（主管教學(xué)（副）院長(zhǎng)）注：此頁(yè)不可增頁(yè)二、課程教學(xué)目的與目標(biāo)（一）課程目的《UI界面設(shè)計(jì)》課程是數(shù)字媒體藝術(shù)專業(yè)，第四學(xué)期開(kāi)設(shè)的專業(yè)基礎(chǔ)課程，根據(jù)專業(yè)培養(yǎng)目標(biāo)和職業(yè)崗位要求而制定。是本專業(yè)后續(xù)所有專業(yè)課程的前期必修基礎(chǔ)課程《設(shè)計(jì)美學(xué)》《Photoshop、Illustrator》。其息息相關(guān)的后續(xù)課程有《數(shù)字手機(jī)UI交互界面設(shè)計(jì)》《專業(yè)綜合實(shí)訓(xùn)》等。通過(guò)本課程的學(xué)習(xí)，使學(xué)生掌握數(shù)字矢量軟件基礎(chǔ)進(jìn)行平面圖形設(shè)計(jì)的基本方法和基本技能，使學(xué)生能夠運(yùn)用圖形圖像處理軟件進(jìn)行界面圖形設(shè)計(jì)與制作，提高學(xué)生實(shí)際應(yīng)用能力；培養(yǎng)學(xué)生具備積極思考問(wèn)題、主動(dòng)學(xué)習(xí)、良好的團(tuán)隊(duì)合作精神、獲取知識(shí)能力、設(shè)計(jì)創(chuàng)意思維能力、色彩感悟能力和欣賞能力等素質(zhì)，達(dá)到數(shù)字美術(shù)的初級(jí)設(shè)計(jì)水平。（二）教學(xué)目標(biāo)1.知識(shí)目標(biāo)：（1）了解界面設(shè)計(jì)的意義、目的、基本要素、流程；（2）理解典型的界面類型設(shè)計(jì)的原則、方法；（3）掌握界面設(shè)計(jì)中文字、圖形的編排構(gòu)成；（4）掌握UI界面設(shè)計(jì)中的常見(jiàn)項(xiàng)目的基本操作及制作流程。（5）掌握繪圖軟件（Photoshop、Illustrator）的基本操作技巧.2.能力目標(biāo)：（1）使學(xué)生能夠根據(jù)需要進(jìn)行界面設(shè)計(jì)能力；（2）使學(xué)生能夠正確處理圖形、文字、色彩的關(guān)系；（3）使學(xué)生能夠運(yùn)用軟件完成界面設(shè)計(jì)、視覺(jué)編輯效果；（4）具備較強(qiáng)的界面設(shè)計(jì)項(xiàng)目規(guī)劃能力；（5）具備制作發(fā)布能力。3.素養(yǎng)目標(biāo)：（1）具有熱愛(ài)所學(xué)專業(yè)、愛(ài)崗敬業(yè)的精神和強(qiáng)烈的法律意識(shí)；（2）具有勝任設(shè)計(jì)工作的良好的業(yè)務(wù)素質(zhì)和身心素質(zhì)；（3）具有自覺(jué)的規(guī)范意識(shí)和團(tuán)隊(duì)精神，并具有良好的溝通和交流能力；（4）具有理論聯(lián)系實(shí)際的素質(zhì)。三、學(xué)時(shí)分配及教學(xué)內(nèi)容（一）教學(xué)內(nèi)容及學(xué)時(shí)分配章教學(xué)內(nèi)容教學(xué)目標(biāo)學(xué)時(shí)備注第1章UI界面設(shè)計(jì)的概念，UI設(shè)計(jì)的流程，UI界面設(shè)計(jì)的規(guī)范，界面設(shè)計(jì)的常用工具知識(shí)目標(biāo)：了解UI設(shè)計(jì)的概念；了解UI設(shè)計(jì)的流程；了解UI界面設(shè)計(jì)的規(guī)范；了解UI界面設(shè)計(jì)與用戶體驗(yàn)的關(guān)系；掌握PhotoshopCC中圖像常用基本操作；掌握PhotoshopCC選區(qū)的基本操作；掌握PhotoshopCC畫筆工具的使用。能力目標(biāo)：能繪制、修改選區(qū)。能熟練使用畫筆工具。2理論第2章UI設(shè)計(jì)的常用方法知識(shí)目標(biāo)：了解UI設(shè)計(jì)的概念了解UI設(shè)計(jì)的流程了解UI界面設(shè)計(jì)的規(guī)范了解UI界面設(shè)計(jì)與用戶體驗(yàn)的關(guān)系掌握PhotoshopCC中圖像常用基本操作掌握PhotoshopCC選區(qū)的基本操作掌握PhotoshopCC畫筆工具的使用能力目標(biāo)：能繪制、修改選區(qū)。能熟練使用畫筆工具。2理論第3章UI設(shè)計(jì)的配色方法知識(shí)目標(biāo)：1. 了解色彩基礎(chǔ)知識(shí)2. 掌握色彩搭配法則3. 掌握設(shè)計(jì)軟件中的色彩調(diào)整操作能力目標(biāo)：色彩配搭的能力色彩調(diào)整的能力2理論第4章UI設(shè)計(jì)的常用工具知識(shí)目標(biāo)：掌握Photoshop各種常用的操作掌握Illustrator各種常用的操作了解其他輔助工具能力目標(biāo)：能熟悉使用軟件制作各種簡(jiǎn)單的UI界面常用元素。4理論+實(shí)踐第5章UI界面常用壁紙與控件制作知識(shí)目標(biāo)：1.熟悉使用Photoshop制作各種簡(jiǎn)單的UI界面常用元素。2.能靈活選擇各種工具，如路徑工具、擦除工具等。能力目標(biāo)：1.能繪制簡(jiǎn)單圖形、控件、壁紙等。4理論+實(shí)踐第6章圖標(biāo)設(shè)計(jì)知識(shí)目標(biāo)：1.了解多種圖標(biāo)設(shè)計(jì)風(fēng)格與方法。2.掌握基礎(chǔ)圖標(biāo)（線性、面性圖標(biāo)）打造及變體方法。能力目標(biāo)：1.能繪制基礎(chǔ)圖標(biāo)。2.能靈活進(jìn)行圖標(biāo)變體設(shè)計(jì)12理論+實(shí)踐第7章手機(jī)主題界面設(shè)計(jì)知識(shí)目標(biāo)：1.熟悉手機(jī)UI界面設(shè)計(jì)的基本思想和原則；2.掌握平板電腦界面設(shè)計(jì)的工具和技術(shù)。能力目標(biāo)：1.根據(jù)不同系統(tǒng)界面設(shè)計(jì)的原則（簡(jiǎn)潔、一致性、對(duì)比度）進(jìn)行界面規(guī)劃、概要設(shè)計(jì)和設(shè)計(jì)要素的選擇，并利用一種界面設(shè)計(jì)工具（Photoshop）完成設(shè)計(jì)。10理論+實(shí)踐第8章APP界面設(shè)計(jì)知識(shí)目標(biāo)：1.熟悉APP設(shè)計(jì)的基本流程和簡(jiǎn)單規(guī)范；2.掌握使用Photoshop圖形處理工具進(jìn)行UI界面的制作的技能。能力目標(biāo)：1.整體規(guī)劃與交互設(shè)計(jì)能力8理論+實(shí)踐第9章網(wǎng)頁(yè)界面設(shè)計(jì)知識(shí)目標(biāo)：1.熟悉網(wǎng)站界面設(shè)計(jì)的基本思想和原則；2.掌握網(wǎng)站圖形界面設(shè)計(jì)的工具和技術(shù)。能力目標(biāo)：根據(jù)網(wǎng)站界面設(shè)計(jì)的原則（簡(jiǎn)潔、一致性、對(duì)比度）進(jìn)行界面規(guī)劃、概要設(shè)計(jì)和設(shè)計(jì)要素的選擇，并利用一種界面設(shè)計(jì)工具（Photoshop）完成網(wǎng)頁(yè)界面設(shè)計(jì)8理論+實(shí)踐第10章智能電視界面設(shè)計(jì)知識(shí)目標(biāo)：1.熟悉智能電視界面設(shè)計(jì)的基本流程和簡(jiǎn)單規(guī)范。2.熟悉并靈活使用Photoshop圖形處理工具進(jìn)行UI界面的制作技能。能力目標(biāo)：1.延伸運(yùn)用能力8理論+實(shí)踐第11章其他類型人機(jī)界面設(shè)計(jì)知識(shí)目標(biāo)：1.熟悉播放器界面設(shè)計(jì)的基本思想和原則；2.掌握Photoshop界面設(shè)計(jì)的工具和技術(shù)。特別是利用圖層樣式打造質(zhì)感。3.了解人機(jī)界面設(shè)計(jì)要點(diǎn)及原則能力目標(biāo)：1.延伸運(yùn)用能力4理論+實(shí)踐合計(jì)64 四、考核方式及成績(jī)?cè)u(píng)定1.考試方式：考試2