職業(yè)學院《UI設(shè)計基礎(chǔ)》實驗教學大綱

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

性質(zhì)本課程的實驗性質(zhì)是非獨立設(shè)置實驗課，在實驗實訓室中采用上機操作進行。2.

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

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

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

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