移動端UI元素圖形創(chuàng)意設計案例教程 教案全套 魏云柯 項目1-10 概述、小學霸英語App 功能圖標設計及繪制方法-怦然樂動App 界面設計及繪制方法

XX學校教案2023～2024學年第一學期學院(部門)XX學院授課專業(yè)名稱XX專業(yè)課程編碼0XXXXXX0課程名稱UI元素圖形創(chuàng)意設計課程類型￡A類（純理論課）RB類（[理論＋實踐]課）￡C類（純實踐課）授課班級XX班主講教師XXX使用教材移動端UI元素圖形創(chuàng)意設計案例教程教務處制二〇二二年八月課程教學安排表章節(jié)編號任務單元/知識點章節(jié)目錄線下教學線上教學理論學時實踐學時單元測驗作業(yè)次數項目實戰(zhàn)演示匯報小組討論學習總結專題調研線上學時課程公告交流互動作業(yè)次數單元測驗1.1-1.4UI設計的概念和設計原則、UI設計的流程、UI元素的分類、UI版面和字體設計概述2211.5-1.7UI色彩和圖形設計概述、軟件Photoshop界面工具和功能簡述、軟件Illustrator界面工具和功能簡述221112.1-2.5功能圖標的概念、功能圖標范例、功能圖標的設計原則、功能圖標的風格類型、功能圖標的設計步驟222112.6-2.7小學霸英語APP底部標簽欄圖標設計制作項目案例、拓展練習22113.1-3.4APP圖標的概念、APP圖標范例、APP圖標的設計原則、APP圖標的設計步驟2213.5-3.6甜在心APP圖標設計及繪制方法項目案例、拓展練習22114.1-4.5色彩的重要性、什么是色彩、色彩的搭配原則、優(yōu)秀的色彩苑例界面/圖標已上線、軟件如何設置色彩221214.6-4.7桃兔社交通訊APP圖標設計制作項目案例、拓展練習221115.1-5.4引導頁的作用與類型、優(yōu)秀引導頁鑒賞、引導頁的設計思路、引導頁設計質感提升方法22115.5-5.6怪魚旅行app引導頁設計案例、拓展練習22116.1-6.3banner的概念、banner的設計原則、banner設計的步驟222116.4-6.5雙11女裝促銷banner設計與制作項目案例、拓展練習2217.1-7.4詳情頁和個人頁的概念、詳情頁和個人頁范例、詳情頁和個人頁的設計原則、詳情頁和個人頁的設計步驟22117.5-7.6好又省家裝詳情頁及個人頁設計及繪制方法項目案例、拓展練習22118.1-8.3首頁的類型、競品app首頁解析、首頁面框架層級梳理221218.4-8.5首頁面原型設計與兜底加載、怪魚旅行app的首頁設計、拓展練習22119.1-9.4項目介紹、項目調研與分析、系統(tǒng)設計、視覺設計2219.5-9.6砰然樂動APP界面設計項目實戰(zhàn)、拓展練習22111小計3636281588641章節(jié)名稱1.1-1.4UI設計的概念和設計原則、UI設計的流程、UI元素的分類、UI版面和字體設計概述授課形式理論/實訓/理實一體化授課學時4教學目標理解UI設計的概念和設計原則、掌握UI設計的流程、理解UI元素的分類、理解UI版面和字體設計相關內容【素質】1.養(yǎng)成善于思考的習慣【知識】1.UI設計的概念和設計原則。2.UI設計的流程。3.UI元素的分類。4.UI版面和字體設計相關內容。【能力】1.策劃一款移動端APP，策劃的內容包含產品簡介、用戶定位、功能梳理、和首頁原型圖一張。2.使用手機錄屏軟件錄下APP里的動態(tài)效果來作為學習資料。3.使用數位板或紙筆臨摹一下搜集到的字體設計范例。教學重難點與解決方法【重點】1.UI設計的設計原則2.UI設計的流程【解決方法】講清楚理論知識，讓學生多實踐【難點】1.UI元素的分類2.UI版面和字體設計相關內容【解決方法】講清楚理論知識，讓學生多實踐學情分析與應對方法學情分析應對方法1.非美術生，缺乏造型（素描）能力1.搜集素材，多畫草圖2.不會Photoshop2.教師講軟件，項目化教學，學生練習3.不會Illustrator3.教師講軟件，項目化教學，學生練習教學用具已訂教材，自編講義，參考書教學安排（含具體教學內容、活動、方法、組織、時間等，★表示“課程思政”要素融合點。）1.講授UI設計的概念和設計原則（40分鐘）(1).簡易性(2).一致性(3).符合用戶習慣(4).秩序性(5).安全性2.講授UI設計的流程并實操（20分鐘）(1).故事版Storyboard(2).原型圖/線框圖(3).字體、色彩、間距、圖標等規(guī)范(4).全部界面視覺設計(5).課堂練習1★3.講授UI元素的分類并實操（100分鐘）(1).圖標(2).色彩(3).卡通插畫(4).橫幅廣告（banner）(5).版式設計(6).課堂練習24.講授UI版面和字體設計概述（20分鐘）(1).版面設計的套路學習評量（制定本次課的評量標準，評量學生對教學內容的掌握情況與課堂整體表現(xiàn)，可使用附錄補充。）質量維度質量等級A（優(yōu)）B（良）C（中）教學內容檢測點11.學生能根據自己的個人特點，做用戶角色。以PPT或WORD格式提交。2.學生能根據用戶角色和觀察到的現(xiàn)有產品，思考策劃一款移動端APP，策劃的內容包含產品簡介、用戶定位、功能梳理、和首頁原型圖一張。以上內容需設計制作為一張寬度為1080像素的長圖片。長圖片做得差點長圖片做得更差教學內容檢測點21.學生能使用手機錄屏軟件錄下APP里的動態(tài)效果來作為學習資料。找不到APP動態(tài)效果錄不下來課后作業(yè)1.各種原因導致課堂練習完不成就在課后完成課后反思（客觀描述課程教學過程中遇到的問題、不足及改進設想。）1.講得太快，改進：講慢點2.講得太慢，改進：講快點3.作業(yè)太多，改進：作業(yè)減少4.作業(yè)太難，改進：作業(yè)難度降低章節(jié)名稱1.5-1.7UI版面和字體設計概述、UI色彩和圖形設計概述、軟件Photoshop界面工具和功能簡述、軟件Illustrator界面工具和功能簡述授課形式理論/實訓/理實一體化授課學時4教學目標理解UI版面和字體設計相關內容、理解UI色彩和圖形設計相關內容、安裝好Photoshop、Illustrator軟件【素質】1.學會安裝軟件，鍛煉動手能力【知識】1.UI版面和字體設計相關內容。2.UI色彩和圖形設計相關內容。3.軟件Photoshop界面工具和功能簡述。4.軟件Illustrator界面工具和功能簡述?！灸芰Α?.安裝好Photoshop、Illustrator軟件。2.截屏橫幅廣告（banner）里做得比較漂亮的字體設計，使用數位板或紙筆臨摹。3.為學校自駕車上課的老師們設計一張“通行證”或“出入證”。文字需要字體設計。4.數位板或是紙筆臨摹一下搜集到的APP界面里的圖形設計范例。5.設計“通訊錄”或“音樂”圖標。設計過程要有設計草圖，電腦稿包括線框稿和彩色稿。教學重難點與解決方法【重點】1.UI版面和字體設計相關內容2.UI色彩和圖形設計相關內容【解決方法】講清楚理論知識，讓學生多實踐【難點】1.軟件Photoshop界面工具和功能簡述2.軟件Illustrator界面工具和功能簡述【解決方法】講清楚理論知識，讓學生多實踐學情分析與應對方法學情分析應對方法1.非美術生，缺乏造型（素描）能力1.搜集素材，多畫草圖2.不會Photoshop2.教師講軟件，項目化教學，學生練習3.不會Illustrator3.教師講軟件，項目化教學，學生練習教學用具已訂教材，自編講義，參考書教學安排（含具體教學內容、活動、方法、組織、時間等，★表示“課程思政”要素融合點。）1.講授UI版面和字體設計相關內容并實操（50分鐘）(1).版面設計的步驟(2).字體設計在圖標/閃屏頁/彈出窗口/橫幅廣告里的運用(3).字體設計的方法和步驟(4).課堂練習3(5).課堂練習4★2.講授UI色彩和圖形設計相關內容（70分鐘）(1).UI色彩運用法則(2).色彩規(guī)范的制作(3).圖形設計在UI里的運用(4).圖形設計的方法和步驟(5).課堂練習5(6).課堂練習63.講授軟件Photoshop和Illustrator界面工具和功能（60分鐘）(1).Photoshop的安裝(2).Illustrator的安裝學習評量（制定本次課的評量標準，評量學生對教學內容的掌握情況與課堂整體表現(xiàn)，可使用附錄補充。）質量維度質量等級A（優(yōu)）B（良）C（中）教學內容檢測點11.截屏橫幅廣告（banner）里做得比較漂亮的字體設計，使用數位板或紙筆臨摹。臨摹得不像臨摹得更不像教學內容檢測點21.為學校自駕車上課的老師們設計一張“通行證”或“出入證”。文字需要字體設計。字體設計得不好字體不做設計教學內容檢測點31.數位板或是紙筆臨摹一下搜集到的APP界面里的圖形設計范例。臨摹得不像臨摹得更不像教學內容檢測點41.設計“通訊錄”或“音樂”圖標。設計過程要有設計草圖，電腦稿包括線框稿和彩色稿。圖標設計得不好看圖標不僅不好看，表義還不明確課后作業(yè)1.各種原因導致課堂練習完不成就在課后完成課后反思（客觀描述課程教學過程中遇到的問題、不足及改進設想。）1.講得太快，改進：講慢點2.講得太慢，改進：講快點3.作業(yè)太多，改進：作業(yè)減少4.作業(yè)太難，改進：作業(yè)難度降低章節(jié)名稱2.1-2.5功能圖標的概念、功能圖標范例、功能圖標的設計原則、功能圖標的風格類型、功能圖標的設計步驟授課形式理論/實訓/理實一體化授課學時4教學目標理解功能圖標的概念、理解功能圖標范例、掌握功能圖標的設計原則、學習功能圖標的風格類型后掌握分類、理解功能圖標的設計步驟【素質】1.學會創(chuàng)造性勞動，杜絕抄襲【知識】1.功能圖標的概念。2.功能圖標范例。3.功能圖標的設計原則。4.功能圖標的風格類型。5.功能圖標的設計步驟?！灸芰Α?.從“色彩、版面布局、圖標、動態(tài)交互、色彩、卡通、短視頻”等方面分析5個APP界面好在哪2.將“屏幕截圖界面”的圖標按照自己的視覺感受進行風格分類3.尋找合適的設計元素去表現(xiàn)：“創(chuàng)建群聊”圖標或“評論和@”圖標4.使用紙筆或數位板繪制“創(chuàng)建群聊”圖標或“評論和@”圖標的草圖5.畫出圖標的電腦稿，并修改，可以使用不超過3種色彩教學重難點與解決方法【重點】1.功能圖標的概念2.功能圖標的設計原則【解決方法】講清楚理論知識，讓學生多實踐【難點】1.功能圖標的風格類型2.功能圖標的設計步驟【解決方法】講清楚理論知識，讓學生多實踐學情分析與應對方法學情分析應對方法1.非美術生，缺乏造型（素描）能力1.搜集素材，多畫草圖2.不會Photoshop2.教師講軟件，項目化教學，學生練習3.不會Illustrator3.教師講軟件，項目化教學，學生練習教學用具已訂教材，自編講義，參考書教學安排（含具體教學內容、活動、方法、組織、時間等，★表示“課程思政”要素融合點。）1.講授功能圖標的概念（10分鐘）2.講授功能圖標范例并實操（40分鐘）(1).功能圖標范例-已上線(2).課堂練習13.講授功能圖標的設計原則并實操★（40分鐘）(1).傳達性強(2).滿足審美需求(3).具有規(guī)范統(tǒng)一性(4).課堂練習24.講授功能圖標的風格類型（30分鐘）(1).線框圖標(2).線面組合圖標(3).擬物圖標5.講授功能圖標的設計步驟并實操（60分鐘）(1).查閱資料(2).根據命題，尋找合適的元素進行設計構思(3).課堂練習3(4).根據設計元素畫出設計草圖(5).課堂練習4★(6).根據草圖在電腦上繪制電腦稿，修改定稿(7).課堂練習5學習評量（制定本次課的評量標準，評量學生對教學內容的掌握情況與課堂整體表現(xiàn)，可使用附錄補充。）質量維度質量等級A（優(yōu)）B（良）C（中）教學內容檢測點11.從“色彩、版面布局、圖標、動態(tài)交互、色彩、卡通、短視頻”等方面分析5個APP界面好在哪分析得不完全正確分析不出教學內容檢測點21.將“屏幕截圖界面”的圖標按照自己的視覺感受進行風格分類分類不準確無法分類教學內容檢測點31.尋找合適的設計元素去表現(xiàn)：“創(chuàng)建群聊”圖標或“評論和@”圖標元素不合適找不出元素教學內容檢測點41.使用紙筆或數位板繪制“創(chuàng)建群聊”圖標或“評論和@”圖標的草圖圖標設計得不好看圖標不僅不好看，表義還不明確教學內容檢測點51.畫出圖標的電腦稿，并修改，可以使用不超過3種色彩畫得不好畫不出來課后作業(yè)各種原因導致課堂練習完不成就在課后完成尋找手機APP里做得好的圖標，尋找設計規(guī)律。使用熟悉的繪圖軟件進行臨摹。課后反思（客觀描述課程教學過程中遇到的問題、不足及改進設想。）1.講得太快，改進：講慢點2.講得太慢，改進：講快點3.作業(yè)太多，改進：作業(yè)減少4.作業(yè)太難，改進：作業(yè)難度降低章節(jié)名稱2.6-2.7小學霸英語APP底部標簽欄圖標設計制作項目案例、拓展練習授課形式理論/實訓/理實一體化授課學時4教學目標掌握小學霸英語APP底部標簽欄圖標設計制作的過程、完成拓展練習【素質】1.以美育人，將創(chuàng)意思路運用軟件技術實現(xiàn)【知識】1.小學霸英語APP底部標簽欄圖標設計制作的過程2.拓展練習【能力】1.掌握小學霸英語APP底部標簽欄圖標設計制作的過程2.拓展練習的能力教學重難點與解決方法【重點】1.小學霸英語APP底部標簽欄圖標設計制作的過程【解決方法】講清楚理論知識，讓學生多實踐【難點】1.拓展練習【解決方法】講清楚理論知識，讓學生多實踐學情分析與應對方法學情分析應對方法1.非美術生，缺乏造型（素描）能力1.搜集素材，多畫草圖2.不會Photoshop2.教師講軟件，項目化教學，學生練習3.不會Illustrator3.教師講軟件，項目化教學，學生練習教學用具已訂教材，自編講義，參考書教學安排（含具體教學內容、活動、方法、組織、時間等，★表示“課程思政”要素融合點。）1.講授小學霸英語APP底部標簽欄圖標設計制作的過程并實操★（90分鐘）2.拓展練習（90分鐘）學習評量（制定本次課的評量標準，評量學生對教學內容的掌握情況與課堂整體表現(xiàn)，可使用附錄補充。）質量維度質量等級A（優(yōu)）B（良）C（中）教學內容檢測點11.實操小學霸英語APP底部標簽欄圖標設計制作的過程制作得不完整制作不出教學內容檢測點21.拓展練習完成得不好完不成課后作業(yè)1.各種原因導致課堂練習完不成就在課后完成課后反思（客觀描述課程教學過程中遇到的問題、不足及改進設想。）1.講得太快，改進：講慢點2.講得太慢，改進：講快點3.作業(yè)太多，改進：作業(yè)減少4.作業(yè)太難，改進：作業(yè)難度降低章節(jié)名稱3.1-3.4APP圖標的概念、APP圖標范例、APP圖標的設計原則、APP圖標的設計步驟授課形式理論/實訓/理實一體化授課學時4教學目標理解APP圖標的概念、理解APP圖標范例的10種分類、掌握APP圖標的設計原則、掌握APP圖標的設計步驟【素質】1.學會創(chuàng)造性勞動，杜絕抄襲【知識】1.APP圖標的概念。2.APP圖標范例-已上線。3.APP圖標的設計原則。4.APP圖標的設計步驟?！灸芰Α?.將喜歡的圖標截屏，并作圖標外形或色彩的優(yōu)點分析2.對設計得不好的圖標作圖標外形或色彩的缺點分析3.尋找合適的設計元素去表現(xiàn)：“雨水”APP圖標或“大學夢”APP圖標4.根據元素，使用紙筆或數位板繪制“雨水”APP圖標或“大學夢”APP圖標的草圖5.根據草圖，使用繪圖軟件畫出圖標的電腦稿，并修改。可以使用不超過3種色彩教學重難點與解決方法【重點】1.APP圖標范例的10種分類【解決方法】講清楚理論知識，讓學生多實踐【難點】1.APP圖標的設計原則2.APP圖標的設計步驟【解決方法】講清楚理論知識，讓學生多實踐學情分析與應對方法學情分析應對方法1.非美術生，缺乏造型（素描）能力1.搜集素材，多畫草圖2.不會Photoshop2.教師講軟件，項目化教學，學生練習3.不會Illustrator3.教師講軟件，項目化教學，學生練習教學用具已訂教材，自編講義，參考書教學安排（含具體教學內容、活動、方法、組織、時間等，★表示“課程思政”要素融合點。）1.講授APP圖標的概念（10分鐘）2.講授APP圖標范例的10種分類并實操（50分鐘）(1).APP圖標范例-已上線(2).課堂練習13.講授APP圖標的設計原則并實操（30分鐘）(1).盡量不用照片(2).文字字數要少(3).醒目有特色(4).表意準確(5).色彩和諧(6).課堂練習25.講授APP圖標的設計步驟并實操（90分鐘）(1).查閱資料(2).根據命題，尋找合適的元素進行設計構思(3).課堂練習3(4).根據設計元素畫出設計草圖(5).課堂練習4★(6).根據草圖在電腦上繪制電腦稿，修改定稿(7).課堂練習5學習評量（制定本次課的評量標準，評量學生對教學內容的掌握情況與課堂整體表現(xiàn)，可使用附錄補充。）質量維度質量等級A（優(yōu)）B（良）C（中）教學內容檢測點11.將喜好的圖標截屏，并作圖標外形或色彩的優(yōu)點分析分析得不完全正確分析不出教學內容檢測點21.對設計得不好的圖標作圖標外形或色彩的缺點分析分類不準確無法分類教學內容檢測點31.尋找合適的設計元素去表現(xiàn)：“雨水”APP圖標或“大學夢”APP圖標元素不合適找不出元素教學內容檢測點41.根據元素，使用紙筆或數位板繪制“雨水”APP圖標或“大學夢”APP圖標的草圖圖標設計得不好看圖標不僅不好看，表義還不明確教學內容檢測點51.根據草圖，使用繪圖軟件畫出圖標的電腦稿，并修改?？梢允褂貌怀^3種色彩畫得不好畫不出來課后作業(yè)1.各種原因導致課堂練習完不成就在課后完成課后反思（客觀描述課程教學過程中遇到的問題、不足及改進設想。）1.講得太快，改進：講慢點2.講得太慢，改進：講快點3.作業(yè)太多，改進：作業(yè)減少4.作業(yè)太難，改進：作業(yè)難度降低章節(jié)名稱3.5-3.6甜在心APP圖標設計及繪制方法項目案例、拓展練習授課形式理論/實訓/理實一體化授課學時4教學目標掌握甜在心APP圖標設計及繪制方法項目案例制作的過程、完成拓展練習【素質】1.以美育人，將創(chuàng)意思路運用軟件技術實現(xiàn)【知識】1.甜在心APP圖標設計及繪制方法項目案例制作的過程2.拓展練習【能力】1.掌握甜在心APP圖標設計及繪制方法項目案例制作的過程2.拓展練習的能力教學重難點與解決方法【重點】1.甜在心APP圖標設計及繪制方法項目案例制作的過程【解決方法】講清楚理論知識，讓學生多實踐【難點】1.拓展練習【解決方法】講清楚理論知識，讓學生多實踐學情分析與應對方法學情分析應對方法1.非美術生，缺乏造型（素描）能力1.搜集素材，多畫草圖2.不會Photoshop2.教師講軟件，項目化教學，學生練習3.不會Illustrator3.教師講軟件，項目化教學，學生練習教學用具已訂教材，自編講義，參考書教學安排（含具體教學內容、活動、方法、組織、時間等，★表示“課程思政”要素融合點。）1.講授甜在心APP圖標設計及繪制方法項目案例制作的過程并實操★（90分鐘）2.拓展練習（90分鐘）學習評量（制定本次課的評量標準，評量學生對教學內容的掌握情況與課堂整體表現(xiàn)，可使用附錄補充。）質量維度質量等級A（優(yōu)）B（良）C（中）教學內容檢測點11.實操甜在心APP圖標設計及繪制方法項目案例制作的過程制作得不完整制作不出教學內容檢測點21.拓展練習完成得不好完不成課后作業(yè)1.各種原因導致課堂練習完不成就在課后完成課后反思（客觀描述課程教學過程中遇到的問題、不足及改進設想。）1.講得太快，改進：講慢點2.講得太慢，改進：講快點3.作業(yè)太多，改進：作業(yè)減少4.作業(yè)太難，改進：作業(yè)難度降低章節(jié)名稱4.1-4.5色彩的重要性、什么是色彩、色彩的搭配原則、優(yōu)秀的色彩苑例界面/圖標已上線、軟件如何設置色彩授課形式理論/實訓/理實一體化授課學時4教學目標理解色彩的重要性、理解什么是色彩、掌握色彩的搭配原則、理解優(yōu)秀的色彩苑例界面/圖標已上線、掌握軟件如何設置色彩【素質】1.以美育人，具有創(chuàng)意設計的能力素養(yǎng)和審美素養(yǎng)2.創(chuàng)造性勞動，勇于創(chuàng)新，具備運用現(xiàn)代信息技術進行自我學習的能力【知識】1.色彩的重要性2.什么是色彩3.色彩的搭配原則4.優(yōu)秀的色彩苑例界面/圖標已上線5.軟件如何設置色彩【能力】1.在網上查找配色案例。選擇一個正面案例和一個反面案例，簡述原因2.說出冷暖色調的主要區(qū)別并簡述冷暖色調各自適合哪些領域的設計3.結合所學知識找到三個你認為配色美觀亮眼的UI界面設計，提供截圖并分析原因4.運用所學知識，運用AI軟件為圖片填充顏色，要求配色和諧美觀5.運用所學知識獨立完成一個圖標或界面的設計，要求構圖合理配色美觀符合主題教學重難點與解決方法【重點】色彩的搭配原則軟件如何設置色彩【解決方法】講清楚理論知識，讓學生多實踐【難點】1.運用所學知識獨立完成一個圖標或界面的設計，要求構圖合理配色美觀符合主題【解決方法】講清楚理論知識，讓學生多實踐學情分析與應對方法學情分析應對方法1.非美術生，缺乏造型（素描）能力1.搜集素材，多畫草圖2.不會Photoshop2.教師講軟件，項目化教學，學生練習3.不會Illustrator3.教師講軟件，項目化教學，學生練習教學用具已訂教材，自編講義，參考書教學安排（含具體教學內容、活動、方法、組織、時間等，★表示“課程思政”要素融合點。）1.講授色彩的重要性★（10分鐘）2.講授什么是色彩、色彩的搭配原則、優(yōu)秀的色彩苑例界面/圖標已上線并實操（70分鐘）(1).什么是色彩(2).色彩的搭配原則★(3).優(yōu)秀的色彩苑例界面/圖標已上線(4).課堂練習1(5).課堂練習2(6).課堂練習33.講授軟件如何設置色彩并實操（100分鐘）(1).軟件如何設置色彩(2).課堂練習4(3).課堂練習5★學習評量（制定本次課的評量標準，評量學生對教學內容的掌握情況與課堂整體表現(xiàn)，可使用附錄補充。）質量維度質量等級A（優(yōu)）B（良）C（中）教學內容檢測點11.在網上查找配色案例。選擇一個正面案例和一個反面案例，簡述原因分析得不完全正確分析不出教學內容檢測點21.說出冷暖色調的主要區(qū)別并簡述冷暖色調各自適合哪些領域的設計分析不準確無法分析教學內容檢測點31.結合所學知識找到三個你認為配色美觀亮眼的UI界面設計，提供截圖并分析原因分析不準確無法分析教學內容檢測點41.運用所學知識，運用AI軟件為圖片填充顏色，要求配色和諧美觀配色不夠和諧美觀配色不和諧不美觀教學內容檢測點51.運用所學知識獨立完成一個圖標或界面的設計，要求構圖合理配色美觀符合主題構圖不夠合理，配色不夠美觀，不夠符合主題構圖不合理，配色不美觀，不符合主題課后作業(yè)1.各種原因導致課堂練習完不成就在課后完成課后反思（客觀描述課程教學過程中遇到的問題、不足及改進設想。）1.講得太快，改進：講慢點2.講得太慢，改進：講快點3.作業(yè)太多，改進：作業(yè)減少4.作業(yè)太難，改進：作業(yè)難度降低章節(jié)名稱4.6-4.7桃兔社交通訊APP圖標設計制作項目案例、拓展練習授課形式理論/實訓/理實一體化授課學時4教學目標掌握桃兔社交通訊APP圖標設計制作項目案例制作的過程、完成拓展練習【素質】1.以美育人，具有創(chuàng)意設計的能力素養(yǎng)和審美素養(yǎng)2.創(chuàng)造性勞動，勇于創(chuàng)新，具備運用現(xiàn)代信息技術進行自我學習的能力【知識】1.桃兔社交通訊APP圖標設計制作項目案例制作的過程2.拓展練習【能力】1.掌握桃兔社交通訊APP圖標設計制作項目案例制作的過程2.拓展練習的能力教學重難點與解決方法【重點】1.桃兔社交通訊APP圖標設計制作項目案例制作的過程【解決方法】講清楚理論知識，讓學生多實踐【難點】1.拓展練習【解決方法】講清楚理論知識，讓學生多實踐學情分析與應對方法學情分析應對方法1.非美術生，缺乏造型（素描）能力1.搜集素材，多畫草圖2.不會Photoshop2.教師講軟件，項目化教學，學生練習3.不會Illustrator3.教師講軟件，項目化教學，學生練習教學用具已訂教材，自編講義，參考書教學安排（含具體教學內容、活動、方法、組織、時間等，★表示“課程思政”要素融合點。）1.講授桃兔社交通訊APP圖標設計制作項目案例制作的過程并實操★（90分鐘）2.拓展練習（90分鐘）學習評量（制定本次課的評量標準，評量學生對教學內容的掌握情況與課堂整體表現(xiàn)，可使用附錄補充。）質量維度質量等級A（優(yōu)）B（良）C（中）教學內容檢測點11.實操桃兔社交通訊APP圖標設計制作項目案例制作的過程制作得不完整制作不出教學內容檢測點21.拓展練習完成得不好完不成課后作業(yè)1.各種原因導致課堂練習完不成就在課后完成課后反思（客觀描述課程教學過程中遇到的問題、不足及改進設想。）1.講得太快，改進：講慢點2.講得太慢，改進：講快點3.作業(yè)太多，改進：作業(yè)減少4.作業(yè)太難，改進：作業(yè)難度降低章節(jié)名稱5.1-5.4引導頁的作用與類型、優(yōu)秀引導頁鑒賞、引導頁的設計思路、引導頁設計質感提升方法授課形式理論/實訓/理實一體化授課學時4教學目標理解引導頁的作用與類型、理解優(yōu)秀引導頁的優(yōu)點、掌握引導頁的設計思路、掌握引導頁設計質感提升方法【素質】1.積極思考，主動學習，勤奮堅持，為目標付諸行動【知識】1.引導頁的作用與類型2.優(yōu)秀引導頁鑒賞3.引導頁的設計思路4.引導頁設計質感提升方法【能力】1.將喜歡的UI里的卡通圖形截屏，并作優(yōu)點分析2.為計算機工程技術學院（人工智能學院）APP的引導頁設計1個卡通形象，包含線框稿和彩色稿，三視圖教學重難點與解決方法【重點】1.引導頁的設計思路2.引導頁設計質感提升方法【解決方法】講清楚理論知識，讓學生多實踐【難點】1.為計算機工程技術學院（人工智能學院）APP的引導頁設計1個卡通形象，包含線框稿和彩色稿，三視圖【解決方法】講清楚理論知識，讓學生多實踐學情分析與應對方法學情分析應對方法1.非美術生，缺乏造型（素描）能力1.搜集素材，多畫草圖2.不會Photoshop2.教師講軟件，項目化教學，學生練習3.不會Illustrator3.教師講軟件，項目化教學，學生練習教學用具已訂教材，自編講義，參考書教學安排（含具體教學內容、活動、方法、組織、時間等，★表示“課程思政”要素融合點。）講授引導頁的作用與類型、優(yōu)秀引導頁鑒賞并實操（70分鐘）(1).引導頁的作用與類型(2).優(yōu)秀引導頁鑒賞(3).課堂練習12.講授引導頁的設計思路，引導頁設計質感提升方法并實操（110分鐘）(1).引導頁的設計思路(2).引導頁設計質感提升方法(3).課堂練習2★學習評量（制定本次課的評量標準，評量學生對教學內容的掌握情況與課堂整體表現(xiàn)，可使用附錄補充。）質量維度質量等級A（優(yōu)）B（良）C（中）教學內容檢測點11.將喜歡的UI里的卡通圖形截屏，并作優(yōu)點分析分析得不完全正確分析不出教學內容檢測點21.為計算機工程技術學院（人工智能學院）APP的引導頁設計1個卡通形象，包含線框稿和彩色稿，三視圖設計得不夠好設計得很不好課后作業(yè)1.各種原因導致課堂練習完不成就在課后完成課后反思（客觀描述課程教學過程中遇到的問題、不足及改進設想。）1.講得太快，改進：講慢點2.講得太慢，改進：講快點3.作業(yè)太多，改進：作業(yè)減少4.作業(yè)太難，改進：作業(yè)難度降低章節(jié)名稱5.5-5.6怪魚旅行app引導頁設計案例、拓展練習授課形式理論/實訓/理實一體化授課學時4教學目標掌握怪魚旅行app引導頁設計案例制作的過程、完成拓展練習【素質】1.以美育人，具有創(chuàng)意設計的能力素養(yǎng)和審美素養(yǎng)2.創(chuàng)造性勞動，勇于創(chuàng)新，具備運用現(xiàn)代信息技術進行自我學習的能力【知識】1.怪魚旅行app引導頁設計案例制作的過程2.拓展練習【能力】1.掌握怪魚旅行app引導頁設計案例制作的過程2.拓展練習的能力教學重難點與解決方法【重點】1.怪魚旅行app引導頁設計案例制作的過程【解決方法】講清楚理論知識，讓學生多實踐【難點】1.拓展練習【解決方法】講清楚理論知識，讓學生多實踐學情分析與應對方法學情分析應對方法1.非美術生，缺乏造型（素描）能力1.搜集素材，多畫草圖2.不會Photoshop2.教師講軟件，項目化教學，學生練習3.不會Illustrator3.教師講軟件，項目化教學，學生練習教學用具已訂教材，自編講義，參考書教學安排（含具體教學內容、活動、方法、組織、時間等，★表示“課程思政”要素融合點。）1.講授怪魚旅行app引導頁設計案例制作的過程并實操★（90分鐘）2.拓展練習（90分鐘）學習評量（制定本次課的評量標準，評量學生對教學內容的掌握情況與課堂整體表現(xiàn)，可使用附錄補充。）質量維度質量等級A（優(yōu)）B（良）C（中）教學內容檢測點11.實操怪魚旅行app引導頁設計案例制作的過程制作得不完整制作不出教學內容檢測點21.拓展練習完成得不好完不成課后作業(yè)1.各種原因導致課堂練習完不成就在課后完成課后反思（客觀描述課程教學過程中遇到的問題、不足及改進設想。）1.講得太快，改進：講慢點2.講得太慢，改進：講快點3.作業(yè)太多，改進：作業(yè)減少4.作業(yè)太難，改進：作業(yè)難度降低章節(jié)名稱6.1-6.3banner的概念、banner的設計原則、banner設計的步驟授課形式理論/實訓/理實一體化授課學時4教學目標理解banner的概念、掌握banner的設計原則、掌握banner設計的步驟【素質】1.勤學勤練，多動手實踐，熟練掌握軟件操作技能【知識】1.banner的概念2.banner的設計原則3.banner設計的步驟【能力】1.收集已上線的banner設計案例，分析為什么那樣設計2.結合banner設計的步驟，根據老師給出的設計命題做1頁banner設計教學重難點與解決方法【重點】1.banner的設計原則2.banner設計的步驟【解決方法】講清楚理論知識，讓學生多實踐【難點】1.結合banner設計的步驟，根據老師給出的設計命題做1頁banner設計【解決方法】講清楚理論知識，讓學生多實踐學情分析與應對方法學情分析應對方法1.非美術生，缺乏造型（素描）能力1.搜集素材，多畫草圖2.不會Photoshop2.教師講軟件，項目化教學，學生練習3.不會Illustrator3.教師講軟件，項目化教學，學生練習教學用具已訂教材，自編講義，參考書教學安排（含具體教學內容、活動、方法、組織、時間等，★表示“課程思政”要素融合點。）1.講授banner的概念、banner的設計原則、banner設計的步驟并實操（180分鐘）(1).banner的概念(2).banner的設計原則(3).banner設計的步驟(4).課堂練習1(5).課堂練習2★學習評量（制定本次課的評量標準，評量學生對教學內容的掌握情況與課堂整體表現(xiàn)，可使用附錄補充。）質量維度質量等級A（優(yōu)）B（良）C（中）教學內容檢測點11.收集已上線的banner設計案例，分析為什么那樣設計分析得不完全正確分析不出教學內容檢測點21.結合banner設計的步驟，根據老師給出的設計命題做1頁banner設計設計得不夠好設計得很不好課后作業(yè)1.各種原因導致課堂練習完不成就在課后完成課后反思（客觀描述課程教學過程中遇到的問題、不足及改進設想。）1.講得太快，改進：講慢點2.講得太慢，改進：講快點3.作業(yè)太多，改進：作業(yè)減少4.作業(yè)太難，改進：作業(yè)難度降低章節(jié)名稱6.4-6.5雙11女裝促銷banner設計與制作項目案例、拓展練習授課形式理論/實訓/理實一體化授課學時4教學目標掌握雙11女裝促銷banner設計與制作項目案例制作的過程、完成拓展練習【素質】1.勤學勤練，多動手實踐，熟練掌握軟件操作技能【知識】1.雙11女裝促銷banner設計與制作項目案例制作的過程2.拓展練習【能力】1.掌握雙11女裝促銷banner設計與制作項目案例制作的過程2.拓展練習的能力教學重難點與解決方法【重點】1.雙11女裝促銷banner設計與制作項目案例制作的過程【解決方法】講清楚理論知識，讓學生多實踐【難點】1.拓展練習【解決方法】講清楚理論知識，讓學生多實踐學情分析與應對方法學情分析應對方法1.非美術生，缺乏造型（素描）能力1.搜集素材，多畫草圖2.不會Photoshop2.教師講軟件，項目化教學，學生練習3.不會Illustrator3.教師講軟件，項目化教學，學生練習教學用具已訂教材，自編講義，參考書教學安排（含具體教學內容、活動、方法、組織、時間等，★表示“課程思政”要素融合點。）1.講授雙11女裝促銷banner設計與制作項目案例制作的過程并實操★（90分鐘）2.拓展練習（90分鐘）學習評量（制定本次課的評量標準，評量學生對教學內容的掌握情況與課堂整體表現(xiàn)，可使用附錄補充。）質量維度質量等級A（優(yōu)）B（良）C（中）教學內容檢測點11.實操雙11女裝促銷banner設計與制作項目案例制作的過程制作得不完整制作不出教學內容檢測點21.拓展練習完成得不好完不成課后作業(yè)1.各種原因導致課堂練習完不成就在課后完成課后反思（客觀描述課程教學過程中遇到的問題、不足及改進設想。）1.講得太快，改進：講慢點2.講得太慢，改進：講快點3.作業(yè)太多，改進：作業(yè)減少4.作業(yè)太難，改進：作業(yè)難度降低章節(jié)名稱7.1-7.4詳情頁和個人頁的概念、詳情頁和個人頁范例、詳情頁和個人頁的設計原則、詳情頁和個人頁的設計步驟授課形式理論/實訓/理實一體化授課學時4教學目標理解詳情頁和個人頁的概念、理解詳情頁和個人頁范例的優(yōu)點、掌握詳情頁和個人頁的設計原則、掌握詳情頁和個人頁的設計步驟【素質】1.愛國守則，具備溝通協(xié)作、人文社會關懷的能力【知識】1.詳情頁和個人頁的概念2.詳情頁和個人頁范例3.詳情頁和個人頁的設計原則4.詳情頁和個人頁的設計步驟【能力】1.搜集詳情頁和個人頁并作版式歸類，分析圖形、字體、版式、色彩的特點2.運用教師給出的文字，完成兩種以上的界面版式設計原型圖/線框圖3.根據原型圖，尋找素材完成“電商商品詳情頁”的設計效果圖教學重難點與解決方法【重點】1.詳情頁和個人頁的設計原則2.詳情頁和個人頁的設計步驟【解決方法】講清楚理論知識，讓學生多實踐【難點】1.運用教師給出的文字，完成兩種以上的界面版式設計原型圖/線框圖2.根據原型圖，尋找素材完成“電商商品詳情頁”的設計效果圖【解決方法】講清楚理論知識，讓學生多實踐學情分析與應對方法學情分析應對方法1.非美術生，缺乏造型（素描）能力1.搜集素材，多畫草圖2.不會Photoshop2.教師講軟件，項目化教學，學生練習3.不會Illustrator3.教師講軟件，項目化教學，學生練習教學用具已訂教材，自編講義，參考書教學安排（含具體教學內容、活動、方法、組織、時間等，★表示“課程思政”要素融合點。）1.講授詳情頁和個人頁的概念、詳情頁和個人頁范例、詳情頁和個人頁的設計原則并實操（80分鐘）(1).詳情頁和個人頁的概念(2).詳情頁和個人頁范例(3).詳情頁和個人頁的設計原則★(4).課堂練習12.講授詳情頁和個人頁的設計步驟并實操（100分鐘）(1).詳情頁和個人頁的設計步驟(2).課堂練習2(4).課堂練習3學習評量（制定本次課的評量標準，評量學生對教學內容的掌握情況與課堂整體表現(xiàn)，可使用附錄補充。）質量維度質量等級A（優(yōu)）B（良）C（中）教學內容檢測點11.搜集詳情頁和個人頁并作版式歸類，分析圖形、字體、版式、色彩的特點分析得不完全正確分析不出教學內容檢測點21.運用教師給出的文字，完成兩種以上的界面版式設計原型圖/線框圖設計得不夠好設計得很不好教學內容檢測點31.根據原型圖，尋找素材完成“電商商品詳情頁”的設計效果圖設計得不夠好設計得很不好課后作業(yè)1.各種原因導致課堂練習完不成就在課后完成課后反思（客觀描述課程教學過程中遇到的問題、不足及改進設想。）1.講得太快，改進：講慢點2.講得太慢，改進：講快點3.作業(yè)太多，改進：作業(yè)減少4.作業(yè)太難，改進：作業(yè)難度降低章節(jié)名稱7.5-7.6好又省家裝詳情頁及個人頁設計及繪制方法項目案例、拓展練習授課形式理論/實訓/理實一體化授課學時4教學目標掌握好又省家裝詳情頁及個人頁設計及繪制方法項目案例制作的過程、完成拓展練習【素質】1.愛國守則，具備溝通協(xié)作、人文社會關懷的能力【知識】1.好又省家裝詳情頁及個人頁設計及繪制方法項目案例制作的過程2.拓展練習【能力】1.掌握好又省家裝詳情頁及個人頁設計及繪制方法項目案例制作的過程2.拓展練習的能力教學重難點與解決方法【重點】1.好又省家裝詳情頁及個人頁設計及繪制方法項目案例制作的過程【解決方法】講清楚理論知識，讓學生多實踐【難點】1.拓展練習【解決方法】講清楚理論知識，讓學生多實踐學情分析與應對方法學情分析應對方法1.非美術生，缺乏造型（素描）能力1.搜集素材，多畫草圖2.不會Photoshop2.教師講軟件，項目化教學，學生練習3.不會Illustrator3.教師講軟件，項目化教學，學生練習教學用具已訂教材，自編講義，參考書教學安排（含具體教學內容、活動、方法、組織、時間等，★表示“課程思政”要素融合點。）1.講授好又省家裝詳情頁及個人頁設計及繪制方法項目案例制作的過程并實操★（90分鐘）2.拓展練習（90分鐘）學習評量（制定本次課的評量標準，評量學生對教學內容的掌握情況與課堂整體表現(xiàn)，可使用附錄補充。）質量維度質量等級A（優(yōu)）B（良）C（中）教學內容檢測點11.實操好又省家裝詳情頁及個人頁設計及繪制方法項目案例制作的過程制作得不完整制作不出教學內容檢測點21.拓展練習完成得不好完不成課后作業(yè)1.各種原因導致課堂練習完不成就在課后完成課后反思（客觀描述課程教學過程中遇到的問題、不足及改進設想。）1.講得太快，改進：講慢點2.講得太慢，改進：講快點3.作業(yè)太多，改進：作業(yè)減少4.作業(yè)太難，改進：作業(yè)難度降低章節(jié)名稱8.1-8.3首頁的類型、競品app首頁解析、首頁面框架層級梳理授課形式理論/實訓/理實一體化授課學時4教學目標理解首頁的類型、理解競品app首頁解析、掌握首頁面框架層級梳理【素質】1.身心健康，具備良好的職業(yè)道德和職業(yè)生涯規(guī)劃與發(fā)展能力【知識】1.首頁的類型2.競品app首頁解析3.首頁面框架層級梳理【能力】1.搜集首頁、純文字界面、圖文混排界面并作版式歸類，分析圖形、字體、版式、色彩的特點2.策劃一款導航APP，首頁內容和任意一張界面需完成界面原型圖/線框圖3.根據原型圖，尋找素材完成界面設計效果圖教學重難點與解決方法【重點】1.首頁面框架層級梳理【解決方法】講清楚理論知識，讓學生多實踐【難點】1.策劃一款導航APP，首頁內容和任意一張界面需完成界面原型圖/線框圖2.根據原型圖，尋找素材完成界面設計效果圖【解決方法】講清楚理論知識，讓學生多實踐學情分析與應對方法學情分析應對方法1.非美術生，缺乏造型（素描）能力1.搜集素材，多畫草圖2.不會Photoshop2.教師講軟件，項目化教學，學生練習3.不會Illustrator3.教師講軟件，項目化教學，學生練習教學用具已訂教材，自編講義，參考書教學安排（含具體教學內容、活動、方法、組織、時間等，★表示“課程思政”要素融合點。）1.講授首頁的類型、競品app首頁解析（80分鐘）(1).首頁的類型(2).競品app首頁解析★2.講授首頁面框架層級梳理并實操（100分鐘）(1).首頁面框架層級梳理(2).課堂練習1(3).課堂練習2(4).課堂練習3學習評量（制定本次課的評量標準，評量學生對教學內容的掌握情況與課堂整體表現(xiàn)，可使用附錄補充。）質量維度質量等級A（優(yōu)）B（良）C（中）教學內容檢測點11.搜集首頁、純文字界面、圖文混排界面并作版式歸類，分析圖形、字體、版式、色彩的特點分析得不完全正確分析不出教學內容檢測點21.策劃一款導航APP，首頁內容和任意一張界面需完成界面原型圖/線框圖設計得不夠好設計得很不好教學內容檢測點31.根據原型圖，尋找素材完成界面設計效果圖設計得不夠好設計得很不好課后作業(yè)1.各種原因導致課堂練習完不成就在課后完成課后反思（客觀描述課程教學過程中遇到的問題、不足及改進設想。）1.講得太快，改進：講慢點2.講得太慢，改進：講快點3.作業(yè)太多，改進：作業(yè)減少4.作業(yè)太難，改進：作業(yè)難度降低章節(jié)名稱8.4-8.5首頁面原型設計與兜底加載、怪魚旅行app的首頁設計、拓展練習授課形式理論/實訓/理實一體化授課學時4教學目標掌握首頁面原型設計與兜底加載、掌握怪魚旅行app的首頁設計制作的過程、完成拓展練習【素質】1.身心健康，具備良好的職業(yè)道德和職業(yè)生涯規(guī)劃與發(fā)展能力【知識】1.首頁面原型設計與兜底加載2.怪魚旅行app的首頁設計3.拓展練習【能力】1.掌握怪魚旅行app的首頁設計制作的過程2.拓展練習的能力教學重難點與解決方法【重點】1.怪魚旅行app的首頁設計制作的過程【解決方法】講清楚理論知識，讓學生多實踐【難點】1.拓展練習【解決方法】講清楚理論知識，讓學生多實踐學情分析與應對方法學情分析應對方法1.非美術生，缺乏造型（素描）能力1.搜集素材，多畫草圖2.不會Photoshop2.教師講軟件，項目化教學，學生練習3.不會Illustrator3.教師講軟件，項目化教學，學生練習教學用具已訂教材，自編講義，參考書教學安排（含具體教學內容、活動、方法、組織、時間等，★表示“課程思政”要素融合點。）1.講授怪魚旅行app的首頁設計制作的過程并實操★（90分鐘）2.拓展練習（90分鐘）學習評量（制定本次課的評量標準，評量學生對教學內容的掌握情況與課堂整體表現(xiàn)，可使用附錄補充。）質量維度質量等級A（優(yōu)）B（良）C（中）教學內容檢測點11.實操怪魚旅行app的首頁設計制作的過程制作得不完整制作不出教學內容檢測點21.拓展練習完成得不好完不成課后作業(yè)1.各種原因導致課堂練習完不成就在課后完成課后反思（客觀描述課程教學過程中遇到的問題、不足及改進設想。）1.講得太快，改進：講慢點2.講得太慢，改進：講快點3.作業(yè)太多，改進：作業(yè)減少4.作業(yè)太難，改進：作業(yè)難度降低章節(jié)名稱9.1-9.4界面設計項目實戰(zhàn)項目介紹、