《用戶界面設計》課程教學大綱

PAGEPAGE6《用戶界面設計》課程教學大綱一、課程基本信息課程名稱用戶界面設計課程編號390070119課程性質限選課課程類別專業(yè)選修課開課單位視覺傳達教研室授課學期第6學期學分/學時3/48課內(nèi)學時48理論授課16上機學時32課內(nèi)實踐32實驗學時0課外學時0適用專業(yè)視覺傳達設計是否雙語否先修課程Photoshop、illustrator、標志設計、版式設計、二維構成基礎、設計美學概論、色彩應用設計；后續(xù)課程網(wǎng)頁設計、項目化實訓、畢業(yè)設計等；二、課程簡介《用戶界面設計》是視覺傳達專業(yè)的限選課，是一門綜合性較強的課程。隨著人工智能技術的推動以及各種智能化電子產(chǎn)品的普及，越來越多的產(chǎn)品界面需要進行界面設計。好的界面設計能讓產(chǎn)品界面變得美觀簡潔時尚，也能表現(xiàn)產(chǎn)品的個性和品味，還能讓產(chǎn)品的操作變得更加舒適簡單，從而提升用戶體驗。用戶界面設計是指對軟件的人機交互、操作邏輯、界面美觀的整體設計。在視覺傳達設計的領域關注人機交互，操作邏輯的同時，更多關注界面的美觀設計，本課程側重對移動端界面的設計。三、課程目標及對畢業(yè)要求指標點的支撐（一）課程目標通過本課程的學習，使學生達到以下目標：課程目標1.系統(tǒng)領會用戶界面設計的基本原理、設計要素和相關規(guī)范，并且用于用戶界面設計實踐；能夠運用用戶界面設計領域的知識和技能，具有良好的藝術功底，具備創(chuàng)造性的設計思維和表達能力；課程目標2.有較高的人文素養(yǎng)和審美能力，能夠運用藝術、人文社科的方法對用戶界面設計領域內(nèi)的問題進行研究，能夠運用文獻檢索的基本技能，具備一定的設計調查、數(shù)據(jù)分析的能力；具有堅定正確的政治方向，擁護黨和國家的方針政策，樹立科學的人生觀、世界觀、價值觀，具有強烈的社會責任感和法律意識。課程目標3.具備創(chuàng)新型的設計思維和設計表現(xiàn)的能力；運用用戶界面設計的原理、要素、方法和相關規(guī)范，能夠在視覺傳達設計的企業(yè)及相關的行業(yè)勝任用戶界面的視覺設計相關工作；課程目標4.培養(yǎng)學生敬業(yè)精神和應具備的職業(yè)道德、法治觀念，以及精益求精的工匠精神；具備良好的協(xié)同能力，能夠在團隊中承擔個體、團隊成員以及負責人的角色，并能夠與其他團隊成員合作共事，有效開展工作；能夠將設計方案完整系統(tǒng)的展示出來，并且流暢的表述出來，能夠通過設計方案進行有效的設計溝通和學術交流，培養(yǎng)學生自主學習意識，能夠不斷學習并且適應行業(yè)發(fā)展。（二）課程目標對畢業(yè)要求指標點的支撐課程目標支撐畢業(yè)要求指標點畢業(yè)要求課程目標1對應(二)業(yè)務方面:1.知識；1-知識課程目標2對應(一)思想政治和德育方面對應(二)業(yè)務方面:2.問題分析1-思想政治和德育方面；2-問題分析課程目標3對應(二)業(yè)務方面:3.設計解決方案3-設計/開發(fā)解決方案課程目標4對應(二)業(yè)務方面:3.職業(yè)規(guī)范、5.個人和團隊、6.溝通、7.終身學習4-職業(yè)規(guī)范；5-個人和團隊；6-溝通7-終身學習四、課程基本教學內(nèi)容及對課程目標的支撐（一）課程基本教學內(nèi)容第一單元用戶界面設計概述（學時數(shù)：4學時）1.課程主要內(nèi)容用戶界面設計的概念、目的和發(fā)展歷史等；2.重點和難點重點：用戶界面設計的概念；難點：用戶界面設計的概念；3.教學方法（1）通過多媒體課件和傳統(tǒng)教學相結合，重點闡明用戶界面設計的目的，通過對電子設備界面歷史發(fā)展變化的講解，來豐富學生課程與教學的基本知識結構；（2）通過案例分析，強調理論與實踐相結合，促進學生知識整合，培養(yǎng)學生的反思能力；4.學生學習預期成果通過本章學習，學生能夠深刻領會用戶界面設計的概念和作用；了解用戶界面設計的發(fā)展；對用戶界面設計的演變有清晰的認識，能夠從歷史發(fā)展中汲取靈感，并緊跟當前的設計趨勢；能夠運用如何評判交互設計優(yōu)劣的方法，從而在后續(xù)項目設計以及未來工作中規(guī)避缺點突出優(yōu)點，設計符合目標受眾需求的操作界面，提升產(chǎn)品的競爭力。5.支撐課程目標課程目標點1、2第二單元用戶界面設計原則（學時數(shù)：4學時）1.課程主要內(nèi)容格式塔原理在用戶界面設計中的運用；優(yōu)化視覺結構和層次；領會視覺的原理；界面的設計要素以及界面的類型2.重點和難點重點：優(yōu)化視覺結構和層次；難點：格式塔原理在用戶界面設計中的運用；3.教學方法（1）通過多媒體課件和傳統(tǒng)教學相結合，闡明格式塔原理在用戶界面設計中的運用，列舉優(yōu)化視覺結構和層次的方法，講解認識視覺的原理和界面的設計要素，豐富學生理論知識結構；（2）通過案例分析，強調理論與實踐相結合，促進學生知識整合，培養(yǎng)感性思維與理性思維并重的思維模式；（3）通過資料整理及課堂匯報，發(fā)展學生的探索精神，分析問題能力；強化知識應用意識，發(fā)展學生的創(chuàng)新設計能力。4.學生學習預期成果通過學習，學生能夠識記格式塔原理在用戶界面設計中的運用，運用優(yōu)化視覺結構和層次的方法，領會視覺的原理和界面的設計要素，靈活運用所學方法，豐富學生的視覺結構，進而優(yōu)化形似和功能之間的合理匹配度，使受眾能夠更快更容易地瀏覽和理解信息內(nèi)容；提升職業(yè)素養(yǎng)。5.支撐課程目標課程目標點1、4第三單元圖標的設計與制作（學時數(shù)：8學時）1.課程主要內(nèi)容啟動圖標設計規(guī)范；工具圖標制作規(guī)范2.重點和難點重點：啟動圖標設計規(guī)范；難點：啟動圖的規(guī)范制作；3.教學方法（1）通過多媒體課件和傳統(tǒng)教學相結合，并結合大量案例分析，重點提煉版式設計中文字、圖形、色彩的設計方法，豐富及整合學生理論知識結構；培養(yǎng)感性思維與理性思維并重的思維模式；（2）通過實例操作演示，采用實際案例操作演示使學生了解圖標的規(guī)范制作方法；（3）通過項目化設計，結合項目主題進行設計，使設計目的明確，并且能夠強化學生對理論的應用意識，培養(yǎng)學生精益求精的工匠精神，發(fā)展學生的創(chuàng)新設計能力；4.學生學習預期成果通過學習，學生將領會常見的啟動圖標類型和工具圖標的類型，能夠根據(jù)應用程序類型和受眾需求設計出適合的圖標類型；能夠運用啟動圖標和工具圖標的設計規(guī)范及制作方法，不僅能擁有自己的特色，而且能夠清晰地表現(xiàn)出信息內(nèi)容，以最簡潔的圖形體現(xiàn)最明確的主題。提高團隊協(xié)作和溝通能力，為今后的工作和學習打下基礎。5.支撐課程目標課程目標點1、2、3、4第四單元用戶界面設計規(guī)范（學時數(shù)：4學時）1.課程主要內(nèi)容iOS系統(tǒng)設計規(guī)范；移動端文字的使用規(guī)范；iOS深色模式；UI配色的概念了解配色技巧；安卓系統(tǒng)設計規(guī)范。2.重點和難點重點：iOS系統(tǒng)設計規(guī)范；難點：iOS系統(tǒng)設計規(guī)范的具體運用。3.教學方法（1）通過多媒體課件和傳統(tǒng)教學相結合，詳細講解iOS系統(tǒng)和安卓系統(tǒng)的設計規(guī)范，并且闡明移動端文字的使用規(guī)范，通過案例講解界面的配色技巧；培養(yǎng)感性思維與理性思維并重的思維模式；（2）通過項目化設計，強化學生對理論的應用以及項目內(nèi)容的梳理意識，培養(yǎng)學生精益求精的工匠精神，發(fā)展學生的創(chuàng)新設計能力。4.學生學習預期成果通過本章課程學習，學生能夠領會iOS系統(tǒng)和安卓系統(tǒng)的設計規(guī)范，使用戶的易用性達到最佳。能夠運用移動端文字的使用規(guī)范，字體作為傳遞信息的基本工具，也是最精確的工具之一，掌握了其使用規(guī)范，才能在未來工作中節(jié)省時間并且精準表現(xiàn)內(nèi)容；領會界面的配色技巧，從而使界面視覺效果更統(tǒng)一，主次更分明。提升職業(yè)素養(yǎng)。5.支撐課程目標課程目標點1、3、4第五單元項目設計與制作（學時數(shù)：28學時）1.課程主要內(nèi)容電商項目設計方法；項目分析與制作；低保真原型圖設計與制作；效果圖的設計與制作；交互效果的制作；項目展示。2.重點和難點重點：項目分析與制作；效果圖的設計與制作；難點：效果圖的設計與制作。3.教學方法（1）通過多媒體課件和傳統(tǒng)教學相結合，并結合大量案例分析，重點提煉電商項目設計中應注意的問題；闡明低保真原型圖以及效果圖和交互效果的制作方法，通過案例講解項目展示的方法和要素；（2）通過課堂匯報的形式，鍛煉學生的表達能力，培養(yǎng)其敬業(yè)精神和分析問題的能力；（3）通過項目化設計，強化學生對理論的應用意識，培養(yǎng)學生精益求精的工匠精神，發(fā)展學生的創(chuàng)新設計能力。4.學生學習預期成果通過本章課程，學生能夠領會電商項目設計方法，并根據(jù)給定的項目專題，獨立進行項目分析與制作；通過前面所學知識，能夠將整個項目進行詳細梳理，并根據(jù)項目需求制作各頁面的低保真原型圖；能夠根據(jù)項目的類型和風格，以及受眾人群的喜好，進行效果圖的設計與制作；能夠完成交互效果的制作，從而感知各頁面之間的銜接流暢度，以及操作的易用性；最后通過進行項目展示，鍛煉學生的表達能力，培養(yǎng)學生自信心。5.支撐課程目標課程目標點1、3、4（二）課程基本教學內(nèi)容對課程目標的支撐課程教學內(nèi)容教學方法支撐的課程目標學時安排課內(nèi)課外學時比例第一單元用戶界面設計概述講授法、案例分析法；課程目標1、241:1第二單元用戶界面設計原則講授法、案例分析法、自主學習法、小組討論法；課程目標1、441:1第三單元圖標設計與制作方法講授法、案例分析法、、項目驅動教學法；課程目標1、2、3、481:1第四單元用戶界面設計規(guī)范講授法、項目驅動教學法；課程目標1、3、441:1第五單元項目設計與制作講授法、案例分析法；小組討論法、項目驅動教學法；課程目標1、3、4281:1合計48五、課程考核及對課程目標的支撐（一）課程考核課程成績構成（百分制）課程成績構成比例考核環(huán)節(jié)目標分值考核/評價細則平時成績60%課堂表現(xiàn)（百分制）10考核內(nèi)容及評價細則考核內(nèi)容為平時出勤情況、聽講狀態(tài)等；評分細則：出勤：無故缺勤一次扣5分，事假及病假扣2分，遲到扣1分，出勤率不足總課時三分之二者，無成績。聽講狀態(tài)分為優(yōu)良中可不及格五檔，根據(jù)學生實際聽課狀態(tài)來確定；目標分值=0.1*課堂表現(xiàn)成績優(yōu)秀作品的搜集分析10考核內(nèi)容及評價細則：考核內(nèi)容為PPT制作，作品分析；評價細則：100～90分：能夠逐一指出作品的優(yōu)點，能夠指出缺點并提出改進方案，條理清晰；PPT制作整體效果干凈整潔；頁面構圖完整協(xié)調，表述清晰準確；89～75分：能夠指出作品的優(yōu)點和缺點，條理較為清晰；PPT制作整體效果較完整；頁面構圖較為完整，表述較為清晰；74～60分：能夠指出作品的優(yōu)點或者缺點；PPT制作基本完整；頁面構圖基本完整；59～0分：不能夠指出作品的優(yōu)點或者缺點；PPT制作不完整；頁面構圖不完整；條例不清；目標分值=0.1*專題作業(yè)成績界面類型搜集整理10考核內(nèi)容及評價細則：考核內(nèi)容為PPT制作，界面類型搜集整理；評價細則：100～90分：能夠將所涉及頁面清晰分類；能夠按照要求的頁面數(shù)量整理完整，分類準確無誤；并能夠指出頁面設計的優(yōu)缺點；頁面構圖協(xié)調美觀；89～75分：能夠將所涉及頁面分類；能夠按照要求的頁面數(shù)量完成，分類無誤；頁面構圖較為協(xié)調；74～60分：能夠將所涉及頁面進行分類；基本能夠按照要求的頁面數(shù)量完成，分類基本無誤；59～0分：不能夠將所涉及頁面進行分類；不能夠按照要求的頁面數(shù)量完成，分類錯誤；目標分值=0.1*專題作業(yè)成績項目設計（啟動圖標設計）10考核內(nèi)容及評價細則：考核內(nèi)容為app設計啟動圖標，按照制作規(guī)范進行設計制作，名稱自擬；評價細則：100～90分：圖標設計能夠充分結合項目主題，表意直觀準確，設計簡潔美觀，與項目整體風格一致；89～75分：圖標設計能夠結合項目主題，表意較為準確，設計較為簡潔美觀；74～60分：圖標設計基本結合了項目主題，表意基本準確；59～0分：圖標設計沒有結合項目主題，表意不準確，不符合原創(chuàng)要求；目標分值=0.1*專題作業(yè)成績項目設計（思維導圖）10考核內(nèi)容及評價細則：考核內(nèi)容為基于項目化作業(yè)進行專項練習，根據(jù)項目主題進行思維導圖的制作；評價細則：100～90分：思維導圖邏輯合理嚴謹，內(nèi)容詳細，各層級劃分清晰，獨具特點，能夠體現(xiàn)出創(chuàng)新性；89～75分：思維導圖邏輯合理，內(nèi)容較為詳細，能夠對各層級進行劃分，內(nèi)容完整；74～60分：思維導圖邏輯基本合理，內(nèi)容較為完整，能夠體現(xiàn)出層級劃分；59～0分：思維導圖邏輯不合理，內(nèi)容不完整，沒有層級劃分；目標分值=0.1*專題作業(yè)成績項目設計（交互效果制作）10考核內(nèi)容及評價細則：將前面完成的界面設計效果圖進行交互演示；評價細則：100～90分：交互邏輯嚴謹，項目交互過程完整且前后銜接流暢，交互過程符合易用原則，交互過程設計具有創(chuàng)新性；89～75分：交互邏輯較為嚴謹，項目交互過程完整，交互過程符合可用原則；74～60分：項目交互過程基本完整，能夠完成前后銜接；59～0分：項目交互過程不完整，不能完成前后銜接；目標分值=0.1*專題作業(yè)成績期末考試40%設計原則及規(guī)范20考核內(nèi)容：項目設計考試題型：以大作業(yè)形式提交。運用所學知識進行項目設計制作并進行作品展示介紹。界面設計布局合理，簡單易用，邏輯思維清晰，信息傳遞有效，形式美感強烈，創(chuàng)意突出。評價細則：100～90分：項目設計邏輯合理嚴謹，符合設計規(guī)范，界面內(nèi)部元素的繪制符合一致性原則，并且能充分體現(xiàn)項目特點，界面整體布局符合易用好用原則，排版及配色效果簡潔美觀并獨具特色；89～75分：項目設計邏輯合理較為嚴謹，符合設計規(guī)范，界面內(nèi)部元素的繪制符合一致性原則，界面整體布局符合可用易用原則，排版及配色效果簡潔