項目6 任務(wù)3活動2教學(xué)設(shè)計 中職 網(wǎng)店視覺營銷設(shè)計與制作

項目6任務(wù)3活動2教學(xué)設(shè)計中職高教版網(wǎng)店視覺營銷設(shè)計與制作項目6任務(wù)3活動2教學(xué)設(shè)計中職高教版網(wǎng)店視覺營銷設(shè)計與制作項目6任務(wù)3活動2教學(xué)設(shè)計中職高教版網(wǎng)店視覺營銷設(shè)計與制作教師課時教學(xué)設(shè)計教學(xué)日期學(xué)習(xí)班級學(xué)習(xí)地點教學(xué)內(nèi)容生成詳情模板教學(xué)目標(biāo)知識能力:了解手機(jī)端的詳情頁的設(shè)計理念。提高視覺審美能力。過程和方法:情景帶入，導(dǎo)入新課；結(jié)合軟件和網(wǎng)店后臺，操作展示；歸納總結(jié)，布置作業(yè)。情感態(tài)度和價值觀:培養(yǎng)學(xué)生觀察能力。2、提高對知識點的應(yīng)用能力和動手能力。教學(xué)重點了解手機(jī)端詳情頁單屏的構(gòu)圖和設(shè)計理念。教學(xué)難點掌握手機(jī)端詳情頁的設(shè)計要素。課型實訓(xùn)課教具多媒體機(jī)房實訓(xùn)內(nèi)容為手機(jī)端店鋪設(shè)計詳情頁前三屏的內(nèi)容。課堂組織形式1、教師主導(dǎo)，學(xué)生主體2、任務(wù)驅(qū)動的實訓(xùn)課程教師教的過程設(shè)計學(xué)生學(xué)的過程設(shè)計設(shè)計意圖時間一、情景導(dǎo)入：分類圖在手機(jī)店鋪首頁十分重要，分類圖可以快速引導(dǎo)消費者者瀏覽更多的商品，增加轉(zhuǎn)化率。那么分類圖在設(shè)計的時候，需要注意哪些問題呢？一起來學(xué)習(xí)吧。二、探索新知：隨著手機(jī)全屏?xí)r代的到來，屏幕的高度尺寸也產(chǎn)生了變化；受到屏幕限制的原因，可以考慮利用豎版構(gòu)圖展示商品信息。設(shè)計時可以將一張完整圖顯示在一屏的瀏覽界面上；詳情頁一屏的參考尺寸：

=1\*GB3①iphone85.5寸，淘寶：750px×1118px天貓：790px×1178px=2\*GB3②安卓機(jī)6.0寸全面屏，淘寶：750px×1297px天貓：790px×1366px實際尺寸可結(jié)合手機(jī)用戶大數(shù)據(jù)分析；以及店鋪商品特點等。三、實訓(xùn)練習(xí)為手機(jī)端店鋪設(shè)計詳情頁前三屏的內(nèi)容四、總結(jié)與拓展作業(yè)通過本活動的學(xué)習(xí)，小可掌握了手機(jī)端詳情設(shè)計能力，了解了手機(jī)端詳情頁與PC端的不同之處，畫面整體布局符合手機(jī)端瀏覽習(xí)慣，并對比PC端的圖文，優(yōu)化手機(jī)端圖文。通過情境導(dǎo)入，引發(fā)思考，明確本節(jié)課的學(xué)習(xí)目標(biāo)。利用ps軟件進(jìn)行設(shè)計新內(nèi)容課程對比引入結(jié)合平臺操作展示相關(guān)技能5分鐘10分鐘10分鐘15分鐘5分鐘課后訓(xùn)練及作業(yè)請根據(jù)所提供素材，為手機(jī)端店鋪設(shè)