基本信息科目界面設計綜合實訓授課課題App概念設計-產(chǎn)品設計文檔撰寫與驗證授課班級課時安排2課時任課教師授課周次學情分析授課對象具備色彩搭配、圖案造型基本能力；本項目前一階段，學生已完成APP概念設計的視覺設計,培養(yǎng)了學生在APP的視覺設計中整體視覺風格，規(guī)范按鈕、圖標、字體等視覺元素的設計與排版，但學生仍在內(nèi)容不夠系統(tǒng)，工作不夠規(guī)范的問題；本次課將要學習如何通過設計文檔來確定產(chǎn)品設計的規(guī)范和標準，便于后期工作的標準化銜接和拓展；本次課依據(jù)自主開發(fā)新型活頁式教材結(jié)合相關教參資料展開教學任務，根據(jù)本次課的內(nèi)容側(cè)重選擇活頁式教材中“產(chǎn)品概念設計”的“設計文檔撰寫”學習內(nèi)容來展開教學。教學目標知識與技能目標能對照“界面信息框架”、“頁面元素”“組件和控件”完成產(chǎn)品概念設計的產(chǎn)品設計文檔撰寫；能利用自查清單，完成對自己工作的自查。過程和方法目標1、通過使用矢量繪圖軟件來實現(xiàn)產(chǎn)品概念設計的產(chǎn)品設計文檔撰寫及輸出；2、通過學生自評和小組互評，引導學生通過自查表作設計的驗證。情感態(tài)度和價值觀目標學生通過體驗式學習，以任務驅(qū)動為引導,激發(fā)學生學習興趣,提升學生的分析能力、團隊合作能力。2、通過APP項目，引導學生關注國家發(fā)展，建立愛國情懷。教學重難點教學重點教學難點“界面信息框架”、“頁面元素”“組件和控件”梳理項目工程文件，使用矢量軟件進行各元素的排版，即完成產(chǎn)品概念設計的產(chǎn)品設計文檔撰寫；2、自查清單的填寫與驗證。1、各元素完整2、產(chǎn)品設計文檔版式要符合形式美法則教學重難點解決辦法重點解決辦法：通過體驗式學習，對所需要完成的項目有清晰的認知，通過任務實施教師指導逐步解決問題；難點解決辦法：通過案例分析、展示等手段讓學生從多個角度，讓學生學會愛崗敬業(yè)，認真負責的工作精神，對所需要完成的項目有清晰的認知，通過任務實施教師指導逐步解決問題。教學方法教師教法學生學法任務驅(qū)動法小組討論法、自主探究法教具學具計算機、學生學習資源包（含道具）、超星學習通、視頻資源教學流程學習通課前預習——引入及情境創(chuàng)設——任務分析——任務實施——效果展示及評價——歸納總結(jié)——任務完善——總結(jié)——課后作業(yè)備課時間：年月日系部：簽字：年月日教學過程教學環(huán)節(jié)（時間）教學內(nèi)容思政內(nèi)容教師活動學生活動設計意圖一、學習通課前預習2分鐘1、學生登錄超星學習通課程資源平臺,預習本次課的基本理論知識。學生觀看本課程資源，學習基本知識，為課堂學習打下良好的基礎。培養(yǎng)學生自主學習能力，養(yǎng)成良好的學習習慣發(fā)布視頻資源；通過學生觀看視頻、討論情況，了解學生的預習情況。學生登錄超星學習通觀看本節(jié)課上課資源通過視頻資源學習“產(chǎn)品設計文檔撰寫”，認識達成的目標效果，使課堂教學更有針對性地有序進行。二、引入與情境創(chuàng)設3分鐘1、模擬公司或者工作室設計初期的工作流程2、通過前兩次課，我們已經(jīng)完成了產(chǎn)品概念設計中的視覺元素，但是我們是否都完整的完成了整個項目，而整個項目是否是符合規(guī)范可執(zhí)行的呢，今天我們將引入設計文檔的撰寫并通過設計驗證來檢驗我們在整個概念設計的工作完成效果。情緒是可以操縱的，盡量往好的方向引導，行為才會改變；創(chuàng)設與當前學習主題相關的學習情境，引導學生帶著真實的“任務”進入學習情境聽課、思考、發(fā)言、做筆記通過案例講解，學生能更直觀的去理解我們學習的目的。三、任務分析3分鐘要展開本次工作前，請同學們先結(jié)合學習通的資源及前一階段工作成果回憶一下有哪些具體的設計成果呢？前一階段工作成果：字體色彩高保真設計稿按鈕圖標這些文件是否能體現(xiàn)設計的全貌從而方便客戶了解產(chǎn)品的概念設計呢？如果不能，有沒有什么方式可以解決這個問題？引出：產(chǎn)品設計文檔通過學習，培養(yǎng)學生獨立思考和分析的能力，形成良好的職業(yè)道德素養(yǎng)。通過項目成果及換位思考的方式引導學生理解。聽課、思考、發(fā)言、做筆記通過案例講解，學生能更直觀的去理解我們學習的目的。四、任務實施20分鐘任務一：產(chǎn)品設計文檔撰寫通過學習，培養(yǎng)學生獨立思考和分析的能力，形成良好的職業(yè)道德素養(yǎng)。1.引導學生查看相關資源并解讀重難點知識及技能；2.引導學生明確項目內(nèi)容及達成標準。1.認真聽講，明確任務要求及時間限制；2.從學習通及實訓室相關資源包拿到項目資源3.建立項目文件夾并執(zhí)行任務。1.通過案例分析的教學法，學生能直觀的感受，強化學生對知識點的理解。2.通過案例項目的還原引導學生對專業(yè)及其相關技能有所了解，也讓有意識的開始關注自己的專業(yè)發(fā)展及其自身。6分鐘1、作品效果展示。小組代表發(fā)言，介紹小組的作品2、小組互評，教師評價1）針對內(nèi)容進行評價（1）“頁面元素”“組件和控件”是否有缺漏；（2）設計說明文字是否有誤或歧義；2）針對圖文信息位置及主次進行評價（1）是否與信息框架圖匹配（2）是否保持品牌視覺統(tǒng)一且版式符合形式美法則培養(yǎng)學生的自我及對別人的認同感、相互欣賞和互相學習的態(tài)度1、選出展示的兩個小組。組織學生展示與表達2、發(fā)現(xiàn)學生存在問題，有針對性地對點評；認真觀看他人的成果展示；并進行小組互相評價通過完成任務實施，掌握本節(jié)課重點10分鐘任務二：設計驗證利用自查清單，對自己的前期工作進行自查（可以根據(jù)項目的實際情況和需要靈活選取對應的自查表）通過學習，培養(yǎng)學生獨立思考和分析的能力，形成良好的職業(yè)道德素養(yǎng)。巡堂指導、解決學生提出問題、強調(diào)紀律學生分組進行項目實際操作使學生按照任務規(guī)范進行操作，加強對知識點的靈活運用。五、效果展示及評價6分鐘（1）作品效果展示。小組代表發(fā)言，介紹小組的作品（2）小組互評，教師評價培養(yǎng)學生的自我及對別人的認同感、相互欣賞和互相學習的態(tài)度請學生代表上臺展示自己小組的成果，并組織小組互相進行評價。認真觀看他人的成果展示；并進行小組互相評價通過讓學生展示來對學生成果的驗收；小組互評、教師評價，肯定小組成績，指出不足取長補短，共同進步六、歸納總結(jié)3分鐘1、成果：（1）產(chǎn)品設計文稿（2）自查表2、作品中存在的不足：（1）高保真界面設計稿列表層級關系不清晰，從屬關系不明確（2）整體版式視覺風格不統(tǒng)一(3)版式過于花哨，概念設計展示主體不突出通過學習，培養(yǎng)學生獨立思考和分析的能力，形成良好的職業(yè)道德素養(yǎng)。1、解析優(yōu)秀案例結(jié)合學生作品點評2、歸納講解知識點，歸納總結(jié)規(guī)范聽講、觀察、思考，自查小組出現(xiàn)的問題學習規(guī)范知識七、任務完善10分鐘1、修改完善作品2、整理作品工程文件夾理解那些精益求精的要求并不是一種刁難對工作的認真負責，都是為了積攢和體現(xiàn)我們自己的能力和實力。分析問題，提出修改要求聽取意見，后續(xù)進行修改和完善；學習不僅僅靠課堂的時間，持之以恒的自學是成長的秘訣。完成本節(jié)課作業(yè)，養(yǎng)成良好的行為習慣。八、總結(jié)2分鐘1、學生總結(jié)：總結(jié)課堂所學知識2、教師總結(jié)1）就學習態(tài)度、效果和進度表揚與鼓勵學生；2）針對學生