《交互界面設(shè)計(jì)》課程教學(xué)大綱

《交互界面設(shè)計(jì)》教學(xué)大綱課程編號(hào)：18220217英文名稱：GraphicUserInterfaceDesign學(xué)分：3學(xué)時(shí)：總學(xué)時(shí)64學(xué)時(shí)，其中理論32學(xué)時(shí)，實(shí)踐32學(xué)時(shí)先修課程：創(chuàng)意思維、電腦美術(shù)、圖形創(chuàng)意、計(jì)算機(jī)輔助設(shè)計(jì)AI、動(dòng)態(tài)圖形設(shè)計(jì)、信息圖形設(shè)計(jì)、三維圖形設(shè)計(jì)、廣告策劃、文字與編排設(shè)計(jì)、品牌形象設(shè)計(jì)、商業(yè)攝影等課程類別：專業(yè)方向選修課程（數(shù)媒設(shè)計(jì)方向）授課對象：視覺傳達(dá)設(shè)計(jì)專業(yè)學(xué)生教學(xué)單位：藝術(shù)學(xué)院修讀學(xué)期：第6學(xué)期一、課程描述和目標(biāo)交互界面設(shè)計(jì)隨著信息科技的發(fā)展，在大數(shù)據(jù)和國際互聯(lián)網(wǎng)背景下，兼具科技性和藝術(shù)性，是視覺傳達(dá)設(shè)計(jì)專業(yè)數(shù)媒設(shè)計(jì)方向?qū)W生綜合運(yùn)用所學(xué)知識(shí)，達(dá)到融會(huì)貫通的一門重要課程。它涵蓋了計(jì)算機(jī)科學(xué)、心理學(xué)、美學(xué)等學(xué)科，交叉性、綜合性較強(qiáng)，通過課程的學(xué)習(xí)，使學(xué)生不僅具備審美和想象力，還需要具有較好的邏輯思維能力、溝通與表達(dá)能力，以及設(shè)計(jì)實(shí)踐的能力，追求觀念的革新，勇于創(chuàng)新。對交互界面設(shè)計(jì)基礎(chǔ)理論有一個(gè)系統(tǒng)且深入的理解，并掌握課程所需軟件知識(shí)及基本的交互設(shè)計(jì)原則、視覺表現(xiàn)手法和技巧、交互界面設(shè)計(jì)流程，從而創(chuàng)造出有價(jià)值的用戶體驗(yàn)產(chǎn)品。課程目標(biāo)1：通過課程對交互界面設(shè)計(jì)的意義、功能有初步的了解，并通過系統(tǒng)之間的互動(dòng)聯(lián)系，設(shè)計(jì)步驟、知識(shí)和技能的應(yīng)用組合訓(xùn)練，能讓交互界面視覺呈現(xiàn)有效的結(jié)合色彩、文字和版式設(shè)計(jì)，能夠?qū)ξ磥淼男畔⒓夹g(shù)在交互界面設(shè)計(jì)中的應(yīng)用進(jìn)行合乎情理的展望，增強(qiáng)學(xué)習(xí)興趣，熱愛所學(xué)專業(yè)。課程目標(biāo)2：專業(yè)知識(shí)方面，促進(jìn)對獲取知識(shí)、積累知識(shí)、觀察與分析能力的培養(yǎng)，力求體現(xiàn)現(xiàn)代設(shè)計(jì)技術(shù)、設(shè)計(jì)科學(xué)、設(shè)計(jì)思維的密切交叉與融合，對設(shè)計(jì)制作到走向市場的全過程有足夠的了解，提高策劃調(diào)研和創(chuàng)意能力，提升專業(yè)素質(zhì)和身心素質(zhì)，并能夠?qū)ξ磥淼男畔⒓夹g(shù)在交互界面設(shè)計(jì)中的應(yīng)用進(jìn)行合乎情理的展望。了解最新國內(nèi)外重要理論研究與設(shè)計(jì)方向，實(shí)現(xiàn)從理性知識(shí)到指導(dǎo)實(shí)踐的飛躍，以實(shí)踐來檢驗(yàn)理論知識(shí)的掌握情況。課程目標(biāo)3：專業(yè)能力方面，通過系統(tǒng)之間的互動(dòng)聯(lián)系，設(shè)計(jì)步驟、知識(shí)和技能的應(yīng)用組合訓(xùn)練，進(jìn)一步樹立以用戶為中心的交互界面設(shè)計(jì)方法來進(jìn)行深入設(shè)計(jì)，強(qiáng)調(diào)觀念的改變，培養(yǎng)創(chuàng)新思維能力，并能獨(dú)立使用軟件進(jìn)行原型設(shè)計(jì)，制作信息圖和圖標(biāo)，以實(shí)踐來檢驗(yàn)基本理論知識(shí)的掌握情況。在前期策劃調(diào)研、需求分析、功能與交互框架完成的基礎(chǔ)上，能熟練運(yùn)用專業(yè)軟件繪制界面方案高保真原型圖，從而實(shí)現(xiàn)用戶體驗(yàn)產(chǎn)品，促進(jìn)設(shè)計(jì)表達(dá)能力和解決設(shè)計(jì)問題的能力，同時(shí)建立團(tuán)隊(duì)意識(shí)，培養(yǎng)團(tuán)隊(duì)協(xié)作能力。課程目標(biāo)4：綜合能力方面，力求把現(xiàn)代設(shè)計(jì)藝術(shù)與科學(xué)思維方式結(jié)合起來，既具備高超的設(shè)計(jì)技能，又要具備全面且豐富的美學(xué)素養(yǎng)，培養(yǎng)自己對美的感受能力，善于觀察周圍的環(huán)境，理解人類行為，設(shè)計(jì)時(shí)才能觸類旁通，對設(shè)計(jì)制作做到走向市場的全過程有足夠的了解，促進(jìn)專業(yè)素質(zhì)和身心素質(zhì)的培養(yǎng)。二、課程目標(biāo)對畢業(yè)要求的支撐關(guān)系二、課程目標(biāo)對畢業(yè)要求的支撐關(guān)系畢業(yè)要求指標(biāo)點(diǎn)課程目標(biāo)課程目標(biāo)權(quán)重指標(biāo)點(diǎn)1-3：了解與視覺傳達(dá)設(shè)計(jì)專業(yè)相關(guān)的現(xiàn)代科技發(fā)展的主要趨勢和應(yīng)用前景，了解國內(nèi)外設(shè)計(jì)學(xué)界最重要的的理論前沿、研究動(dòng)態(tài)。課程目標(biāo)1M指標(biāo)點(diǎn)2-4：掌握視覺藝術(shù)設(shè)計(jì)方法流程和設(shè)計(jì)表達(dá)手段，掌握現(xiàn)代數(shù)字藝術(shù)設(shè)計(jì)技術(shù)的基本技能和方法。課程目標(biāo)2H指標(biāo)點(diǎn)4-3：具有較強(qiáng)的視覺傳達(dá)設(shè)計(jì)思維、創(chuàng)新意識(shí)和實(shí)踐能力，能夠完成在印刷、包裝、媒體傳播等領(lǐng)域的視覺規(guī)律研究及設(shè)計(jì)表現(xiàn)工作，能勝任本專業(yè)領(lǐng)域內(nèi)設(shè)計(jì)項(xiàng)目的策劃、創(chuàng)意、組織及實(shí)施。課程目標(biāo)3H指標(biāo)點(diǎn)5-2：展現(xiàn)出自主學(xué)習(xí)的意愿和能力，致力于終身學(xué)習(xí)并持續(xù)創(chuàng)新。在自我管理方面表現(xiàn)出色，具備一定的創(chuàng)新創(chuàng)業(yè)基礎(chǔ)技能，呈現(xiàn)良好的設(shè)計(jì)職業(yè)拓展和職業(yè)成長潛力。課程目標(biāo)4M三、教學(xué)內(nèi)容、基本要求與學(xué)時(shí)分配序號(hào)教學(xué)內(nèi)容基本要求及重、難點(diǎn)（含德育要求）學(xué)時(shí)教學(xué)方式對應(yīng)課程目標(biāo)1交互界面設(shè)計(jì)概述要求熟知交互設(shè)計(jì)的發(fā)展、概念、類型、特征和認(rèn)知摩擦，掌握交互設(shè)計(jì)的基本流程、設(shè)計(jì)原則和要素，了解交互設(shè)計(jì)涉及的學(xué)科范疇。教導(dǎo)學(xué)生客觀、科學(xué)地認(rèn)識(shí)世界，培養(yǎng)正確的人生觀。重點(diǎn)：掌握交互設(shè)計(jì)的流程、基本原則和要素。難點(diǎn)：能從自身知識(shí)結(jié)構(gòu)出發(fā)制定交互設(shè)計(jì)學(xué)習(xí)計(jì)劃。1集中講授、案例分析、移動(dòng)信息化教學(xué)課程目標(biāo)12交互界面設(shè)計(jì)內(nèi)容和交互框架，視覺原則和視覺要素要求了解交互界面設(shè)計(jì)中的交互內(nèi)容，掌握交互框架和交互界面設(shè)計(jì)的視覺原則，認(rèn)識(shí)交互界面設(shè)計(jì)中的核心視覺要素。重點(diǎn)：理解交互的構(gòu)架。難點(diǎn)：掌握交互界面設(shè)計(jì)的視覺原則。1集中講授、案例分析、移動(dòng)信息化教學(xué)課程目標(biāo)1、23以用戶為中心的設(shè)計(jì)要求了解以用戶為中心的設(shè)計(jì)理念，掌握用戶研究的方法，理解用戶需求并進(jìn)行需求分析、需求確定。了解原型設(shè)計(jì)概念和幾種常見的原型設(shè)計(jì)，熟知并能運(yùn)用產(chǎn)品原型設(shè)計(jì)軟件。培養(yǎng)學(xué)生細(xì)致認(rèn)真的工匠精神，職業(yè)素養(yǎng)，積極生活和工作的態(tài)度。重點(diǎn)：掌握如何去定義目標(biāo)用戶、用戶數(shù)據(jù)的整理與創(chuàng)建問題，會(huì)用軟件進(jìn)行原型設(shè)計(jì)。難點(diǎn)：理解以用戶為中心的設(shè)計(jì)理念。16集中講授、案例分析、設(shè)計(jì)實(shí)踐、市場調(diào)研、個(gè)體指導(dǎo)、移動(dòng)信息化教學(xué)課程目標(biāo)1、2、44信息設(shè)計(jì)要求了解信息設(shè)計(jì)的由來、學(xué)科基礎(chǔ)和形式，掌握信息設(shè)計(jì)的方法。熟悉信息圖標(biāo)和導(dǎo)航設(shè)計(jì)基本知識(shí)。能夠獨(dú)立設(shè)計(jì)制作信息圖和圖標(biāo)。重點(diǎn)：掌握信息設(shè)計(jì)流程和信息圖標(biāo)設(shè)計(jì)的方法。難點(diǎn)：進(jìn)行數(shù)據(jù)信息的篩選和提煉。12集中講授、案例分析、設(shè)計(jì)實(shí)踐、市場調(diào)研、個(gè)體指導(dǎo)、移動(dòng)信息化教學(xué)課程目標(biāo)1、2、35視覺呈現(xiàn)設(shè)計(jì)要求了解頁面、文字設(shè)計(jì)、色彩和版式設(shè)計(jì)、圖像的基礎(chǔ)知識(shí)。重點(diǎn)：掌握頁面的視覺呈現(xiàn)和風(fēng)格，情感訴求，熟知字體的設(shè)計(jì)、色彩的情感和表現(xiàn)力、版式編排規(guī)則、圖像的表現(xiàn)形式和特點(diǎn)。難點(diǎn)：視覺呈現(xiàn)設(shè)計(jì)原則。16集中講授、案例分析、設(shè)計(jì)實(shí)踐、市場調(diào)研、個(gè)體指導(dǎo)、移動(dòng)信息化教學(xué)課程目標(biāo)1、2、36視覺呈現(xiàn)設(shè)計(jì)延伸-品牌設(shè)計(jì)要求把握交互界面設(shè)計(jì)全局觀，在設(shè)計(jì)中能夠融合品牌設(shè)計(jì)意識(shí)。重點(diǎn)：理解交互界面設(shè)計(jì)的全局觀。難點(diǎn)：拓展學(xué)習(xí)品牌形象設(shè)計(jì)知識(shí)。1集中講授、案例分析、設(shè)計(jì)實(shí)踐、個(gè)體指導(dǎo)、移動(dòng)信息化教學(xué)課程目標(biāo)1、2、37交互界面設(shè)計(jì)應(yīng)用現(xiàn)狀及趨勢要求認(rèn)識(shí)交互界面設(shè)計(jì)應(yīng)用的現(xiàn)狀及相關(guān)技術(shù)。重點(diǎn)：了解交互界面設(shè)計(jì)應(yīng)用現(xiàn)狀及趨勢，智能家居、智能建筑、虛擬現(xiàn)實(shí)、增強(qiáng)現(xiàn)實(shí)、全息投影的概念和其涉及的技術(shù)、應(yīng)用領(lǐng)域。培養(yǎng)學(xué)生的創(chuàng)新精神，心懷設(shè)計(jì)責(zé)任感。難點(diǎn)：能夠?qū)ξ磥淼男畔⒓夹g(shù)在交互界面設(shè)計(jì)中的應(yīng)用進(jìn)行合理展望。1集中講授、案例分析、移動(dòng)信息化教學(xué)課程目標(biāo)1、38交互界面原型設(shè)計(jì)課題要求在課題（網(wǎng)頁設(shè)計(jì)、移動(dòng)端設(shè)計(jì)、游戲設(shè)計(jì)）案例的講解和設(shè)計(jì)實(shí)踐過程中做到用戶中心與系統(tǒng)性設(shè)計(jì)思維，將理論聯(lián)系實(shí)際，提升綜合設(shè)計(jì)能力。引導(dǎo)學(xué)生關(guān)注社會(huì)問題、傳統(tǒng)文化、鄉(xiāng)村美育等內(nèi)容，培養(yǎng)學(xué)生的綜合問題解決能力與人文主義關(guān)懷。重點(diǎn)：從實(shí)踐層面理解交互界面設(shè)計(jì)。難點(diǎn)：展現(xiàn)個(gè)性化。16集中講授、案例分析、設(shè)計(jì)實(shí)踐、市場調(diào)研、個(gè)體指導(dǎo)、移動(dòng)信息化教學(xué)課程目標(biāo)2、3、4合計(jì)64序號(hào)實(shí)驗(yàn)項(xiàng)目實(shí)驗(yàn)內(nèi)容與要求學(xué)時(shí)類型對應(yīng)課程目標(biāo)1用戶體驗(yàn)地圖進(jìn)行實(shí)地調(diào)研，收集數(shù)據(jù)，進(jìn)行數(shù)據(jù)信息的篩選、提煉，按照信息設(shè)計(jì)流程進(jìn)行地圖繪制，合理有序，根據(jù)流程找出其痛點(diǎn)與機(jī)會(huì)點(diǎn)。2設(shè)計(jì)課程目標(biāo)1、42圖標(biāo)繪制設(shè)計(jì)一組富有主題意義的手機(jī)APP或者網(wǎng)頁系統(tǒng)的圖標(biāo)。要具有豐富的視覺質(zhì)感，表達(dá)準(zhǔn)確、形象生動(dòng)。4設(shè)計(jì)課程目標(biāo)1、23原型圖繪制并制作定格動(dòng)畫視頻手繪低保真原型圖，并將其拍攝為定格動(dòng)畫視頻。通過尋找日常生活中不好的設(shè)計(jì)和用戶需求痛點(diǎn)，通過以“用戶為中心”的交互設(shè)計(jì)方法，設(shè)計(jì)一個(gè)有效的解決方案，學(xué)會(huì)從多角度分析和評判產(chǎn)品的優(yōu)缺點(diǎn)。6設(shè)計(jì)課程目標(biāo)1、24色彩及版式設(shè)計(jì)方案運(yùn)用視覺呈現(xiàn)設(shè)計(jì)原理，從色彩設(shè)計(jì)、版式設(shè)計(jì)、文字設(shè)計(jì)等方面分析并提出設(shè)計(jì)方案，設(shè)計(jì)一個(gè)個(gè)人主頁。需融合品牌設(shè)計(jì)意識(shí)，對視覺規(guī)律有所把控，具有設(shè)計(jì)風(fēng)格。4設(shè)計(jì)課程目標(biāo)2、36交互界面原型設(shè)計(jì)課題在掌握理論知識(shí)的基礎(chǔ)上，通過主觀創(chuàng)作項(xiàng)目訓(xùn)練，提高動(dòng)手、觀察、分析和綜合問題解決的能力。能熟練的將理論知識(shí)運(yùn)用到設(shè)計(jì)中，做到理論聯(lián)系實(shí)際。16設(shè)計(jì)課程目標(biāo)1、2、3、4合計(jì)32四、課程教學(xué)方法集中講授、案例分析、操作演示、設(shè)計(jì)實(shí)踐、市場調(diào)研、個(gè)體指導(dǎo)、移動(dòng)信息化教學(xué)等教學(xué)方式。五、學(xué)業(yè)評價(jià)和課程考核（一）考核方式及具體要求1.課程成績構(gòu)成與要求課程考核注重形成性評價(jià)和終結(jié)性評價(jià)相結(jié)合，考核內(nèi)容主要由平時(shí)作業(yè)、期末作業(yè)組成，均按百分制計(jì)分，平時(shí)作業(yè)成績占50%、其中期末作業(yè)成績占50%。2.課程目標(biāo)達(dá)成考核與評價(jià)序號(hào)教學(xué)環(huán)節(jié)課程目標(biāo)1（分值）課程目標(biāo)2（分值）課程目標(biāo)3（分值）課程目標(biāo)4（分值）合計(jì)1線上作業(yè)55//102平時(shí)作業(yè)52015/403期末作業(yè)10/202050課程目標(biāo)對應(yīng)分值20253520100（二）考核與評價(jià)標(biāo)準(zhǔn)1.線上作業(yè)評價(jià)標(biāo)準(zhǔn)分值觀測點(diǎn)90-100分70-89分60-69分0-59分線上作業(yè)按時(shí)、及時(shí)完成線上視頻聽講，積極在線上進(jìn)行資料分享，表達(dá)準(zhǔn)確、完整、精彩。按時(shí)完成線上視頻聽講，在線上進(jìn)行資料分享，表達(dá)較準(zhǔn)確、較完整。完成線上視頻聽講，在線上進(jìn)行資料分享，表達(dá)基本準(zhǔn)確、基本完整。不交和補(bǔ)交，不按時(shí)完成線上視頻聽講，不在線上進(jìn)行資料分享。2.平時(shí)作業(yè)評價(jià)標(biāo)準(zhǔn)分值觀測點(diǎn)90-100分70-89分60-69分0-59分平時(shí)作業(yè)按時(shí)完成，作業(yè)內(nèi)容齊全且規(guī)范。理論知識(shí)和軟件應(yīng)用掌握到位。理論資料調(diào)查豐富，有內(nèi)化于心的分析。能夠以用戶為中心有序高效的完成低保真原型圖、圖表數(shù)據(jù)圖和圖標(biāo)設(shè)計(jì)，思維靈活，條理清晰，表達(dá)準(zhǔn)確。按時(shí)完成，作業(yè)內(nèi)容齊全且基本規(guī)范。理論知識(shí)和軟件應(yīng)用掌握較到位。理論資料調(diào)查較充分，分析到位。能夠較好以用戶為中心完成低保真原型圖、圖表數(shù)據(jù)圖和圖標(biāo)設(shè)計(jì)，思維較靈活，條理清楚，表達(dá)基本準(zhǔn)確。按時(shí)完成，作業(yè)內(nèi)容齊全且不夠規(guī)范。理論知識(shí)和軟件應(yīng)用掌握一般，理論資料調(diào)查一般，分析一般?；灸軌蛞杂脩魹橹行耐瓿傻捅Ｕ嬖蛨D、圖表數(shù)據(jù)圖和圖標(biāo)設(shè)計(jì)，思維欠靈活，條理欠清楚，表達(dá)欠準(zhǔn)確。不交和補(bǔ)交，作業(yè)內(nèi)容不齊全且不夠規(guī)范。理論知識(shí)和軟件應(yīng)用掌握不足，理論資料調(diào)查不足，分析不足。不能夠以用戶為中心完成低保真原型圖、圖表數(shù)據(jù)圖和圖標(biāo)設(shè)計(jì)，思維不靈活，條理不清楚，表達(dá)不準(zhǔn)確。2.期末作業(yè)評價(jià)標(biāo)準(zhǔn)分值觀測點(diǎn)90-100分70-89分60-69分0-59分期末作業(yè)（策劃與調(diào)研）按時(shí)完成，格式規(guī)范，專業(yè)知識(shí)掌握全面，設(shè)計(jì)思維靈活，邏輯縝密，有良好的學(xué)習(xí)能動(dòng)性和觀察、調(diào)研、分析、表達(dá)能力，團(tuán)隊(duì)意識(shí)強(qiáng)，創(chuàng)意具有前瞻性。按時(shí)完成，格式符合要求，專業(yè)知識(shí)掌握較全面，設(shè)計(jì)思維和邏輯性較好，具備學(xué)習(xí)能動(dòng)性和觀察、調(diào)研、分析、表達(dá)能力，團(tuán)隊(duì)意識(shí)較強(qiáng)，創(chuàng)意有一定前瞻性。按時(shí)完成，格式不夠規(guī)范，專業(yè)知識(shí)掌握不夠全面，具設(shè)計(jì)思維和邏輯性，學(xué)習(xí)能動(dòng)性和觀察、分析、表達(dá)能力一般，創(chuàng)意前瞻性不足。不交和補(bǔ)交，格式不規(guī)范，專業(yè)知識(shí)掌握不全面，設(shè)計(jì)思維和邏輯性不足，學(xué)習(xí)能動(dòng)性和觀察、分析、表達(dá)能力欠佳，缺乏團(tuán)隊(duì)意識(shí)，創(chuàng)意沒有前瞻性。期末作業(yè)（用戶體驗(yàn)產(chǎn)品大作業(yè)）格式規(guī)范，符合課題設(shè)計(jì)要求，能熟練使用專業(yè)所需軟件進(jìn)行綜合應(yīng)用，主題內(nèi)容鮮明，創(chuàng)意新穎，視覺呈現(xiàn)完整且豐富，有較佳設(shè)計(jì)實(shí)踐和團(tuán)隊(duì)協(xié)作能力。格式符合課題設(shè)計(jì)要求，能較熟練的使用專業(yè)所需軟件進(jìn)行綜合應(yīng)用，主題明確，創(chuàng)意較新穎，視覺呈現(xiàn)完整，有良好的設(shè)計(jì)實(shí)踐和團(tuán)隊(duì)協(xié)作能力。格式不夠符合項(xiàng)目設(shè)計(jì)要求，能使用專業(yè)所需軟件進(jìn)行綜合應(yīng)用，主題基本明確，創(chuàng)意不夠新穎，視覺呈現(xiàn)不夠完整，設(shè)計(jì)實(shí)踐能力一般。未按時(shí)完成，格式不夠符合項(xiàng)目設(shè)計(jì)要求，不能有效使用專業(yè)所需軟件進(jìn)行綜合應(yīng)用，主題不明確，創(chuàng)意不足，視覺呈現(xiàn)欠佳，設(shè)計(jì)實(shí)踐和團(tuán)隊(duì)協(xié)作能力較弱。六、教材與參考書（一）推薦教材1．《交互界面設(shè)計(jì)》，周娉、方興編著，北京大學(xué)出版社，2017年6月版；2．《交互界面設(shè)計(jì)》，康帆、陳瑩燕主編，華中科技大學(xué)出版社，2018年12月版。（二）參考資料1．《交互界面設(shè)計(jì)》，李洪海、石爽等主編，化學(xué)工業(yè)出版社，