職業(yè)學(xué)院《UI設(shè)計(jì)基礎(chǔ)》實(shí)驗(yàn)教學(xué)大綱

課程代碼3080000124課程名稱UI設(shè)計(jì)基礎(chǔ)適用專業(yè)軟件工程先修課程無實(shí)驗(yàn)性質(zhì)非獨(dú)立設(shè)課開設(shè)學(xué)期5實(shí)驗(yàn)方式上機(jī)操作周數(shù)（學(xué)時(shí)）24學(xué)分1課程目標(biāo)（1）職業(yè)規(guī)范與道德修養(yǎng)：通過學(xué)習(xí)UI設(shè)計(jì)的理論和實(shí)踐知識(shí)，培養(yǎng)學(xué)生的職業(yè)操守和工匠精神，提升審美和鑒賞能力。（2）綜合應(yīng)用能力：能夠根據(jù)用戶需求，按照設(shè)計(jì)規(guī)范，綜合利用布局原則和構(gòu)圖方法，借助工具對(duì)產(chǎn)品界面進(jìn)行設(shè)計(jì)與輸出，并完成設(shè)計(jì)報(bào)告的撰寫。（3）終身學(xué)習(xí)能力：能夠跟蹤UI設(shè)計(jì)前沿，不斷更新知識(shí)結(jié)構(gòu)，提升職業(yè)素養(yǎng)，適應(yīng)UI設(shè)計(jì)行業(yè)及相關(guān)職業(yè)發(fā)展。（4）團(tuán)隊(duì)領(lǐng)導(dǎo)與協(xié)作：能夠就UI設(shè)計(jì)相關(guān)的一般工程問題與業(yè)界同行及團(tuán)隊(duì)成員進(jìn)行有效溝通和交流，掌握?qǐng)F(tuán)隊(duì)協(xié)作與沖突解決的方法。培養(yǎng)學(xué)生的創(chuàng)新能力、溝通能力、團(tuán)隊(duì)協(xié)作能力、應(yīng)變能力、領(lǐng)導(dǎo)能力等。通過分工與合作，增強(qiáng)合作意識(shí)，培養(yǎng)協(xié)作精神。教學(xué)要求完成課程后，學(xué)生將具備以下能力：（1）能夠理解UI設(shè)計(jì)體系和主要技術(shù)；（2）能夠綜合運(yùn)用界面設(shè)計(jì)工具與UI設(shè)計(jì)基本知識(shí)對(duì)界面進(jìn)行分析與制作；（3）掌握綜合分析能力，解決專業(yè)相關(guān)實(shí)際問題；（4）通過討論、實(shí)驗(yàn)實(shí)訓(xùn)、撰寫報(bào)告等方式提升有效溝通；（5）理解并遵守UI設(shè)計(jì)領(lǐng)域的職業(yè)道德和規(guī)范。一、實(shí)驗(yàn)的性質(zhì)、目的和任務(wù)1.

性質(zhì)本課程的實(shí)驗(yàn)性質(zhì)是非獨(dú)立設(shè)置實(shí)驗(yàn)課，在實(shí)驗(yàn)實(shí)訓(xùn)室中采用上機(jī)操作進(jìn)行。2.

目的本課程培養(yǎng)學(xué)生使用UI設(shè)計(jì)工具進(jìn)行圖標(biāo)、網(wǎng)頁界面和App界面的制作，實(shí)現(xiàn)原型圖的繪制以及交互設(shè)計(jì)，完成界面的標(biāo)注和切圖。3.

任務(wù)（1）熟悉設(shè)計(jì)工具的環(huán)境搭建方法。（2）掌握設(shè)計(jì)工具的基本使用方法。（3）掌握使用相關(guān)工具繪制原型圖以及實(shí)現(xiàn)常見交互效果的方法。（4）掌握使用相關(guān)工具設(shè)計(jì)界面的方法。（5）掌握使用相關(guān)工具切圖和標(biāo)注界面的方法。二、實(shí)驗(yàn)的基本內(nèi)容和要求序號(hào)實(shí)驗(yàn)項(xiàng)目天數(shù)（學(xué)時(shí)數(shù)）實(shí)驗(yàn)屬性內(nèi)容與要求1原型圖繪制與交互設(shè)計(jì)6驗(yàn)證性內(nèi)容：完成App產(chǎn)品的首頁、及其相關(guān)其他頁面原型圖制作和交互設(shè)計(jì)。要求：（1）熟悉原型設(shè)計(jì)的流程；（2）掌握使用相關(guān)工具繪制低保真原型圖的基本方法；（3）掌握常見交互效果的制作方法。2圖標(biāo)設(shè)計(jì)4驗(yàn)證性內(nèi)容：完成App產(chǎn)品界面中狀態(tài)欄、標(biāo)題欄、標(biāo)簽欄圖標(biāo)以及功能圖標(biāo)的制作。要求：（1）熟悉圖標(biāo)的風(fēng)格類型及其特點(diǎn)；（2）掌握線性圖標(biāo)、單面純色圖標(biāo)、線面結(jié)合圖標(biāo)的繪制方法。3網(wǎng)頁界面設(shè)計(jì)4驗(yàn)證性內(nèi)容：完成網(wǎng)站首頁的界面設(shè)計(jì)。要求：（1）熟悉網(wǎng)頁界面設(shè)計(jì)規(guī)范；（2）掌握網(wǎng)頁界面的設(shè)計(jì)方法。4App界面設(shè)計(jì)6驗(yàn)證性內(nèi)容：完成App產(chǎn)品相關(guān)頁面的制作。要求：（1）了解App界面的組成、布局形式等內(nèi)容；（2）熟悉App界面設(shè)計(jì)規(guī)范；（3）掌握App首頁界面、其他頁界面的設(shè)計(jì)方法。5切圖與標(biāo)注4驗(yàn)證性內(nèi)容：完成App產(chǎn)品相關(guān)頁面的切圖與標(biāo)注。要求：（1）熟悉界面標(biāo)注的作用、內(nèi)容、規(guī)范；（2）掌握界面的標(biāo)注常用工具的使用；（3）掌握界面的標(biāo)注方法；（4）熟悉界面切圖的原則、要點(diǎn)和命名規(guī)則；（5）掌握界面的切圖方法。合計(jì)24三、主要儀器設(shè)備及材料實(shí)驗(yàn)實(shí)訓(xùn)室、多媒體計(jì)算機(jī)、Win10操作系統(tǒng)、AdobeXD、PxCook等相關(guān)軟件。四、實(shí)驗(yàn)的考核辦法實(shí)驗(yàn)考核內(nèi)容主要分為：實(shí)驗(yàn)過程、實(shí)驗(yàn)設(shè)計(jì)和實(shí)驗(yàn)報(bào)告三部分。實(shí)驗(yàn)過程考核主要考查學(xué)生課程出勤、實(shí)驗(yàn)態(tài)度、實(shí)驗(yàn)任務(wù)完成情況、實(shí)驗(yàn)過程中分析問題和解決問題的能力等方面；實(shí)驗(yàn)設(shè)計(jì)考核主要考查學(xué)生UI設(shè)計(jì)的規(guī)范性、界面布局的合理性和美觀性等方面；實(shí)驗(yàn)報(bào)告考核主要是考查實(shí)驗(yàn)報(bào)告內(nèi)容的完整性、正確性和規(guī)范性等方面。以上三部分分別占三分之一的分?jǐn)?shù)?？己瞬捎梅纸M形式進(jìn)行，同一小組成員分工不同，統(tǒng)一打分。五、指導(dǎo)書與參考資料指導(dǎo)書：無參考資料：1.《UI設(shè)計(jì)》，葉軍、江韻竹編著，人民郵電出版社，2021年9月第1版。2.《Photoshop+AdobeXD+Illustrator

移動(dòng)UI設(shè)計(jì)教程》，張曉景編著，電子工業(yè)出版社，2021年8月第1版。3.《設(shè)計(jì)必修課：AdobeXD移動(dòng)UI設(shè)計(jì)》，盧斌編著，電子工業(yè)出版社，2022年3月第1版。4.《PhotoshopCCUI設(shè)計(jì)案例教程》，王京晶主編，人民郵電出版社，2019年11月第1版。5.《AxureRP9

網(wǎng)站與App原型設(shè)計(jì)》，周建國(guó)、劉剛編著，人民郵電出版社，2021年9月第1版。6.《移動(dòng)端AP