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