中等職業(yè)技術(shù)學(xué)校《網(wǎng)頁UI設(shè)計》課程標(biāo)準(zhǔn) 思政標(biāo)準(zhǔn)

網(wǎng)頁UI設(shè)計課程標(biāo)準(zhǔn)課程類型專業(yè)基礎(chǔ)學(xué)時/學(xué)分112/6負(fù)責(zé)人XXX制訂時間202X-9-30系部審核藝術(shù)設(shè)計系教務(wù)處審核第一部分課程定位與設(shè)計一、課程性質(zhì)《網(wǎng)頁UI設(shè)計》課程是藝術(shù)設(shè)計專業(yè)(視覺傳達(dá)設(shè)計方向)內(nèi)一門與“1+X證書”課證融通開發(fā)的專業(yè)核心課程，是根據(jù)IT互聯(lián)網(wǎng)企業(yè)、互聯(lián)網(wǎng)轉(zhuǎn)型的傳統(tǒng)型企事業(yè)單位、政府部門等的信息化數(shù)字化部門對界面設(shè)計崗位的要求，按照工學(xué)結(jié)合的教學(xué)理念系統(tǒng)化轉(zhuǎn)化而來的理實一體化課程。二、課程作用《網(wǎng)頁UI設(shè)計》課程是藝術(shù)設(shè)計專業(yè)(視覺傳達(dá)設(shè)計方向)重要的專業(yè)核心課程。針對UI界面設(shè)計崗位的要求，通過對交互設(shè)計、視覺設(shè)計、動效設(shè)計、網(wǎng)頁設(shè)計等內(nèi)容的學(xué)習(xí)，通過在課程實訓(xùn)項目中對所學(xué)內(nèi)容進(jìn)行運用實踐，促使學(xué)生達(dá)到相應(yīng)職業(yè)技能等級標(biāo)準(zhǔn)，獲得獨立完成各種類型界面設(shè)計的能力。三、前導(dǎo)、后續(xù)課程課程名稱支撐關(guān)系前導(dǎo)課程圖形語言基礎(chǔ)通過該課程使學(xué)生達(dá)到以下設(shè)計技能要求：了解圖形語言的分類及屬性；了解圖形的功能與意義；掌握圖形創(chuàng)意的表現(xiàn)形式與手法，能進(jìn)行圖形創(chuàng)意表達(dá)；能提煉和挖掘圖形意義，能完成抽象概念的圖形化表現(xiàn)。前導(dǎo)課程二維設(shè)計通過該課程使學(xué)生達(dá)到以下設(shè)計技能要求：具有基本的平面設(shè)計能力；具有基本的色彩設(shè)計能力。前導(dǎo)課程字體設(shè)計通過該課程使學(xué)生達(dá)到以下設(shè)計技能要求：了解字體的分類，熟知字體的情感特性；了解字體的自然屬性，掌握字體單位、字間距、行間距等基本概念；能根據(jù)不同的設(shè)計主題選擇合適的字體；能掌握文字的常用編排方式并有效地傳遞信息。前導(dǎo)課程版式設(shè)計通過該課程使學(xué)生達(dá)到以下設(shè)計技能要求：掌握實用版式設(shè)計法則；理解圖形與文字的轉(zhuǎn)換方式與編排關(guān)系；理解視覺流程的概念，能依據(jù)信息的傳遞需求建立不同類型的視覺流程版式。前導(dǎo)課程AI應(yīng)用基礎(chǔ)PS應(yīng)用基礎(chǔ)通過軟件課程的學(xué)習(xí)，使學(xué)生具備了制作界面所必須的圖形圖像處理能力。四、課程設(shè)計的理念和思路（一）課程設(shè)計的理念在課程設(shè)計、建設(shè)和教學(xué)實施過程中，貫徹以下教育理念:終身學(xué)習(xí)：教師從傳授者變?yōu)橐龑?dǎo)者，改變以“教”為中心的傳統(tǒng)的教學(xué)方法，轉(zhuǎn)為以“學(xué)”為中心，把學(xué)生轉(zhuǎn)變?yōu)榻逃约旱闹黧w，自主進(jìn)行學(xué)習(xí)，教師是學(xué)習(xí)的組織者、引導(dǎo)者與合作者。多元智能：在教學(xué)中因材施教，關(guān)注個體差異，實施有差異的教學(xué)，按學(xué)生的特點發(fā)掘潛能、發(fā)展個性，使每個學(xué)生都得到充分的發(fā)展。在課程學(xué)習(xí)過程中不讓學(xué)生再遭遇智慧關(guān)閉的經(jīng)歷，讓學(xué)生體驗智慧開啟和增加自信的經(jīng)歷。能力本位：以培養(yǎng)完成綜合性工作任務(wù)的職業(yè)能力為課程目標(biāo)。學(xué)生通過對工作過程的系統(tǒng)化學(xué)習(xí)，在個人實踐經(jīng)驗的基礎(chǔ)上建構(gòu)專業(yè)系統(tǒng)化知識，完成從初學(xué)者到高素質(zhì)技術(shù)技能專門人才的職業(yè)能力發(fā)展。行動導(dǎo)向：強(qiáng)調(diào)“為了行動而學(xué)習(xí)、通過行動來學(xué)習(xí)”，工作過程與學(xué)習(xí)過程相統(tǒng)一，變抽象為具體，變枯燥為有趣。教學(xué)以“任務(wù)”貫穿始終，遵循“資訊、計劃、決策、實施、檢查、評估”的完整“行動”過程，讓學(xué)生在討論任務(wù)、分析任務(wù)、操作完成任務(wù)的過程中順利建構(gòu)真正屬于自己的經(jīng)驗和知識體系。課程設(shè)計思路在課程設(shè)計建設(shè)中，貫徹以下設(shè)計思路:以職業(yè)技能標(biāo)準(zhǔn)為依據(jù)，確定“課證融合”的課程方案。課程以“1+X證書”評價組織制定的《界面設(shè)計職業(yè)技能等級標(biāo)準(zhǔn)》為依據(jù)進(jìn)行設(shè)計，覆蓋職業(yè)技能等級證書所涉及的全部職業(yè)能力，同時包含考證前的理論、實訓(xùn)、應(yīng)試技能的綜合輔導(dǎo)。結(jié)合職場工作實際，做好課程開發(fā)。課程以職業(yè)活動為導(dǎo)向，以最大程度的還原實際工作場景與流程為原則進(jìn)行設(shè)計。注重教學(xué)內(nèi)容的先進(jìn)與實用，通過這門課程將企業(yè)工作領(lǐng)域中的新技術(shù)、新知識、新工藝引入教學(xué)中。設(shè)計全面且側(cè)重過程評價的考核方式。從多角度全面綜合評價學(xué)生的能力，側(cè)重學(xué)生行動能力及分析和解決問題能力的考核，鼓勵創(chuàng)新能力的展現(xiàn)?？疾橐陨夏芰εc技巧掌握熟練程度、綜合運用能力及完成效果的同時，考查學(xué)生在任務(wù)過程中與他人合作的態(tài)度、溝通方式方法以及溝通效果。注重現(xiàn)代教學(xué)資源建設(shè)和使用，與互聯(lián)網(wǎng)信息技術(shù)深度相結(jié)合。教學(xué)技術(shù)上將基礎(chǔ)理論的“平面”講授與多媒體技術(shù)等“立體化”教學(xué)手段有效結(jié)合應(yīng)用，同時注重建立學(xué)生可進(jìn)行自主學(xué)習(xí)、拓展學(xué)習(xí)的互聯(lián)網(wǎng)課程資源庫。第二部分課程目標(biāo)一、課程的知識目標(biāo)了解需求挖掘分析的流程與常用方法了解信息架構(gòu)梳理分析方法熟知交互框架設(shè)計基礎(chǔ)知識與工作流程了解不同類型動效在界面中的功能用途理解動效設(shè)計的基本原則了解網(wǎng)頁動主要構(gòu)成元素了解網(wǎng)頁的不同類型和設(shè)計特點二、課程的能力目標(biāo)掌握產(chǎn)品信息架構(gòu)的梳理方法掌握交互線框圖的繪制方法掌握可用性測試的一般方法能完成視覺設(shè)計規(guī)范文檔的撰寫工作掌握原型設(shè)計與制作的常用方法掌握AE常用動效制作方法掌握動效參數(shù)文檔的和動效三大參數(shù)的量化掌握網(wǎng)頁低保真原型的設(shè)計方法掌握網(wǎng)頁高保真效果圖的制作方法掌握網(wǎng)頁切圖命名和標(biāo)注規(guī)范三、課程的素質(zhì)目標(biāo)尊重交互設(shè)計原則廣泛了解并尊重用戶研究工作，尊重可用性測試提高邏輯思維能力對數(shù)據(jù)敏感，并具有敏銳的數(shù)據(jù)可視化觸覺培養(yǎng)對數(shù)字藝術(shù)以及界面設(shè)計的審美能力培養(yǎng)分析問題、解決問題的能力培養(yǎng)專業(yè)工匠精神和團(tuán)隊協(xié)作的能力培養(yǎng)敬業(yè)愛崗、誠實守信的道德規(guī)范第三部分課程內(nèi)容單元名稱學(xué)習(xí)任務(wù)名稱能力目標(biāo)相關(guān)知識和素質(zhì)要求緒論課程概述能夠依據(jù)行業(yè)現(xiàn)狀與崗位要求制定自身發(fā)展規(guī)劃知識：熟悉課程結(jié)構(gòu)與目標(biāo)了解行業(yè)現(xiàn)狀與崗位要求了解界面設(shè)計1+X等級證書素質(zhì)：1. 培養(yǎng)專業(yè)工匠精神和團(tuán)隊協(xié)作的能力2. 培養(yǎng)敬業(yè)愛崗、誠實守信的道德規(guī)范用戶體驗基礎(chǔ)能夠?qū)Ξa(chǎn)品與服務(wù)進(jìn)行用戶體驗的評估知識：理解、掌握用戶體驗的概念熟悉用戶體驗設(shè)計崗位的職責(zé)熟悉企業(yè)架構(gòu)與合作崗位熟知工作流程及軟件開發(fā)模型素質(zhì)：1. 培養(yǎng)專業(yè)工匠精神和團(tuán)隊協(xié)作的能力2. 培養(yǎng)敬業(yè)愛崗、誠實守信的道德規(guī)范第一單元：交互設(shè)計術(shù)語與模型能夠依據(jù)目標(biāo)辨別應(yīng)當(dāng)使用的研究類型和方法知識：熟知用戶體驗研究的各種分類，理解各類研究的優(yōu)缺點和研究方法素質(zhì)：廣泛了解并尊重用戶研究工作提高邏輯思維能力培養(yǎng)分析問題、解決問題的能力用戶體驗研究能夠設(shè)計與實施訪談知識：理解定性與定量研究概念理解訪談、問卷與可用性測試概念理解、認(rèn)識各類常見偏見，了解避免偏見的方法了解與用戶共情的方法素質(zhì)：廣泛了解并尊重用戶研究工作提高邏輯思維能力培養(yǎng)分析問題、解決問題的能力痛點分析與用戶畫像能夠制作共情圖能夠制作用戶畫像知識：熟知用戶研究的主要內(nèi)容了解痛點的概念與分類理解用戶畫像的概念與作用素質(zhì)：廣泛了解并尊重用戶研究工作提高邏輯思維能力培養(yǎng)分析問題、解決問題的能力培養(yǎng)專業(yè)工匠精神和團(tuán)隊協(xié)作的能力用戶場景與用戶體驗地圖能夠構(gòu)建用戶場景與用戶體驗地圖知識：認(rèn)識用戶場景與用戶體驗地圖及其作素質(zhì)：廣泛了解并尊重用戶研究工作提高邏輯思維能力培養(yǎng)分析問題、解決問題的能力培養(yǎng)專業(yè)工匠精神和團(tuán)隊協(xié)作的能力競品分析與數(shù)據(jù)分析能夠進(jìn)行競品分析知識：熟知競品分析的作用及不足熟知常用的分析數(shù)據(jù)素質(zhì)：提高邏輯思維能力培養(yǎng)分析問題、解決問題的能力對數(shù)據(jù)敏感需求的陳述、驗證、轉(zhuǎn)化能夠進(jìn)行需求驗證和轉(zhuǎn)化能夠制作產(chǎn)品功能對比表能夠排序功能優(yōu)先級知識：認(rèn)識5WH分析法理解需求驗證和轉(zhuǎn)化概念理解偽解決方案概念素質(zhì)：提高邏輯思維能力培養(yǎng)分析問題、解決問題的能力培養(yǎng)專業(yè)工匠精神和團(tuán)隊協(xié)作的能力結(jié)構(gòu)圖與流程圖能夠制作任務(wù)流程圖、頁面流程圖、功能結(jié)構(gòu)圖、信息結(jié)構(gòu)圖知識：理解信息架構(gòu)的概念理解流程圖與架構(gòu)圖概念認(rèn)識信息架構(gòu)架構(gòu)原則素質(zhì)：提高邏輯思維能力培養(yǎng)分析問題、解決問題的能力交互設(shè)計心理學(xué)能夠運用交互設(shè)計策略與原則設(shè)計線框圖能夠使用Axure軟件繪制線框圖知識：理解心智模型認(rèn)識頁面框架設(shè)計原則、交互設(shè)計四策略、部分格式塔法則與其它常用交互設(shè)計原則素質(zhì)：尊重交互設(shè)計原則提高邏輯思維能力培養(yǎng)分析問題、解決問題的能力培養(yǎng)專業(yè)工匠精神和團(tuán)隊協(xié)作的能力界面邏輯圖與原型能夠制作界面邏輯圖與原型知識：認(rèn)識界面邏輯圖與原型素質(zhì)：提高邏輯思維能力培養(yǎng)分析問題、解決問題的能力培養(yǎng)專業(yè)工匠精神和團(tuán)隊協(xié)作的能力可用性測試能夠設(shè)計實施可用性測試知識：了解可用性測試的指標(biāo)理解可用性測試的作用熟知可用性測試方法素質(zhì)：尊重可用性測試提高邏輯思維能力培養(yǎng)分析問題、解決問題的能力培養(yǎng)專業(yè)工匠精神和團(tuán)隊協(xié)作的能力第二單元：視覺設(shè)計界面視覺設(shè)計基礎(chǔ)能夠運用設(shè)計元素與原則以及格式塔法則設(shè)計、優(yōu)化界面知識：認(rèn)識移動端界面組成認(rèn)識界面設(shè)計所涉及的元素與設(shè)計原則及剩余格式塔法則素質(zhì)：培養(yǎng)對數(shù)字藝術(shù)以及界面設(shè)計的審美能力培養(yǎng)分析問題、解決問題的能力推導(dǎo)視覺風(fēng)格能夠推導(dǎo)產(chǎn)品視覺風(fēng)格知識：理解視覺方案與品牌的相互關(guān)系素質(zhì)：培養(yǎng)對數(shù)字藝術(shù)以及界面設(shè)計的審美能力培養(yǎng)分析問題、解決問題的能力培養(yǎng)專業(yè)工匠精神和團(tuán)隊協(xié)作的能力圖標(biāo)設(shè)計理解并依照圖標(biāo)設(shè)計原則進(jìn)行圖標(biāo)設(shè)計知識：認(rèn)識圖標(biāo)分類及特點、圖標(biāo)設(shè)計原則以及圖標(biāo)應(yīng)用方式素質(zhì)：培養(yǎng)對數(shù)字藝術(shù)以及界面設(shè)計的審美能力培養(yǎng)分析問題、解決問題的能力倍率與網(wǎng)格系統(tǒng)能夠使用網(wǎng)格系統(tǒng)設(shè)計頁面知識：理解分辨率與倍率相關(guān)概念熟知常用分辨率與倍率熟知常用界面布局理解模塊化設(shè)計與卡片式設(shè)計理解網(wǎng)格系統(tǒng)素質(zhì)：提高邏輯思維能力培養(yǎng)對數(shù)字藝術(shù)以及界面設(shè)計的審美能力培養(yǎng)分析問題、解決問題的能力培養(yǎng)專業(yè)工匠精神和團(tuán)隊協(xié)作的能力設(shè)計規(guī)范能夠參考行業(yè)標(biāo)準(zhǔn)設(shè)計規(guī)范撰寫設(shè)計規(guī)范知識：認(rèn)識設(shè)計規(guī)范組成熟知iOS與Android設(shè)計規(guī)范素質(zhì)：提高邏輯思維能力培養(yǎng)對數(shù)字藝術(shù)以及界面設(shè)計的審美能力培養(yǎng)分析問題、解決問題的能力培養(yǎng)專業(yè)工匠精神和團(tuán)隊協(xié)作的能力文件交付能夠進(jìn)行交付自查能夠規(guī)范進(jìn)行切圖與標(biāo)注知識：熟知交付自查內(nèi)容認(rèn)識項目文件命名規(guī)范認(rèn)識切圖原理和標(biāo)注規(guī)范素質(zhì)：提高邏輯思維能力培養(yǎng)分析問題、解決問題的能力培養(yǎng)專業(yè)工匠精神和團(tuán)隊協(xié)作的能力培養(yǎng)敬業(yè)愛崗、誠實守信的道德規(guī)范第三單元：動效設(shè)計動效設(shè)計能夠運用AE軟件制作界面動效知識：了解界面動效常用表現(xiàn)手法理解動效設(shè)計基本原則素質(zhì)：培養(yǎng)動畫藝術(shù)的分析和感知能力以及動效的設(shè)計能力培養(yǎng)分析問題、解決問題的能力培養(yǎng)專業(yè)工匠精神和團(tuán)隊協(xié)作的能力文件交付能夠輸出動效參數(shù)文檔知識：熟知動效插件理解動效參數(shù)文檔內(nèi)容素質(zhì)：培養(yǎng)動畫藝術(shù)的分析和感知能力以及動效的設(shè)計能力培養(yǎng)分析問題、解決問題的能力培養(yǎng)專業(yè)工匠精神和團(tuán)隊協(xié)作的能力第四單元：網(wǎng)頁設(shè)計網(wǎng)頁設(shè)計基礎(chǔ)能夠進(jìn)行網(wǎng)站需求分析能夠依照網(wǎng)頁布局排版原則設(shè)計網(wǎng)頁布局能夠運用網(wǎng)頁柵格進(jìn)行設(shè)計能夠依照網(wǎng)頁界面設(shè)計原則設(shè)計網(wǎng)頁能夠進(jìn)行網(wǎng)頁色彩設(shè)計知識：熟知網(wǎng)頁主要構(gòu)成元素認(rèn)識網(wǎng)頁布局排版原則熟知網(wǎng)頁常見尺寸、文字規(guī)范認(rèn)識網(wǎng)頁界面設(shè)計的原則熟知網(wǎng)頁設(shè)計中的色彩基礎(chǔ)知識素質(zhì)：尊重交互設(shè)計原則提高邏輯思維能力培養(yǎng)分析問題、解決問題的能力培養(yǎng)對數(shù)字藝術(shù)以及界面設(shè)計的審美能力培養(yǎng)專業(yè)工匠精神和團(tuán)隊協(xié)作的能力高保真效果圖與交付能夠進(jìn)行網(wǎng)頁高保真效果圖制作能夠進(jìn)行網(wǎng)頁切圖和標(biāo)注知識：理解響應(yīng)式布局概念理解CSS雪碧圖認(rèn)識靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁的概念認(rèn)識鼠標(biāo)的交互模式與狀態(tài)反饋素質(zhì)：尊重交互設(shè)計原則提高邏輯思維能力培養(yǎng)分析問題、解決問題的能力培養(yǎng)對數(shù)字藝術(shù)以及界面設(shè)計的審美能力培養(yǎng)專業(yè)工匠精神和團(tuán)隊協(xié)作的能力第四部分課程實施教學(xué)組織以每四節(jié)課為一基本教學(xué)單元，每次教學(xué)按照知識教授、任務(wù)要求、學(xué)生實訓(xùn)、教師輔導(dǎo)、學(xué)生討論、教師講評等六個環(huán)節(jié)為教學(xué)組織的基本形式，靈活運用下列多種教學(xué)方法。體驗式教學(xué)法：教學(xué)做一體化理念組織的基礎(chǔ)上，完成各任務(wù)，學(xué)中做做中學(xué)。范例教學(xué)法：用圖例配合老師講解，在學(xué)生腦海中形成直觀、鮮明的映像，從而調(diào)動學(xué)生對本課程的學(xué)習(xí)興趣，了解本課程的學(xué)習(xí)目標(biāo)和要求。示范教學(xué)法：對學(xué)習(xí)過程中難點教師進(jìn)行針對性示范演示。講授法：，針對工作中所要應(yīng)用的知識點展開適度的知識點講授。討論法：在教學(xué)過程中或單元小結(jié)時，分小組或各種形式充分展開討論以期達(dá)成全面、高效、優(yōu)質(zhì)地完成工作任務(wù)。實施條件（一）師資要求1.課程組教師3人、專業(yè)基礎(chǔ)課程不需要兼職教師、高級職稱30%以上、40歲以上30%。2.課程組負(fù)責(zé)人要求中級以上職稱。3.課程組主講教師均為專任教師，均為本科以上學(xué)歷、取得職業(yè)證書50%以上、企業(yè)工作經(jīng)歷40%以上、“雙師素質(zhì)”50%以上、均通過學(xué)院的職業(yè)教育教學(xué)能力評估。（二）設(shè)備要求實訓(xùn)室，投影機(jī)，數(shù)碼工具學(xué)生自備第五部分課程考核方案一、學(xué)業(yè)考核（一）考核內(nèi)容：1.過程性考核內(nèi)容：以學(xué)生在學(xué)習(xí)過程中對相關(guān)知識掌握與應(yīng)用、設(shè)計過程中創(chuàng)新思維能力提升、專業(yè)化設(shè)計水平及綜合素養(yǎng)形成等為依據(jù)進(jìn)行學(xué)業(yè)評價。2.水平性（學(xué)業(yè)成果）考核內(nèi)容：以學(xué)生設(shè)計作品的規(guī)范化、標(biāo)準(zhǔn)性、審美效果、創(chuàng)新性等為依據(jù)進(jìn)行評價。同時，將課程中對接的1+X職業(yè)資格證書標(biāo)準(zhǔn)納入水平性評價體系。3.課程考勤（二）評價方式：客觀題評價：采用客觀題測試的方式評價。學(xué)生自評：采用學(xué)生小組自評、互評的方式。教師評價：客戶（第三方評價）、教師、企業(yè)專家共同參與評價與反饋。二、教學(xué)評價針對授課教師的評價學(xué)生評價60%系（部）評價40%采用《課程教學(xué)學(xué)生評價意見》調(diào)查表進(jìn)行定量調(diào)查的方式進(jìn)行學(xué)生評價由教學(xué)督導(dǎo)和系評價小組對教學(xué)環(huán)節(jié)進(jìn)行定期或不定期的測評針對課程的評價系（部）評價50%企業(yè)專家評價30%畢業(yè)生評價20%由教學(xué)督導(dǎo)和系評價小組對課程進(jìn)行定期或不定期測評邀請企業(yè)專家定期對學(xué)生的工作態(tài)度和專業(yè)能力進(jìn)行測評，全面了解課程設(shè)計及實施效果邀請畢業(yè)生回校座談，本課程在工作中是否有作用，與本課程有關(guān)的能力哪些方面需要加強(qiáng)或減弱。第六部分課程資源的開發(fā)與利用教材的使用及建設(shè)《界面設(shè)計（中級）》高等教育出版社《界面設(shè)計（初級）》高等教育出版社主體教材的使用及建設(shè)全課程電子課件全課程教案促進(jìn)學(xué)生主動學(xué)習(xí)的擴(kuò)充性資料的建設(shè)及使用《在你身邊為你設(shè)計Ⅲ》、《精益設(shè)計》等參考書目CNKI數(shù)字圖書館提供的與課程相關(guān)的豐富文獻(xiàn)資料提供網(wǎng)絡(luò)教學(xué)資源：騰訊ISUX網(wǎng)站騰訊CD