《UI交互設(shè)計(jì)》教學(xué)大綱（本科）

《UI交互設(shè)計(jì)》教學(xué)大綱課程英文名UIinteractivedesign課程代碼I1201Z08學(xué)分2.5總學(xué)時(shí)40理論學(xué)時(shí)26實(shí)驗(yàn)/實(shí)踐學(xué)時(shí)14課程類(lèi)別專(zhuān)業(yè)課課程性質(zhì)任選先修課程《多媒體設(shè)計(jì)與制作》適用專(zhuān)業(yè)信息管理與信息系統(tǒng)開(kāi)課學(xué)院經(jīng)濟(jì)與管理學(xué)院執(zhí)筆人審定人制定時(shí)間2018年4月注：課程類(lèi)別是指公共基礎(chǔ)課/學(xué)科基礎(chǔ)課/專(zhuān)業(yè)課；課程性質(zhì)是指必修/限選/任選。一、課程地位與課程目標(biāo)（-）課程地位UI交互設(shè)計(jì)是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)與研究。通過(guò)本課程的教學(xué)，使學(xué)生理解當(dāng)前互聯(lián)網(wǎng)經(jīng)濟(jì)中的用戶(hù)體驗(yàn)相關(guān)理論和互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)的基礎(chǔ)，掌握用戶(hù)體驗(yàn)設(shè)計(jì)的核心、用戶(hù)體驗(yàn)設(shè)計(jì)的要素、用戶(hù)體驗(yàn)中的交互設(shè)計(jì)、網(wǎng)站的用戶(hù)體驗(yàn)以及移動(dòng)端的用戶(hù)體驗(yàn)等專(zhuān)業(yè)知識(shí)。本課程能為專(zhuān)業(yè)課程提供必要的技術(shù)支撐，為解決網(wǎng)站用戶(hù)體驗(yàn)設(shè)計(jì)以及信息系統(tǒng)（APP）設(shè)計(jì)中的實(shí)際問(wèn)題提供基本思路和實(shí)用方法，是信息管理與信息系統(tǒng)專(zhuān)業(yè)本科生選修的一門(mén)專(zhuān)業(yè)教育課程。（二）課程目標(biāo).全面了解UI設(shè)計(jì)的發(fā)展過(guò)程、今年移動(dòng)設(shè)備發(fā)展、設(shè)計(jì)的基本原則等方面的知識(shí)，讓學(xué)生掌握UI設(shè)計(jì)的表現(xiàn)方法和制作技能，提高學(xué)生設(shè)計(jì)審美能力。.要求學(xué)生重點(diǎn)掌握移動(dòng)設(shè)備主題APP界面設(shè)計(jì)、圖標(biāo)設(shè)計(jì)、電子雜志類(lèi)APP宣傳編排設(shè)計(jì)、電商類(lèi)APP潔面、圖標(biāo)、運(yùn)營(yíng)圖等設(shè)計(jì)操作和實(shí)際運(yùn)用。.對(duì)知識(shí)進(jìn)行積累，培養(yǎng)自己對(duì)美的感受能力，在設(shè)計(jì)時(shí)能觸類(lèi)旁通。二、課程目標(biāo)達(dá)成的途徑與方法本課程本著學(xué)以致用的原則，結(jié)合當(dāng)前的實(shí)踐，以課堂教學(xué)為主，結(jié)合自學(xué)、課堂討論、課外作業(yè)等方式，通過(guò)UI交互設(shè)計(jì)的一系列原理、方法和技巧的教學(xué)，使學(xué)生在解決問(wèn)題的過(guò)程中學(xué)會(huì)UI交互設(shè)計(jì)，并理解學(xué)習(xí)UI交互設(shè)計(jì)的目的是為了應(yīng)用，從而使用UI交互設(shè)計(jì)來(lái)解決實(shí)際問(wèn)題。三、課程目標(biāo)與相關(guān)畢業(yè)要求的對(duì)應(yīng)關(guān)系注：1.支撐強(qiáng)度分別填寫(xiě)H、M或L（其中H表示支撐程度高、M為中等、L為低）。課程目標(biāo)課程目標(biāo)對(duì)畢業(yè)要求的支撐程度（H、M、L）畢業(yè)要求1畢業(yè)要求7課程目標(biāo)1LH課程目標(biāo)2LH課程目標(biāo)3LH四、課程主要內(nèi)容與基本要求第一章界面設(shè)計(jì)的重要性主要內(nèi)容：用戶(hù)界面中存在的問(wèn)題以及對(duì)設(shè)計(jì)人員的要求概述，對(duì)不易操作的用戶(hù)界面的闡述，界面操作時(shí)產(chǎn)生的壓抑感的原因，什么是人為失誤，人為失誤的增加及其帶來(lái)的影響有哪些,由人為失誤引起的重大事件有哪些。基本要求：理解用戶(hù)界面中存在的問(wèn)題以及對(duì)設(shè)計(jì)人員的要求有哪些，了解對(duì)不易操作的用戶(hù)界面有哪些，了解界面操作時(shí)產(chǎn)生的壓抑感的原因，理解什么是人為失誤，掌握人為失誤的增加及其帶來(lái)的影響有哪些，理解由人為失誤引起的重大事件有哪些。第二章界面設(shè)計(jì)與效果主要內(nèi)容：圖標(biāo)的應(yīng)用及其效果，軟件中的形狀效果，黃金比例與穩(wěn)定的形狀，其他穩(wěn)定的形狀，可供性一一物體形狀產(chǎn)生的效果，人類(lèi)視覺(jué)中水平與垂直的區(qū)別，界面中顏色的活用，動(dòng)態(tài)表示產(chǎn)生的效果，3D模擬視覺(jué)效果及相關(guān)問(wèn)題，向用戶(hù)界面引入3D嵌入式效果，按鈕的設(shè)計(jì)與視線(xiàn)的移動(dòng)，由3D組件引起的焦躁感?；疽螅赫莆?qǐng)D標(biāo)的應(yīng)用及其效果，掌握軟件中的形狀效果，掌握黃金比例與穩(wěn)定的形狀,掌握其他穩(wěn)定的形狀,掌握可供性一一物體形狀產(chǎn)生的效果，掌握人類(lèi)視覺(jué)中水平與垂直的區(qū)別,掌握界面中顏色的活用，掌握動(dòng)態(tài)表示產(chǎn)生的效果，掌握3D模擬視覺(jué)效果及相關(guān)問(wèn)題，掌握向用戶(hù)界面引入3D嵌入式效果，掌握按鈕的設(shè)計(jì)與視線(xiàn)的移動(dòng)，掌握由3D組件引起的焦躁感。第三章人機(jī)接口主要內(nèi)容：人機(jī)接口，人機(jī)接口的歷史與種類(lèi)，對(duì)話(huà)型與對(duì)象型的差異，錯(cuò)誤的界面設(shè)計(jì)及應(yīng)對(duì)方法，障眼法一一使用戶(hù)對(duì)處理時(shí)間產(chǎn)生錯(cuò)覺(jué)，不同用戶(hù)級(jí)別對(duì)設(shè)計(jì)的影響，使用場(chǎng)所及使用時(shí)間對(duì)設(shè)計(jì)的影響?；疽螅毫私馊藱C(jī)接口，理解人機(jī)接口的歷史與種類(lèi)，掌握對(duì)話(huà)型與對(duì)象型的差異，掌握錯(cuò)誤的界面設(shè)計(jì)及應(yīng)對(duì)方法，掌握使用戶(hù)對(duì)處理時(shí)間產(chǎn)生錯(cuò)覺(jué)的方法，掌握不同用戶(hù)級(jí)別對(duì)設(shè)計(jì)的影響，掌握使用場(chǎng)所及使用時(shí)間對(duì)設(shè)計(jì)的影響。第四章創(chuàng)建優(yōu)秀系統(tǒng)主要內(nèi)容：防止人為失誤的方法，軟件操作中應(yīng)對(duì)人為失誤的方法，消除認(rèn)知性焦慮，用戶(hù)壓力及其原因，舒適的界面設(shè)計(jì)，顏色的使用與配色示例，能提高辨識(shí)度和對(duì)比度的設(shè)置，便于用戶(hù)搜索信息的小技巧，具有平衡感的設(shè)計(jì)。

基本要求：了解防止人為失誤的方法，掌握軟件操作中應(yīng)對(duì)人為失誤的方法，理解如何消除認(rèn)知性焦慮，了解用戶(hù)壓力及其原因，掌握如何進(jìn)行舒適界面的設(shè)計(jì)，掌握顏色的使用與配色示例，掌握能提高辨識(shí)度和對(duì)比度的設(shè)置，理解便于用戶(hù)搜索信息的技巧，掌握具有平衡感的設(shè)計(jì)。第五章移動(dòng)端用戶(hù)體驗(yàn)主要內(nèi)容：移動(dòng)設(shè)備用戶(hù)體驗(yàn)發(fā)展趨勢(shì)，移動(dòng)端設(shè)計(jì)流程及視覺(jué)設(shè)計(jì)，移動(dòng)端界面設(shè)計(jì)，移動(dòng)端界面色彩搭配，移動(dòng)端界面設(shè)計(jì)原則等?；疽螅毫私庖苿?dòng)端用戶(hù)體驗(yàn)，理解移動(dòng)端界面設(shè)計(jì)原則，掌握如何提升移動(dòng)端應(yīng)用的用戶(hù)體驗(yàn)，熟練掌握移動(dòng)端界面設(shè)計(jì)內(nèi)容，掌握移動(dòng)端界面色彩搭配技巧等。五、課程學(xué)時(shí)安排

章節(jié)號(hào)教學(xué)內(nèi)容學(xué)時(shí)數(shù)學(xué)生任務(wù)對(duì)應(yīng)課程目標(biāo)第1章用戶(hù)界面中存在的問(wèn)題以及對(duì)設(shè)計(jì)人員的要求人為失誤的增加及其帶來(lái)的影響8作業(yè)：欣賞優(yōu)秀品牌的UI設(shè)計(jì)，并進(jìn)行仿照臨摹。1第2章文字和圖標(biāo)物體的形狀認(rèn)識(shí)趨勢(shì)與方向顏色動(dòng)態(tài)效果3D模擬視覺(jué)效果及相關(guān)問(wèn)題8作業(yè)：根據(jù)現(xiàn)有UI作品，進(jìn)行仿制并改進(jìn)一個(gè)UI作品。1、2第3章人機(jī)接口操作順序與功能流程操作習(xí)慣時(shí)間要素目標(biāo)用戶(hù)的差異8作業(yè):進(jìn)行一個(gè)精細(xì)UI圖標(biāo)設(shè)計(jì)和制作。2、3第4章防止人為失誤消除認(rèn)知性焦慮舒適的界面設(shè)計(jì)8作業(yè)：自由進(jìn)行一個(gè)UI作品的創(chuàng)作。1、2、3第5章移動(dòng)端用戶(hù)體驗(yàn)了解移動(dòng)端用戶(hù)體驗(yàn)移動(dòng)端設(shè)計(jì)流程及視覺(jué)設(shè)計(jì)移動(dòng)端界面設(shè)計(jì)內(nèi)容移動(dòng)端界面色彩搭配移動(dòng)端界面設(shè)計(jì)原則8作業(yè)：完成一款A(yù)PP的用戶(hù)界面設(shè)計(jì)。1、2、3六、實(shí)踐環(huán)節(jié)及基本要求注：1.實(shí)驗(yàn)性質(zhì)指演示性、驗(yàn)證性、設(shè)計(jì)性、綜合性等；2.實(shí)驗(yàn)類(lèi)別指必做、選做等。序號(hào)實(shí)驗(yàn)項(xiàng)目名稱(chēng)學(xué)時(shí)基本要求學(xué)生任務(wù)實(shí)驗(yàn)性質(zhì)實(shí)驗(yàn)類(lèi)別1UI案例臨摹2能夠仿照現(xiàn)有實(shí)例,進(jìn)行UI制作欣賞優(yōu)秀品牌的UI設(shè)計(jì)，并進(jìn)行仿照臨摹演示性必做2UI設(shè)計(jì)與制作4根據(jù)現(xiàn)有UI作品，能夠進(jìn)行仿制并改進(jìn)根據(jù)現(xiàn)有UI作品，進(jìn)行仿制并改進(jìn)一個(gè)UI作品演示性必做3精細(xì)UI圖標(biāo)設(shè)計(jì)與制作4能夠進(jìn)行精細(xì)UI圖標(biāo)設(shè)計(jì)和制作進(jìn)行一個(gè)精細(xì)UI圖標(biāo)設(shè)計(jì)和制作演示性必做4自由創(chuàng)意作品制作4能夠進(jìn)行獨(dú)立的UI設(shè)計(jì)創(chuàng)作自由進(jìn)行一個(gè)UI作品的創(chuàng)作綜合性必做七、考核方式及成績(jī)?cè)u(píng)定考核內(nèi)容考核方式評(píng)定標(biāo)準(zhǔn)（依據(jù)）占總成績(jī)比例過(guò)程考核到課率、課堂測(cè)驗(yàn)、平時(shí)作業(yè)到課率20%；課堂測(cè)驗(yàn)20%；平時(shí)作業(yè)60%40%期末考核作品提交電子版源文件、A4紙質(zhì)打印作品冊(cè)60%考核類(lèi)別考查成績(jī)登記方式百分制八、推薦教材與主要參考書(shū)1、推薦教材：李曉斌.《UI設(shè)計(jì)必修課：交互+架構(gòu)+視覺(jué)UE設(shè)計(jì)教程》，電子工業(yè)出版社，2017.09JeffJohnson.《認(rèn)知與設(shè)計(jì)：理解UI設(shè)計(jì)準(zhǔn)則（第2版