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

《UI交互設(shè)計》教學(xué)大綱課程英文名UIinteractivedesign課程代碼I1201Z08學(xué)分2.5總學(xué)時40理論學(xué)時26實驗/實踐學(xué)時14課程類別專業(yè)課課程性質(zhì)任選先修課程《多媒體設(shè)計與制作》適用專業(yè)信息管理與信息系統(tǒng)開課學(xué)院經(jīng)濟與管理學(xué)院執(zhí)筆人審定人制定時間2018年4月一、課程地位與課程目標(biāo)（-）課程地位UI交互設(shè)計是指對軟件的人機交互、操作邏輯、界面美觀的整體設(shè)計與研究。通過本課程的教學(xué)，使學(xué)生理解當(dāng)前互聯(lián)網(wǎng)經(jīng)濟中的用戶體驗相關(guān)理論和互聯(lián)網(wǎng)產(chǎn)品設(shè)計的基礎(chǔ)，掌握用戶體驗設(shè)計的核心、用戶體驗設(shè)計的要素、用戶體驗中的交互設(shè)計、網(wǎng)站的用戶體驗以及移動端的用戶體驗等專業(yè)知識。本課程能為專業(yè)課程提供必要的技術(shù)支撐，為解決網(wǎng)站用戶體驗設(shè)計以及信息系統(tǒng)（APP）設(shè)計中的實際問題提供基本思路和實用方法，是信息管理與信息系統(tǒng)專業(yè)本科生選修的一門專業(yè)教育課程。（二）課程目標(biāo)1.全面了解UI設(shè)計的發(fā)展過程、今年移動設(shè)備發(fā)展、設(shè)計的基本原則等方面的知識，讓學(xué)生掌握UI設(shè)計的表現(xiàn)方法和制作技能，提高學(xué)生設(shè)計審美能力。.要求學(xué)生重點掌握移動設(shè)備主題APP界面設(shè)計、圖標(biāo)設(shè)計、電子雜志類APP宣傳編排設(shè)計、電商類APP潔面、圖標(biāo)、運營圖等設(shè)計操作和實際運用。.對知識進行積累，培養(yǎng)自己對美的感受能力，在設(shè)計時能觸類旁通。二、課程目標(biāo)達成的途徑與方法本課程本著學(xué)以致用的原則，結(jié)合當(dāng)前的實踐，以課堂教學(xué)為主，結(jié)合自學(xué)、課堂討論、課外作業(yè)等方式，通過UI交互設(shè)計的一系列原理、方法和技巧的教學(xué)，使學(xué)生在解決問題的過程中學(xué)會UI交互設(shè)計，并理解學(xué)習(xí)UI交互設(shè)計的目的是為了應(yīng)用，從而使用UI交互設(shè)計來解決實際問題。三、課程目標(biāo)與相關(guān)畢業(yè)要求的對應(yīng)關(guān)系注：1.支撐強度分別填寫H、M或L（其中H表示支撐程度高、M為中等、L為低）。課程目標(biāo)課程目標(biāo)對畢業(yè)要求的支撐程度（H、M、L）畢業(yè)要求1畢業(yè)要求7課程目標(biāo)1LH課程目標(biāo)2LH課程目標(biāo)3要內(nèi)容與基本要求LH四、第一章界面設(shè)計的重要性主要內(nèi)容：用戶界面中存在的問題以及對設(shè)計人員的要求概述，對不易操作的用戶界面的闡述，界面操作時產(chǎn)生的壓抑感的原因，什么是人為失誤，人為失誤的增加及其帶來的影響有哪些，由人為失誤引起的重大事件有哪些?；疽螅豪斫庥脩艚缑嬷写嬖诘膯栴}以及對設(shè)計人員的要求有哪些，了解對不易操作的用戶界面有哪些，了解界面操作時產(chǎn)生的壓抑感的原因，理解什么是人為失誤，掌握人為失誤的增加及其帶來的影響有哪些，理解由人為失誤引起的重大事件有哪些。第二章界面設(shè)計與效果主要內(nèi)容：圖標(biāo)的應(yīng)用及其效果，軟件中的形狀效果，黃金比例與穩(wěn)定的形狀，其他穩(wěn)定的形狀，可供性一一物體形狀產(chǎn)生的效果，人類視覺中水平與垂直的區(qū)別，界面中顏色的活用，動態(tài)表示產(chǎn)生的效果，3D模擬視覺效果及相關(guān)問題，向用戶界面引入3D嵌入式效果，按鈕的設(shè)計與視線的移動，由3D組件引起的焦躁感?；疽螅赫莆請D標(biāo)的應(yīng)用及其效果，掌握軟件中的形狀效果，掌握黃金比例與穩(wěn)定的形狀，掌握其他穩(wěn)定的形狀，掌握可供性一一物體形狀產(chǎn)生的效果，掌握人類視覺中水平與垂直的區(qū)別，掌握界面中顏色的活用，掌握動態(tài)表示產(chǎn)生的效果，掌握3D模擬視覺效果及相關(guān)問題，掌握向用戶界面引入3D嵌入式效果，掌握按鈕的設(shè)計與視線的移動，掌握由3D組件引起的焦躁感。第三章人機接主要內(nèi)容：人機接，人機接的歷史與種類，對話型與對象型的差異，錯誤的界面設(shè)計及應(yīng)對方法，障眼法一一使用戶對處理時間產(chǎn)生錯覺，不同用戶級別對設(shè)計的影響，使用場所及使用時間對設(shè)計的影響?；疽螅毫私馊藱C接，理解人機接的歷史與種類，掌握對話型與對象型的差異，掌握錯誤的界面設(shè)計及應(yīng)對方法，掌握使用戶對處理時間產(chǎn)生錯覺的方法，掌握不同用戶級別對設(shè)計的影響，掌握使用場所及使用時間對設(shè)計的影響。第四章創(chuàng)建優(yōu)秀系統(tǒng)主要內(nèi)容：防止人為失誤的方法，軟件操作中應(yīng)對人為失誤的方法，消除認(rèn)知性焦慮，用戶壓力及其原因，舒適的界面設(shè)計，顏色的使用與配色示例，能提高辨識度和對比度的設(shè)置，便于用戶搜索信息的小技巧，具有平衡感的設(shè)計。基本要求：了解防止人為失誤的方法，掌握軟件操作中應(yīng)對人為失誤的方法，理解如何消除認(rèn)知性焦慮，了解用戶壓力及其原因，掌握如何進行舒適界面的設(shè)計，掌握顏色的使用與配色示例，掌握能提高辨識度和對比度的設(shè)置，理解便于用戶搜索信息的技巧，掌握具有平衡感的設(shè)計。第五章移動端用戶體驗主要內(nèi)容：移動設(shè)備用戶體驗發(fā)展趨勢，移動端設(shè)計流程及視覺設(shè)計，移動端界面設(shè)計，移動端界面色彩搭配，移動端界面設(shè)計原則等?；疽螅毫私庖苿佣擞脩趔w驗，理解移動端界面設(shè)計原則，掌握如何提升移動端應(yīng)用的用戶體驗，熟練掌握移動端界面設(shè)計內(nèi)容，掌握移動端界面色彩搭配技巧等。五、課程學(xué)時安排章節(jié)號教學(xué)內(nèi)容學(xué)時數(shù)學(xué)生任務(wù)對應(yīng)課程目標(biāo)第1章1.1用戶界面中存在的問題以及對設(shè)計人員的要求1.2人為失誤的增加及其帶來的影響8作業(yè)：欣賞優(yōu)秀品牌的UI設(shè)計，并進行仿照臨摹。1第2章2.1又子和囹2.2物體的形2.3認(rèn)識趨勢2.4顏色2.5動態(tài)效果2.63D模擬^標(biāo)狀與方向1覺效果及相關(guān)問題8作業(yè)：根據(jù)現(xiàn)有UI作品，進行仿制并改進一個UI作品。1、2第3章3.1人機接3.2操作順序與功能流程3.3操作習(xí)慣3.4時間要素3.5目標(biāo)用戶的差異8作業(yè)：進行一個精細(xì)UI圖標(biāo)設(shè)計和制作。2、3第4章4.1防止人為失誤4.2消除認(rèn)知性焦慮4.3舒適的界面設(shè)計8作業(yè)：自由進行一個UI作品的創(chuàng)作。1、2、3第5章移動端用尸體5.1了解移動:5.2移動端設(shè)-5.3移動端界.5.4移動端界.5..5移動端界-驗端用戶體驗計流程及視覺設(shè)計面設(shè)計內(nèi)容面色彩搭配面設(shè)計原則、…，8作業(yè)：完成一款A(yù)PP的用戶界面設(shè)計。1、2、3六、頭踐環(huán)節(jié)及基本要求注：1.頭驗性質(zhì)指演示性、驗證性、設(shè)計性、綜合性等；2.頭驗類別指必做、選做等。序號實驗項目名稱學(xué)時基本要求學(xué)生任務(wù)實驗性質(zhì)實驗類別1UI案例臨摹2能夠仿照現(xiàn)有實例，進行UI制作欣賞優(yōu)秀品牌的UI設(shè)計，并進行仿照臨摹演示性必做2UI設(shè)計與制作4根據(jù)現(xiàn)有UI作品，能夠進行仿制并改進根據(jù)現(xiàn)有UI作品，進行仿制并改進一個UI作品演示性必做七、考核3精細(xì)UI圖標(biāo)設(shè)計與制作4能夠進行精細(xì)UI圖標(biāo)設(shè)計和制作進行一個精細(xì)UI圖標(biāo)設(shè)計和制作演示性必做4:方式及大自由創(chuàng)意作品制作￡績評定4能夠進行獨立的UI設(shè)計創(chuàng)作自由進行一個UI作品的創(chuàng)作綜合性必做考核內(nèi)容考核方式評定標(biāo)準(zhǔn)（依據(jù)）占總成績比例過程考核到課率、課堂測驗、平時作業(yè)到課率20%;課堂測驗20%;平時作業(yè)60%40%期末考核作品提交電子版源文件、A4紙質(zhì)打印作品冊60%考核類別考查成績登記方式推薦教材與主要參考書百分制1、推薦教材：李曉斌.《UI設(shè)計必修課：交互+架構(gòu)+視覺UE設(shè)計教程》，電子工業(yè)出版社，2017.09JeffJohnson.^認(rèn)知與設(shè)計：理解UI設(shè)計準(zhǔn)則（第2版）