項目3任務3活動1 了解商品主圖設計規(guī)范教學設計 中職 網(wǎng)店視覺營銷設計與制作

項目3任務3活動1了解商品主圖設計規(guī)范教學設計中職高教版網(wǎng)店視覺營銷設計與制作項目3任務3活動1了解商品主圖設計規(guī)范教學設計中職高教版網(wǎng)店視覺營銷設計與制作項目3任務3活動1了解商品主圖設計規(guī)范教學設計中職高教版網(wǎng)店視覺營銷設計與制作教師課時教學設計教學日期學習班級學習地點教學內(nèi)容了解商品主圖設計規(guī)范教學目標知識能力:1、熟悉店標（Logo）的設計原則.2、掌握LOGO設計的常見方法。過程和方法:1.情景帶入，導入新課；2.探究新知，實施任務；3.歸納總結(jié)，布置作業(yè)。情感態(tài)度和價值觀:1、熟知網(wǎng)店美工崗位的日常工作內(nèi)容，樹立愛崗敬業(yè)的意識；2、增強文字書寫表達能力，增強視覺審美，提高專業(yè)水平。教學重點了解店鋪logo的創(chuàng)意設計的幾種常用方法教學難點學會視覺化設計logo，詮釋企業(yè)要求和內(nèi)涵。課型實訓課教具多媒體機房實訓內(nèi)容上淘寶網(wǎng)搜索關(guān)鍵字“手機”，在檢索的結(jié)果中選擇你最喜歡的3張主圖，并說說吸引你點擊的理由。課堂組織形式1、教師主導，學生主體2、任務驅(qū)動的實訓課程教師教的過程設計學生學的過程設計設計意圖時間一、情景導入：電商產(chǎn)品繁多，要做好一張主圖，應該遵循哪些設計原則呢？主圖上的文案應提煉什么內(nèi)容？文案排版如何處理？色彩搭配有沒有什么禁忌？這些都是我們在設計商品主圖之前應該了解的內(nèi)容。我們跟小可一起來學習一下商品主圖的設計原則吧。二、探索新知：在淘寶搜索的背后是有需要有要求的顧客，有自己的情感、喜惡，不考慮顧客體驗、沒有消除顧客疑慮的主圖，會讓消費者先入為主地認為這個產(chǎn)品質(zhì)量一般，我們需要通過主圖及其文案布局恰當?shù)厝鬟_給消費者產(chǎn)品質(zhì)量過硬又實惠的第一印象。主圖尺寸及規(guī)范？二、淘寶主圖設計的原則（1）引起注意力原則。黃金三秒法則，基本上買家只給了我們?nèi)氲臅r間，如果在三秒內(nèi)沒有吸引顧客，基本關(guān)閉這個頁面，所有我們需要讓顧客“秒懂”，所以主圖不能承載太多信息，要重點突出主題，弱化其他內(nèi)容。（2）產(chǎn)品圖片的選擇。產(chǎn)品主圖選用的產(chǎn)品圖片清晰簡潔，要能展現(xiàn)商品某一角度的全貌，不要選擇只顯示商品局部內(nèi)容的照片；產(chǎn)品圖要盡量把展示區(qū)填滿，例如產(chǎn)品高度一般是背景高度的2/3到4/5，拍正面的產(chǎn)品建議是2/3，產(chǎn)品寬度一般到背景的4/5。具體的還要根據(jù)拍攝時的情況來進行確定。（3）背景與產(chǎn)品、文案信息用色之間的配色原則。色彩是圖片的一個重要元素，色彩用的好不好，會直接影響到主圖的質(zhì)量。主體寶貝既要與背景圖片的顏色相協(xié)調(diào)，又要能形成鮮明的對比，讓人眼前一亮。根據(jù)自己產(chǎn)品的顏色，可選擇同色系、鄰近色、類似色、中差色、對比色等基礎配色方案進行配色！文字的用色，盡量不要超過三種，建議是兩種或者單色！網(wǎng)頁最常用流行色：藍色——藍天白云，沉靜整潔的顏色。綠色——綠白相間，雅致而有生氣。橙色——活潑熱烈，標準商業(yè)色調(diào)。暗紅——寧重、嚴肅、高貴，需要配黑和灰來壓制刺激的紅色。（4）銷詞文字內(nèi)容排版原則。文字內(nèi)容排版要大小分明，看起來更有層次感，切記要突出賣點，文字不要超過圖片的三分之一，更不要覆蓋住主圖。如果文字過多的話，會影響用戶的觀看，反而讓用戶看不到產(chǎn)品的賣點，造成不好的影響。三、實訓練習設計步驟參考：

（1）挑選能表達賣點的大圖，圖片清晰無色差無變形。（2）確認寶貝賣點及促銷信息，提煉文案。（3）主圖文案排版設計。主圖中的文字和產(chǎn)品擺放的位置，常用的版式有位置沉底排版、左右排版、上方位置排版、自由排版等排版方式，具體根據(jù)產(chǎn)品的造型需要以及構(gòu)圖需要來確定文案應該排放的位置。=1\*GB3①位置沉底排版。最常見最方便的一種，簡單又多變化，這種文案信息位置排版方式一般不會破壞畫面的整體性，簡約而不簡單，文字信息需要和底色配合點線面變化。=2\*GB3②左右排版。文字偏左或者偏右，通常文字采用豎式排版，適合描述多行信息點，是比較常用的方式。文案信息需要主次分明，顏色盡量選擇單色或兩色，字體不要超過兩種，文字越精簡越好，案例如圖：=3\*GB3③上方位置排版。這種排版方式把文字放在到產(chǎn)品的垂直上方會給人總體不穩(wěn)定的感覺，所以很少使用。案例：=4\*GB3④自由靈活排版。根據(jù)寶貝主圖的空缺位進行靈活擺放促銷圖標，一般是右上角的居多；斜向視覺：斜向排版的視覺效果有一定的沖擊力，不過傾斜不要超過45°。而且多行文案要同時傾斜才不會不協(xié)調(diào)；橫豎混排：不論橫排文本還是豎排文本，一處信息最多兩行，重點是主次信息要分明，主要信息的字體要偏大、顏色要更突出。（4）主圖配色技巧。淘寶主圖顏色搭配的幾種固定搭配方法：=1\*GB3①藍白橙——藍為主調(diào)。白底，藍標題欄，橙色按鈕或圖標做點綴。例如天貓進口超市常用活動主圖模板，如圖3.3.5所示。=2\*GB3②紅白橙——紅為主調(diào)。白底，紅標題欄，橙色按鈕或圖標做點綴。=3\*GB3③綠白橙——綠為主調(diào)。白底，綠標題欄，橙色按鈕或圖標做點綴。例如春季活動主圖模板。④暗紅黑——暗紅主調(diào)。黑或灰底，暗紅標題欄，文字內(nèi)容背景為淺灰色。例如天貓?zhí)詫毺熵埬曦浌?jié)紅色活動主圖模板。四、活動評價五、小結(jié)logo的創(chuàng)意設計的幾種常用方法：（1）以對象全名進行字體設計。以對象名稱字首為主的創(chuàng)意設計。以對象性質(zhì)進行象征設計。抽象符號。以歷史、典故、社會特性、地域性特征等進行創(chuàng)意設計通過情境導入，引發(fā)思考，了解主圖尺寸及規(guī)范。明確本節(jié)課的學習目標。結(jié)合案例學習，主圖尺寸及規(guī)范及淘寶主圖設計的原則。完成實訓任務，打造具有一定視覺效果的主圖，掌握主圖文案排版技巧和主圖配色技巧，提高視覺設計，讓用戶眼前一亮，產(chǎn)生購買欲。按照評分標準進行自評。跟隨教師一起總結(jié)本節(jié)課的知識點和技能點。模擬工作崗位情景，貼近學生需求，提高學生的興趣，明確本