《UI設(shè)計(jì)實(shí)驗(yàn)課》教學(xué)大綱一、基本信息課程代碼：實(shí)驗(yàn)課程名稱：UI設(shè)計(jì)英文名稱:UIDesign實(shí)驗(yàn)學(xué)時(shí):32課程總學(xué)時(shí)：64總學(xué)分實(shí)驗(yàn)學(xué)時(shí):32適用對(duì)象：本科生二、實(shí)驗(yàn)課程的性質(zhì)與任務(wù)《UI設(shè)計(jì)實(shí)驗(yàn)課》是配合《UI設(shè)計(jì)》課程教學(xué)而設(shè)置的實(shí)驗(yàn)課程。媒體界面是指數(shù)字媒體交互系統(tǒng)、服務(wù)環(huán)境中的軟件圖形用戶界面。圖形用戶界面是當(dāng)下數(shù)字媒體人機(jī)交互的主要媒介，其設(shè)計(jì)包含諸多學(xué)科的交叉與融合。在學(xué)習(xí)理論知識(shí)的基礎(chǔ)上，進(jìn)行實(shí)驗(yàn)課程專題訓(xùn)練，有利于增強(qiáng)學(xué)生的感性認(rèn)識(shí)，更好地理解和利用理論知識(shí)。掌握當(dāng)今前沿的數(shù)字媒體藝術(shù)表現(xiàn)手段，能熟練運(yùn)用數(shù)字技術(shù)、互動(dòng)硬件設(shè)備及數(shù)碼設(shè)計(jì)軟件，在科技與藝術(shù)日益融合的發(fā)展趨勢(shì)中，具備數(shù)字媒體、交互設(shè)計(jì)與數(shù)字影像設(shè)計(jì)的能力和創(chuàng)新精神,成為跨領(lǐng)域、跨媒體的設(shè)計(jì)人才。從信息傳達(dá)與用戶體驗(yàn)的角度出發(fā)，掌握媒體界面設(shè)計(jì)要素和原則規(guī)范，依據(jù)媒體界面的設(shè)計(jì)方法和設(shè)計(jì)流程，準(zhǔn)確靈活地運(yùn)用各設(shè)計(jì)要素與手段進(jìn)行圖形用戶界面設(shè)計(jì)。三、實(shí)驗(yàn)教學(xué)目的與要求通過實(shí)驗(yàn)課程的學(xué)習(xí)，使學(xué)生加深對(duì)數(shù)字媒體界面設(shè)計(jì)概念、設(shè)計(jì)方法和實(shí)現(xiàn)流程的理解，并能從用戶體驗(yàn)的角度進(jìn)行數(shù)字媒體界面設(shè)計(jì)。設(shè)置綜合性、設(shè)計(jì)性實(shí)驗(yàn)，目的是培養(yǎng)學(xué)生的專業(yè)思維能力和提高學(xué)生的動(dòng)手實(shí)踐能力。要求學(xué)生掌握?qǐng)D形用戶界面設(shè)計(jì)的具體實(shí)現(xiàn)思路和技術(shù)，調(diào)動(dòng)圖形、文字、色彩、圖標(biāo)等各項(xiàng)視覺設(shè)計(jì)要素，結(jié)合空間、融入時(shí)間，借助平面與數(shù)字化交融的手段，以簡(jiǎn)潔優(yōu)美的信息界面創(chuàng)造和諧的交互體驗(yàn)。四'考核辦法和成績(jī)?cè)u(píng)定標(biāo)準(zhǔn)L考核辦法：考查和記錄學(xué)生對(duì)待實(shí)驗(yàn)的態(tài)度是否認(rèn)真；實(shí)驗(yàn)設(shè)計(jì)是否合理；所有實(shí)驗(yàn)內(nèi)容是否完成；操作是否正確和熟練；實(shí)驗(yàn)結(jié)果是否真實(shí)。每次實(shí)驗(yàn)隨時(shí)記錄以上內(nèi)容作為考核依據(jù)之一。最后結(jié)合實(shí)驗(yàn)報(bào)告記錄給出每次的成績(jī)。.成績(jī)?cè)u(píng)定標(biāo)準(zhǔn)：實(shí)驗(yàn)課成績(jī)單獨(dú)按100分記錄成績(jī)。凡實(shí)驗(yàn)成績(jī)不及格者，該門課程必須重修。學(xué)生的實(shí)驗(yàn)成績(jī)應(yīng)包括平時(shí)的實(shí)驗(yàn)設(shè)計(jì)和操作，一般占總成績(jī)的70虬五、實(shí)驗(yàn)指導(dǎo)書L李四達(dá)《交互設(shè)計(jì)概論》清華大學(xué)出版社，2017.吳振東、艾小群《交互媒體設(shè)計(jì)》清華大學(xué)出版社，2016.王波、呂曦《數(shù)字媒體界面藝術(shù)設(shè)計(jì)》西南師范大學(xué)出版社，2014.［美］拉杰?拉爾《UI設(shè)計(jì)黃金法則:觸動(dòng)人心的100種用戶界面》中國(guó)青年出版社,20145.［英］科爾伯恩《簡(jiǎn)約至上:交互式設(shè)計(jì)四策略》人民郵電出版社,2011.［美］艾倫?庫(kù)伯(AlanCooper)《AboutFace4:交互設(shè)計(jì)精髓》電子工業(yè)出版社,2015.［美］加瑞特(JesseJamesGarrett)《用戶體驗(yàn)要素：以用戶為中心的產(chǎn)品設(shè)計(jì)》機(jī)械工業(yè)出版社,2on.［美］科爾科(JonKolko)《交互設(shè)計(jì)沉思錄》機(jī)械工業(yè)出版社,2012ArtEyes設(shè)計(jì)工作室《創(chuàng)意UIPhotoshop玩轉(zhuǎn)UI設(shè)計(jì)》人民郵電出版社，201510.曾軍梅《移動(dòng)界面(Web/App)PhotoshopUI設(shè)計(jì)》清華大學(xué)出版社,2017六、實(shí)驗(yàn)項(xiàng)目'內(nèi)容提要與要求實(shí)驗(yàn)一實(shí)驗(yàn)項(xiàng)目名稱：體驗(yàn)媒體界面實(shí)驗(yàn)類型：驗(yàn)證性實(shí)驗(yàn)實(shí)驗(yàn)學(xué)時(shí)：1每組人數(shù)：2實(shí)驗(yàn)?zāi)康模号囵B(yǎng)專業(yè)思維能力教學(xué)要求：培養(yǎng)興趣教學(xué)方法：案例分析實(shí)驗(yàn)內(nèi)容提要：當(dāng)前數(shù)字媒體領(lǐng)域應(yīng)用最為廣泛的交互媒介主要是屏幕，學(xué)生將現(xiàn)實(shí)生活的使用體驗(yàn)帶到實(shí)驗(yàn)中去感受和思考如何在圖形用戶界面設(shè)計(jì)，充分保證用戶需求的滿足,用戶目標(biāo)的順利實(shí)現(xiàn)。同時(shí)，分析媒體界面在操作過程中是如何減輕用戶的認(rèn)知負(fù)擔(dān)、思想負(fù)擔(dān)，較好地符合用戶操作心理。實(shí)驗(yàn)二實(shí)驗(yàn)項(xiàng)目名稱：媒體界面設(shè)計(jì)方法實(shí)驗(yàn)類型：綜合性實(shí)驗(yàn)實(shí)驗(yàn)學(xué)時(shí)：1每組人數(shù)：2實(shí)驗(yàn)?zāi)康模号囵B(yǎng)實(shí)踐能力教學(xué)要求：實(shí)踐掌握教學(xué)方法：課堂實(shí)驗(yàn)實(shí)驗(yàn)內(nèi)容提要：“目標(biāo)驅(qū)動(dòng)一一滿足需求”的設(shè)計(jì)方法是在數(shù)字媒體產(chǎn)品用戶界面設(shè)計(jì)過程中在用戶研究和設(shè)計(jì)之間架起一座橋梁，從而定義用戶模型，確定設(shè)計(jì)需求，并將這些內(nèi)容轉(zhuǎn)化為高層次的交互框架和視覺框架。學(xué)生通過實(shí)驗(yàn)運(yùn)用并掌握“目標(biāo)驅(qū)動(dòng)一一滿足需求”的設(shè)計(jì)方法。實(shí)驗(yàn)三實(shí)驗(yàn)項(xiàng)目名稱：媒體界面設(shè)計(jì)流程實(shí)驗(yàn)類型：綜合性實(shí)驗(yàn)實(shí)驗(yàn)學(xué)時(shí)：1每組人數(shù)：2實(shí)驗(yàn)?zāi)康模号囵B(yǎng)實(shí)踐能力教學(xué)要求：實(shí)踐掌握教學(xué)方法：課堂實(shí)驗(yàn)實(shí)驗(yàn)內(nèi)容提要：學(xué)生通過實(shí)驗(yàn)進(jìn)行“目標(biāo)驅(qū)動(dòng)一一滿足需求”實(shí)例分析，掌握“目標(biāo)驅(qū)動(dòng)——滿足需求”設(shè)計(jì)流程：L用戶研究；2.用戶建模3.概要設(shè)計(jì)；4,詳細(xì)設(shè)計(jì)；5.設(shè)計(jì)驗(yàn)證與可用性測(cè)試，并繪制界面設(shè)計(jì)的交互框架和視覺框架。實(shí)驗(yàn)四實(shí)驗(yàn)項(xiàng)目名稱：媒體界面設(shè)計(jì)原則實(shí)驗(yàn)類型：驗(yàn)證性實(shí)驗(yàn)實(shí)驗(yàn)學(xué)時(shí)：1每組人數(shù)：2實(shí)驗(yàn)?zāi)康模号囵B(yǎng)專業(yè)思維能力教學(xué)要求：實(shí)踐掌握教學(xué)方法：課堂討論實(shí)驗(yàn)內(nèi)容提要：進(jìn)行實(shí)驗(yàn)時(shí)，學(xué)生聯(lián)系數(shù)字媒體界面藝術(shù)設(shè)計(jì)分析設(shè)計(jì)原則與設(shè)計(jì)模式，掌握設(shè)計(jì)原則與設(shè)計(jì)模式的概念，體會(huì)設(shè)計(jì)原則與設(shè)計(jì)模式在數(shù)字媒體界面藝術(shù)設(shè)計(jì)中的應(yīng)用價(jià)值。實(shí)驗(yàn)五實(shí)驗(yàn)項(xiàng)目名稱：媒體界面設(shè)計(jì)要素實(shí)驗(yàn)類型：驗(yàn)證性實(shí)驗(yàn)實(shí)驗(yàn)學(xué)時(shí)：2每組人數(shù)：2實(shí)驗(yàn)?zāi)康模号囵B(yǎng)實(shí)踐能力教學(xué)要求：實(shí)踐掌握教學(xué)方法：課堂討論實(shí)驗(yàn)內(nèi)容提要：學(xué)生在實(shí)驗(yàn)中分別對(duì)數(shù)字媒體界面藝術(shù)設(shè)計(jì)要素中的視覺要素、聽覺要素、情感要素、行為要素、時(shí)間要素進(jìn)行分析和理解，掌握數(shù)字媒體界面藝術(shù)設(shè)計(jì)中的主要設(shè)計(jì)要素，明確各要素的特點(diǎn)、內(nèi)容及其應(yīng)用價(jià)值。實(shí)驗(yàn)六實(shí)驗(yàn)項(xiàng)目名稱：圖形用戶界面視覺設(shè)計(jì)實(shí)驗(yàn)類型：設(shè)計(jì)性實(shí)驗(yàn)實(shí)驗(yàn)學(xué)時(shí)：2每組人數(shù)：2實(shí)驗(yàn)?zāi)康模号囵B(yǎng)實(shí)踐能力教學(xué)要求：實(shí)踐掌握教學(xué)方法：團(tuán)隊(duì)合作實(shí)瞼內(nèi)容提要：界面中的視覺風(fēng)格作為整個(gè)界面的直觀感受，視覺風(fēng)格的建立和其中具體的視覺要素及組合形式是增進(jìn)界面與用戶情感互動(dòng)的主要內(nèi)容。學(xué)生在實(shí)驗(yàn)中分析說明數(shù)字媒體界面設(shè)計(jì)的視覺策略和設(shè)計(jì)風(fēng)格，掌握視覺要素的特性與設(shè)計(jì)手段。實(shí)驗(yàn)七實(shí)驗(yàn)項(xiàng)目名稱：數(shù)字媒體界面設(shè)計(jì)綜合實(shí)踐