項目4任務(wù)4.2店招視覺營銷任務(wù)4.1走進視覺營銷實訓4.1寶貝主圖、廣告圖和詳情頁

的設(shè)計實訓4.2無線端店鋪的裝修任務(wù)4.3主圖視覺營銷任務(wù)4.4廣告圖視覺營銷項目4任務(wù)4.2店招視覺營銷任務(wù)4.1走進視覺營銷實訓4張華完成了店鋪的創(chuàng)建和選品工作后，就將進入店鋪的運營階段。由于網(wǎng)店與實體店相比，其最大的劣勢在于消費者不能現(xiàn)場看到和體驗商品的實物，只能看到商品的圖片或視頻，而圖片或視頻的制作效果會直接影響消費者的購買欲望和購買行動。因此，張華接下來要重點學習網(wǎng)店的視覺營銷。本項目將從店招、主圖、廣告圖及詳情頁等方面介紹視覺營銷的應(yīng)用。情境導入項目4網(wǎng)店視覺營銷張華完成了店鋪的創(chuàng)建和選品工作后，就將進入店鋪的運營階段。知識目標（1）了解視覺營銷的定義。（2）了解視覺營銷的要素。（3）掌握視覺營銷的意義。技能目標（1）掌握店招視覺營銷。（2）掌握主圖視覺營銷。（3）掌握廣告圖視覺營銷。（4）掌握詳情頁視覺營銷。學習目標任務(wù)4.1走進視覺營銷知識目標學習目標任務(wù)4.1走進視覺營銷任務(wù)4.1走進視覺營銷任務(wù)4.1走進視覺營銷任務(wù)4.1走進視覺營銷視覺營銷是指利用色彩、圖像、文字等造成的沖擊力來吸引潛在客戶的關(guān)注，由此增加商品和網(wǎng)站的吸引力，從而達到營銷制勝的效果。由于在網(wǎng)上買東西，看不到實物，只能靠色彩、圖片、視頻和文字來傳達信息，所以好的視覺形象能夠帶來更多的流量和銷量。下面來看兩家店鋪的首頁，如圖4-1和圖4-2所示。圖4-1無論是店招設(shè)計、分類設(shè)置、促銷區(qū)設(shè)計，還是顏色搭配都次于圖4-2。從這兩家店鋪后臺的數(shù)據(jù)來看，圖4-1店鋪的流量和成交量也遠遠低于圖4-2的店鋪。4.1.1視覺營銷的定義任務(wù)4.1走進視覺營銷視覺營銷是指利用色彩任務(wù)4.1走進視覺營銷4.1.1視覺營銷的定義圖4-1店鋪首頁1任務(wù)4.1走進視覺營銷4.1.1視覺營銷的定義圖任務(wù)4.1走進視覺營銷4.1.1視覺營銷的定義圖4-2店鋪首頁2任務(wù)4.1走進視覺營銷4.1.1視覺營銷的定義圖任務(wù)4.1走進視覺營銷4.1.2視覺營銷的要素1.色彩我們在看一家店鋪時，首先吸引我們的是店鋪色彩布局和搭配，其次才是店鋪細節(jié)和文字。每種顏色有不同的含義，不同時間、不同地點、不同場合的用色要求不一樣。還有一些顏色的搭配。色彩搭配還要應(yīng)季，如春天和夏天用綠色會多一些，冬季用紅色或白色會比較多一些，等等。

視覺營銷重點要處理好色彩、風格及圖像的應(yīng)用，通過巧妙地處理這些要素，吸引買家的關(guān)注，最終達到營銷制勝的目的。任務(wù)4.1走進視覺營銷4.1.2視覺營銷的要素任務(wù)4.1走進視覺營銷（1）色彩的基本分類。自然界中的顏色可以分為非彩色和彩色兩大類。非彩色指黑色、白色和各種深淺不一的灰色，而其他所有顏色均屬于彩色。（2）色彩的屬性。色彩的屬性包括色彩的色相、飽和度和明度。任何一種彩色都具有這三種屬性。色相是色彩的相貌，根據(jù)波長的不同，產(chǎn)生不同的色彩，如紅色、綠色、藍色等；飽和度指色彩的鮮艷度；明度指色彩的亮度，也就是色彩的深淺。在Photoshop中可以調(diào)整色彩的色相、飽和度和明度，如圖4-3所示。4.1.2視覺營銷的要素任務(wù)4.1走進視覺營銷（1）色彩的基本分類。自然界中的顏任務(wù)4.1走進視覺營銷4.1.2視覺營銷的要素圖4-3色相、飽和度和明度的調(diào)整任務(wù)4.1走進視覺營銷4.1.2視覺營銷的要素圖任務(wù)4.1走進視覺營銷風格是給人的一種整體的形象和感覺，如何把握好店鋪的整體風格非常關(guān)鍵。一般店鋪在設(shè)計風格時可以考慮以下幾個方面：4.1.2視覺營銷的要素2.風格（1）（2）突出店鋪的標準色彩。標準色彩代表公司的企業(yè)文化、商品特色等，所以在選擇標準上一定要慎重，而且主色調(diào)不能超過三種。統(tǒng)一的外觀，界面友好，易使用。統(tǒng)一的外觀是指店鋪的每個頁面外觀都是一樣的，如整個店鋪只有一個店招、一個導航菜單、主體風格統(tǒng)一等；界面友好是指店鋪的配色不要讓瀏覽者看久了就覺得很累；易使用是指店鋪的分類一定要方便買家找到他想要的東西。任務(wù)4.1走進視覺營銷風格是給人的一種整體任務(wù)4.1走進視覺營銷4.1.2視覺營銷的要素（3）突出Logo。盡可能將店鋪Logo放在每個頁面上醒目的位置，一般是頁面的左上角。相同類型的圖像采用相同的效果。相同類型的圖像采用相同的效果非常重要，如導航菜單的效果要統(tǒng)一、每一種寶貝分類的圖片效果要統(tǒng)一等。這樣會在無形中暗示瀏覽者，這是同一類型的商品。（4）任務(wù)4.1走進視覺營銷4.1.2視覺營銷的要素（任務(wù)4.1走進視覺營銷

下面來看一個店鋪。這個店鋪的標準色調(diào)突出紅、白色，Logo放在頁面的左上角，導航菜單效果統(tǒng)一，界面簡潔、大方，這些都符合店鋪設(shè)計風格的要求，如圖4-4所示。4.1.2視覺營銷的要素圖4-4店鋪設(shè)計風格任務(wù)4.1走進視覺營銷下面來看一個店鋪。這個任務(wù)4.1走進視覺營銷圖像在整個店鋪中占有重要的地位，如店招、主圖、廣告圖、詳情頁等位置的內(nèi)容都是以圖像的形式來展示的。后續(xù)任務(wù)會對這些內(nèi)容進行詳細介紹。4.1.2視覺營銷的要素3.圖像任務(wù)4.1走進視覺營銷圖像在整個店鋪中占有任務(wù)4.2店招視覺營銷任務(wù)4.2店招視覺營銷任務(wù)4.2店招視覺營銷4.2.1店招的含義與意義店招是店鋪的招牌，店招一般位于網(wǎng)店的最上方，店招的設(shè)計對店鋪的整體形象和運營有著重要的影響。店招要有明確的品牌定位和商品定位，整個網(wǎng)店只有一個店招，它在每個頁面上都會顯示，因此，如何設(shè)計好店招對于賣家來說非常重要。店招設(shè)計需要注意以下三個方面：（1）店招有固定、統(tǒng)一的尺寸（2）店招的設(shè)計需要向買家傳達自己的賣點（3）店招的設(shè)計應(yīng)新穎、獨特任務(wù)4.2店招視覺營銷4.2.1店招的含義與意義任務(wù)4.2店招視覺營銷4.2.2店招的特點與設(shè)計好的店招應(yīng)具有以下特點：（1）店招上的文字和背景對比鮮明。（3）品牌和商品兩個信息的傳達都要明確，讓人容易記住店鋪的名稱和商品。（2）店鋪名稱使用粗體字。因為粗體字不僅給人以安全、厚重、可信賴的感覺，而且更加醒目。（4）店招的主體風格與整個店鋪的風格統(tǒng)一。1.店招的特點任務(wù)4.2店招視覺營銷4.2.2店招的特點與設(shè)計任務(wù)4.2店招視覺營銷4.2.2店招的特點與設(shè)計白藍味中味和百草味的店招，如圖4-5所示。圖4-5店鋪店招圖4-5中的兩個店招，無論是在字體設(shè)計、品牌信息和商品信息傳達方面，還是在整體風格方面，都符合一個好的店招的要求。任務(wù)4.2店招視覺營銷4.2.2店招的特點與設(shè)計任務(wù)4.2店招視覺營銷4.2.2店招的特點與設(shè)計根據(jù)任務(wù)4.1所學的視覺營銷的知識，分別設(shè)計一個PC端的店招和手機端的店招并上傳到店鋪中。2.店招的設(shè)計任務(wù)4.2店招視覺營銷4.2.2店招的特點與設(shè)計任務(wù)4.2店招視覺營銷4.2.2店招的特點與設(shè)計打開PhotoshopCS3軟件，執(zhí)行“文件”→“新建”命令，在彈出的“新建”對話框中進行設(shè)置

如圖4-6所示。步驟101（1）PC端店招的設(shè)計圖4-6新建文件任務(wù)4.2店招視覺營銷4.2.2店招的特點與設(shè)計任務(wù)4.1走進視覺營銷4.2.2店招的特點與設(shè)計（1）PC端店招的設(shè)計執(zhí)行“編輯”→“填充”命令，將白色的背景填充為紅色，如圖4-7所示。步驟202圖4-7填充背景任務(wù)4.1走進視覺營銷4.2.2店招的特點與設(shè)計任務(wù)4.2店招視覺營銷4.2.2店招的特點與設(shè)計設(shè)計店鋪名稱、Logo及主營商品的圖片，如圖4-8所示。步驟303（1）PC端店招的設(shè)計圖4-8店鋪名稱、Logo及主營商品圖片的設(shè)計任務(wù)4.2店招視覺營銷4.2.2店招的特點與設(shè)計任務(wù)4.2店招視覺營銷4.2.2店招的特點與設(shè)計（1）PC端店招的設(shè)計上傳已經(jīng)設(shè)計好的店招。進入淘寶網(wǎng)賣家中心，單擊“店鋪管理”下的“店鋪裝修”，在打開的“招牌內(nèi)容”選項卡中上傳店招，如圖4-9所示。步驟404圖4-9上傳店招任務(wù)4.2店招視覺營銷4.2.2店招的特點與設(shè)計任務(wù)4.2店招視覺營銷4.2.2店招的特點與設(shè)計手機端店招的設(shè)計原理和PC端是一樣的，只不過手機端店招的尺寸是750×254像素，按照這個像素設(shè)計就可以上傳了，如圖4-10所示。圖4-10手機端店招設(shè)計（2）手機端店招的設(shè)計。任務(wù)4.2店招視覺營銷4.2.2店招的特點與設(shè)計任務(wù)4.3主圖視覺營銷任務(wù)4.3主圖視覺營銷任務(wù)4.3主圖視覺營銷主圖是寶貝展示的首要窗口，它不僅出現(xiàn)在詳情頁的第一屏、店鋪的首頁、列表頁，而且在淘寶的搜索頁中也可以看到。主圖傳達了寶貝的款式、顏色、質(zhì)地、品牌等很多重要信息，買家通過這些信息來決定是否瀏覽該寶貝。因此，主圖的好壞直接影響到買家的關(guān)注度和點擊量。主圖是流量來源的基本入口。主圖在制作時一般要求背景色單一、畫面清晰、品牌突出、主體商品突出、五張主圖完整呈現(xiàn)。任務(wù)4.3主圖視覺營銷主圖是寶貝展示的首要窗口，它不僅出任務(wù)4.3主圖視覺營銷

下面以白底主圖為例介紹一下主圖的設(shè)計步驟。白底主圖在淘寶網(wǎng)中的應(yīng)用比較多。步驟1：打開Photoshop軟件，執(zhí)行“文件”→“新建”命令，在彈出的“新建”對話框中設(shè)置“寬度”為800像素，“高度”為800像素，“分辨率”為72像素/英寸，“顏色模式”為RGB顏色，設(shè)置完成后單擊“確定”按鈕，如圖4-11所示。步驟2：打開素材，使用抽出的方法（執(zhí)行“濾鏡”→“抽出”命令）圈選素材，然后單擊左側(cè)的填充工具，在圈選的圖形中單擊一下，然后單擊“確定”按鈕，即可將圖形摳出來，如圖4-12所示。12任務(wù)4.3主圖視覺營銷下面以白底主圖為例介任務(wù)4.3主圖視覺營銷圖4-11新建白底主圖文件任務(wù)4.3主圖視覺營銷圖4-11新建白底主圖文件任務(wù)4.3主圖視覺營銷圖4-12摳出圖形任務(wù)4.3主圖視覺營銷圖4-12摳出圖形任務(wù)4.3主圖視覺營銷步驟3：將摳好的圖片放到主圖文件中。首先按Ctrl+A組合鍵全選素材圖，然后按Ctrl+C組合鍵復制素材圖，再按Ctrl+Tab組合鍵切換到主圖文件中，最后按Ctrl+V組合鍵將素材圖粘貼到主圖文件中，如圖4-13所示。43步驟4：復制一個商品圖片，給商品圖片加一個倒影。首先按Ctrl+A組合鍵全選素材，然后按Ctrl+C復制一個圖層，再按Ctrl+V組合鍵粘貼圖層，最后按Ctrl+T組合鍵自由變換鼠標，右擊，在彈出的快捷菜單中選擇“垂直翻轉(zhuǎn)”命令，然后拖動圖片到相應(yīng)的位置，如圖4-14所示。任務(wù)4.3主圖視覺營銷步驟3：將摳好的圖片放到主圖文件中任務(wù)4.3主圖視覺營銷圖4-13將摳好的圖片放到主圖文件中圖4-14給商品圖片添加倒影任務(wù)4.3主圖視覺營銷圖4-13將摳好的圖片放到主圖文件任務(wù)4.3主圖視覺營銷步驟5：給主圖添加Logo。添加Logo一方面可以起到宣傳和促銷的作用，另一方面可以防止其他人盜用圖片?？梢允孪葘⒃O(shè)計好的Logo直接拖到主圖中，完成Logo的添加，如圖4-15所示。步驟6：在主圖上添加邊框和水印，如圖4-16所示。具體操作流程是首先在新的背景圖層上雙擊，彈出“圖層樣式”對話框，將“大小”設(shè)為10，“位置”設(shè)為內(nèi)部，“顏色”設(shè)為咖啡色，單擊“確定”按鈕。最后在主圖上打上水印文字，并調(diào)整文字的透明度。56任務(wù)4.3主圖視覺營銷步驟5：給主圖添加Logo。添加L任務(wù)4.3主圖視覺營銷圖4-15Logo的添加圖4-16在主圖上添加邊框和水印任務(wù)4.3主圖視覺營銷圖4-15Logo的添加任務(wù)4.4廣告圖視覺營銷任務(wù)4.4廣告圖視覺營銷任務(wù)4.4廣告圖視覺營銷凡是為了滿足某種特定的需求，公開而廣泛地向公眾傳遞信息的圖片，都可稱為廣告圖。廣告圖是為商家贏取流量從而轉(zhuǎn)化為交易的媒介，因此非常重要。淘寶網(wǎng)上的廣告圖主要有直通車廣告圖、鉆石展位廣告圖和活動廣告圖等。不同的廣告圖具有色彩搭配層次分明、主體清晰明確、賣點突出、排版布局適合客戶瀏覽習慣、商品及價格突出等共同點。任務(wù)4.4廣告圖視覺營銷凡是為了滿足某種特任務(wù)4.4廣告圖視覺營銷（1）直通車廣告圖。直通車廣告圖主要分布在淘寶站內(nèi)和站外，站內(nèi)直通車廣告圖主要分布在搜索頁的右側(cè)和下側(cè)，如圖4-17所示。直通車廣告圖的設(shè)計水平直接影響店鋪的點擊率和轉(zhuǎn)化率。（3）活動廣告圖?；顒訌V告圖主要是參加各類活動需要制作的廣告圖，它對于圖片的尺寸、背景和創(chuàng)意都有一定的要求，因此在報名參加活動時要仔細研讀活動對于圖片的要求，嚴格按照活動的要求設(shè)計圖片，這樣才能保證活動通過的概率。聚劃算活動廣告圖如圖4-19所示。（2）鉆石展位廣告圖。鉆石展位廣告圖主要分布在淘寶網(wǎng)首頁的焦點圖、右側(cè)的banner圖、淘寶垂直頻道等位置，如圖4-18所示。鉆石展位廣告圖的設(shè)計水平會直接影響店鋪的流量和轉(zhuǎn)化率。1.廣告圖的類型任務(wù)4.4廣告圖視覺營銷（1）直通車廣告圖。直通車廣告圖任務(wù)4.4廣告圖視覺營銷圖4-17直通車廣告位圖（1）直通車廣告圖任務(wù)4.4廣告圖視覺營銷圖4-17直通車廣告位圖（1）直任務(wù)4.4廣告圖視覺營銷圖4-18鉆石展位廣告圖（2）鉆石展位廣告圖任務(wù)4.4廣告圖視覺營銷圖4-18鉆石展位廣告圖（2）鉆任務(wù)4.4廣告圖視覺營銷圖4-19聚劃算活動廣告圖（3）活動廣告圖任務(wù)4.4廣告圖視覺營銷圖4-19聚劃算活動廣告圖（3）任務(wù)4.4廣告圖視覺營銷132在處理廣告圖的色彩和構(gòu)圖方式時需要一定的技巧。不同的色彩會產(chǎn)生不同的色彩情感，所以廣告圖要根據(jù)所表達的主題來選擇不同的主色調(diào)，同時主色調(diào)應(yīng)與產(chǎn)品包裝的顏色保持統(tǒng)一，如圖4-22所示。每個廣告圖都要有一個明確的主題，在主題確定好后，所有的元素都要圍繞這個主題展開。展示鞋透氣這一特點，如圖4-20所示。不同目標人群的審美標準和興趣愛好不同，所以在設(shè)計廣告圖時應(yīng)清楚地認識到不同商品所針對的不同購買人群。如圖4-21所示的商品的目標人群主要針對身材較胖的女性。2.廣告圖的設(shè)計原則任務(wù)4.4廣告圖視覺營銷132在處理廣告圖的色彩和構(gòu)圖方任務(wù)4.4廣告圖視覺營銷圖4-20推廣主題清晰的廣告圖（1）推廣清晰原則（2）目標人群準確圖4-21目標人群準確的廣告圖任務(wù)4.4廣告圖視覺營銷圖4-20推廣主題清晰的廣告圖（任務(wù)4.4廣告圖視覺營銷圖4-22淘寶焦點圖（3）表現(xiàn)形式美觀任務(wù)4.4廣告圖視覺營銷圖4-22淘寶焦點圖（3）表現(xiàn)形任務(wù)4.4廣告圖視覺營銷廣告圖的構(gòu)圖方式也是衡量廣告圖質(zhì)量的一個重要因素。目前，廣告圖的構(gòu)圖方式主要有圖片文案兩邊分構(gòu)圖法、3/7開構(gòu)圖法、左-右-左構(gòu)圖法、斜切式構(gòu)圖法和極端構(gòu)圖法。圖片文案兩邊分構(gòu)圖法是最便捷也是最不容易犯錯的構(gòu)圖方法，即將圖片和文字各放一邊，但在文案排版上一定要突出中心點，如圖4-23所示。任務(wù)4.4廣告圖視覺營銷廣告圖的構(gòu)圖方式也任務(wù)4.4廣告圖視覺營銷圖4-23圖片文案兩邊分構(gòu)圖法任務(wù)4.4廣告圖視覺營銷圖4-23圖片文案兩邊分構(gòu)圖法任務(wù)4.4廣告圖視覺營銷3/7開構(gòu)圖法是將圖片和文字左右3/7開，這是令人感覺舒服的視覺比例，且畫面整體給人以很強的層次感和節(jié)奏感，如圖4-24所示。圖4-243/7開構(gòu)圖法任務(wù)4.4廣告圖視覺營銷3/7開構(gòu)圖法是將圖片和文字左右任務(wù)4.4廣告圖視覺營銷左-右-左構(gòu)圖法是將圖片以不同大小和位置進行擺放，形成空間感、層次感和節(jié)奏感，如圖4-25所示。圖4-25左-右-左構(gòu)圖法任務(wù)4.4廣告圖視覺營銷左-右-左構(gòu)圖法是將圖片以不同大任務(wù)4.4廣告圖視覺營銷斜切式構(gòu)圖法能讓整個畫面充滿非常強的張力，讓主體和需要表達的核心內(nèi)容得到更加突出的展示，如圖4-26所示。

圖4-26斜切式構(gòu)圖法任務(wù)4.4廣告圖視覺營銷斜切式構(gòu)圖法能讓整任務(wù)4.4廣告圖視覺營銷極端構(gòu)圖法是將文字或圖形中的某一個元素極端放大，使整個畫面的走向圍繞此元素展開，如圖4-27所示。

圖4-27極端構(gòu)圖法任務(wù)4.4廣告圖視覺營銷極端構(gòu)圖法是將文字或圖形中的某一任務(wù)4.5詳情頁視覺營銷任務(wù)4.5詳情頁視覺營銷任務(wù)4.5詳情頁視覺營銷4.5.1寶貝詳情頁的定義與作用寶貝詳情頁是一個向客戶詳細展示寶貝細節(jié)與優(yōu)勢的地方。客戶是否喜歡寶貝、是否愿意購買寶貝都必須要仔細查看寶貝詳情頁，99%的訂單也都是在查看過寶貝詳情頁后生成的。寶貝詳情頁就像一頁詳細的產(chǎn)品說明書，客戶通過瀏覽詳情頁就可以了解產(chǎn)品的相關(guān)信息。除此之外，寶貝詳情頁還可以說是產(chǎn)品的形象展示，通過寶貝詳情頁能夠直觀看到產(chǎn)品的整體形象、細節(jié)、構(gòu)造等。一個好的寶貝描述勝過一位優(yōu)秀的銷售專員，因此，寶貝詳情頁要能夠引起客戶的興趣和購買欲望，并能關(guān)聯(lián)展示其他商品；同時，寶貝詳情頁也是自然流量的入口，是促進客戶購買的“圣地”，是提高客單價的“戰(zhàn)場”。任務(wù)4.5詳情頁視覺營銷4.5.1寶貝詳情頁的定義與任務(wù)4.5詳情頁視覺營銷4.5.2寶貝詳情頁的尺寸和結(jié)構(gòu)

寶貝詳情頁的一般寬度是750像素，對高度沒有限制，但并不是越長越好。寶貝詳情頁的結(jié)構(gòu)如圖4-28所示。

圖4-28寶貝詳情頁的結(jié)構(gòu)任務(wù)4.5詳情頁視覺營銷4.5.2寶貝詳情頁的尺寸和任務(wù)4.5詳情頁視覺營銷4.5.3寶貝詳情頁的設(shè)計流程011.確定色彩和字體022.確定框架結(jié)構(gòu)033.設(shè)計模塊044.統(tǒng)一頁面效果055.審核和上傳發(fā)布寶貝詳情頁的設(shè)計流程：確定色彩和字體—確定框架結(jié)構(gòu)—設(shè)計模塊—統(tǒng)一頁面效果—審核和上傳發(fā)布。任務(wù)4.5詳情頁視覺營銷4.5.3寶貝詳情頁的設(shè)計流任務(wù)4.5詳情頁視覺營銷4.5.4寶貝詳情頁的內(nèi)容寶貝詳情頁的內(nèi)容沒有固定模塊，但也不能雜亂無章，通過觀察和總結(jié)眾多店鋪的寶貝詳情頁的設(shè)計內(nèi)容，可以發(fā)現(xiàn)大部分店鋪的寶貝詳情頁主要包括基本信息、商品展示、細節(jié)展示、賣點提煉、商品對比、核心競爭力、情感營銷、賣家承諾、企業(yè)文化、實力展示、生產(chǎn)流程、包裝展示、Q＆A問答、關(guān)聯(lián)銷售等模塊。任務(wù)4.5詳情頁視覺營銷4.5.4寶貝詳情頁的內(nèi)容任務(wù)4.5詳情頁視覺營銷4.5.4寶貝詳情頁的內(nèi)容1基本信息基本信息是寶貝詳情頁常用的模塊之一，主要內(nèi)容包括商品的屬性、尺寸等信息，如圖4-29所示。圖4-29基本信息任務(wù)4.5詳情頁視覺營銷4.5.4寶貝詳情頁的內(nèi)容1任務(wù)4.5詳情頁視覺營銷4.5.4寶貝詳情頁的內(nèi)容2商品展示從各個角度展示商品，配合模特來展示商品和商品的使用環(huán)境等，如圖4-30所示。圖4-30商品展示任務(wù)4.5詳情頁視覺營銷4.5.4寶貝詳情頁的內(nèi)容2任務(wù)4.5詳情頁視覺營銷4.5.4寶貝詳情頁的內(nèi)容3細節(jié)展示展示買家最關(guān)注的商品的細節(jié)，突出商品的優(yōu)勢，如圖4-31所示。圖4-31細節(jié)展示任務(wù)4.5詳情頁視覺營銷4.5.4寶貝詳情頁的內(nèi)容3任務(wù)4.5詳情頁視覺營銷4.5.4寶貝詳情頁的內(nèi)容4賣點提煉深度挖掘商品的賣點，提升商品的價值和買家的購買欲望，如圖4-32所示。圖4-32賣點提煉任務(wù)4.5詳情頁視覺營銷4.5.4寶貝詳情頁的內(nèi)容4任務(wù)4.5詳情頁視覺營銷4.5.4寶貝詳情頁的內(nèi)容5商品對比與同類商品進行對比，突出商品的優(yōu)勢，加深買家對商品的認同，如圖4-33所示。圖4-33商品對比任務(wù)4.5詳情頁視覺營銷4.5.4寶貝詳情頁的內(nèi)容5任務(wù)4.5詳情頁視覺營銷4.5.4寶貝詳情頁的內(nèi)容6核心競爭力突出與同類商品的差異化優(yōu)勢，提煉商品的核心競爭力，給買家一個非常好的購買理由，如圖4-34所示。圖4-34核心競爭力任務(wù)4.5詳情頁視覺營銷4.5.4寶貝詳情頁的內(nèi)容6任務(wù)4.5詳情頁視覺營銷4.5.4寶貝詳情頁的內(nèi)容7情感營銷通過情感營銷博得買家的情感共鳴，加強其購買欲望。情感營銷可以以友情、親情、愛情和關(guān)懷為主題，如圖4-35所示。圖4-35情感營銷示例任務(wù)4.5詳情頁視覺營銷4.5.4寶貝詳情頁的內(nèi)容7任務(wù)4.5詳情頁視覺營銷4.5.4寶貝詳情頁的內(nèi)容8賣家承諾展示賣家或者品牌做出的承諾，從而打消買家的購買疑慮，促使買家下單，如圖4-36所示。圖4-36賣家承諾示例任務(wù)4.5詳情頁視覺營銷4.5.4寶貝詳情頁的內(nèi)容8任務(wù)4.5詳情頁視覺營銷4.5.4寶貝詳情頁的內(nèi)容9企業(yè)文化通過企業(yè)文化將企業(yè)的服務(wù)意識、品牌愿景等信息傳達給買家，借此樹立品牌的正面形象，讓買家認同品牌、認同店鋪，如圖4-37所示。圖4-37企業(yè)文化展示任務(wù)4.5詳情頁視覺營銷4.5.4寶貝詳情頁的內(nèi)容9任務(wù)4.5詳情頁視覺營銷4.5.4寶貝詳情頁的內(nèi)容實力展示賣家和品牌的實力展示可以進一步提升商品的價值，增強買家的購買欲望，如圖4-38所示。圖4-38實力展示10任務(wù)4.5詳情頁視覺營銷4.5.4寶貝詳情頁的內(nèi)容實任務(wù)4.5詳情頁視覺營銷4.5.4寶貝詳情頁的內(nèi)容11生產(chǎn)流程生產(chǎn)流程展示商品半公開性的生產(chǎn)過程，可以加強買家對商品的信任，如圖4-39所示。圖4-39生產(chǎn)流程展示任務(wù)4.5詳情頁視覺營銷4.5.4寶貝詳情頁的內(nèi)容1任務(wù)4.5詳情頁視覺營銷4.5.4寶貝詳情頁的內(nèi)容12包裝展示展示商品的精美外包裝、快遞包裹的包裝過程等信息，如圖4-40所示。圖4-40包裝展示任務(wù)4.5詳情頁視覺營銷4.5.4寶貝詳情頁的內(nèi)容1任務(wù)4.5詳情頁視覺營銷4.5.4寶貝詳情頁的內(nèi)容13Q&A問答將商品的常見問題以問答的形式展現(xiàn)，可以減輕客服的壓力，并且能打消買家的購物顧慮，如圖4-41所示。圖4-41Q&A問答任務(wù)4.5詳情頁視覺營銷4.5.4寶貝詳情頁的內(nèi)容1任務(wù)4.5詳情頁視覺營銷4.5.4寶貝詳情頁的內(nèi)容14關(guān)聯(lián)銷售通過關(guān)聯(lián)其他商品，讓買家有更多的選擇，以提升客單價，如圖4-42所示。圖4-42關(guān)聯(lián)銷售任務(wù)4.5詳情頁視覺營銷4.5.4寶貝詳情頁的內(nèi)容1實訓4.1寶貝主圖、廣告圖和詳情頁的設(shè)計實訓4.1寶貝主圖、廣告圖和詳情頁的設(shè)計實訓4.1寶貝主圖、廣告圖和詳情頁的設(shè)計實訓目的通過項目實訓，掌握寶貝主圖、廣告圖和詳情頁的設(shè)計方法與技巧。實訓內(nèi)容按小組選擇一件商品，利用所學的PhotoshopCS3軟件操作的基礎(chǔ)知識完成5張主圖、2張廣告圖、1個詳情頁的制作，并將制作流程和設(shè)計技巧填入表中，見表4-1。將設(shè)計好的圖片保存到相應(yīng)的文件夾中。實訓4.1寶貝主圖、廣告圖和詳情頁的設(shè)計實訓目的實訓4.1寶貝主圖、廣告圖和詳情頁的設(shè)計表4-1制作流程和設(shè)計技巧實訓提示分小組完成寶貝主圖、廣告圖和詳情頁的設(shè)計，按小組選擇一種商品，將圖片制作流程與設(shè)計技巧填入表4-1中，將設(shè)計好的圖片保存到相應(yīng)的文件夾中，并在班上進行討論。實訓4.1寶貝主圖、廣告圖和詳情頁的設(shè)計表4-1制實訓4.2無線端店鋪的裝修實訓4.2無線端店鋪的裝修實訓4.2無線端店鋪的裝修實訓目的通過項目實訓，掌握無線端店鋪裝修的流程與操作技巧。實訓內(nèi)容按小組選擇一個店鋪，完成無線端店鋪的裝修（主要包括導航的設(shè)計、店招的設(shè)計、店鋪產(chǎn)品分類的設(shè)計及焦點圖的設(shè)計等），并將裝修流程和裝修技巧填入表中，見表4-2。實訓4.2無線端店鋪的裝修實訓目的通過項目實訓4.2無線端店鋪的裝修表4-2無線端店鋪的裝修流程和裝修技巧實訓提示分小組完成無線端店鋪的裝修，按小組選擇一個店鋪，將店鋪的裝修流程和裝修技巧填入表4-2中，店鋪裝修好后分小組在班上進行展示和討論。實訓4.2無線端店鋪的裝修表4-2無線端店鋪的裝修流THANKYOUTHANKYOU項目4任務(wù)4.2店招視覺營銷任務(wù)4.1走進視覺營銷實訓4.1寶貝主圖、廣告圖和詳情頁

的設(shè)計實訓4.2無線端店鋪的裝修任務(wù)4.3主圖視覺營銷任務(wù)4.4廣告圖視覺營銷項目4任務(wù)4.2店招視覺營銷任務(wù)4.1走進視覺營銷實訓4張華完成了店鋪的創(chuàng)建和選品工作后，就將進入店鋪的運營階段。由于網(wǎng)店與實體店相比，其最大的劣勢在于消費者不能現(xiàn)場看到和體驗商品的實物，只能看到商品的圖片或視頻，而圖片或視頻的制作效果會直接影響消費者的購買欲望和購買行動。因此，張華接下來要重點學習網(wǎng)店的視覺營銷。本項目將從店招、主圖、廣告圖及詳情頁等方面介紹視覺營銷的應(yīng)用。情境導入項目4網(wǎng)店視覺營銷張華完成了店鋪的創(chuàng)建和選品工作后，就將進入店鋪的運營階段。知識目標（1）了解視覺營銷的定義。（2）了解視覺營銷的要素。（3）掌握視覺營銷的意義。技能目標（1）掌握店招視覺營銷。（2）掌握主圖視覺營銷。（3）掌握廣告圖視覺營銷。（4）掌握詳情頁視覺營銷。學習目標任務(wù)4.1走進視覺營銷知識目標學習目標任務(wù)4.1走進視覺營銷任務(wù)4.1走進視覺營銷任務(wù)4.1走進視覺營銷任務(wù)4.1走進視覺營銷視覺營銷是指利用色彩、圖像、文字等造成的沖擊力來吸引潛在客戶的關(guān)注，由此增加商品和網(wǎng)站的吸引力，從而達到營銷制勝的效果。由于在網(wǎng)上買東西，看不到實物，只能靠色彩、圖片、視頻和文字來傳達信息，所以好的視覺形象能夠帶來更多的流量和銷量。下面來看兩家店鋪的首頁，如圖4-1和圖4-2所示。圖4-1無論是店招設(shè)計、分類設(shè)置、促銷區(qū)設(shè)計，還是顏色搭配都次于圖4-2。從這兩家店鋪后臺的數(shù)據(jù)來看，圖4-1店鋪的流量和成交量也遠遠低于圖4-2的店鋪。4.1.1視覺營銷的定義任務(wù)4.1走進視覺營銷視覺營銷是指利用色彩任務(wù)4.1走進視覺營銷4.1.1視覺營銷的定義圖4-1店鋪首頁1任務(wù)4.1走進視覺營銷4.1.1視覺營銷的定義圖任務(wù)4.1走進視覺營銷4.1.1視覺營銷的定義圖4-2店鋪首頁2任務(wù)4.1走進視覺營銷4.1.1視覺營銷的定義圖任務(wù)4.1走進視覺營銷4.1.2視覺營銷的要素1.色彩我們在看一家店鋪時，首先吸引我們的是店鋪色彩布局和搭配，其次才是店鋪細節(jié)和文字。每種顏色有不同的含義，不同時間、不同地點、不同場合的用色要求不一樣。還有一些顏色的搭配。色彩搭配還要應(yīng)季，如春天和夏天用綠色會多一些，冬季用紅色或白色會比較多一些，等等。

視覺營銷重點要處理好色彩、風格及圖像的應(yīng)用，通過巧妙地處理這些要素，吸引買家的關(guān)注，最終達到營銷制勝的目的。任務(wù)4.1走進視覺營銷4.1.2視覺營銷的要素任務(wù)4.1走進視覺營銷（1）色彩的基本分類。自然界中的顏色可以分為非彩色和彩色兩大類。非彩色指黑色、白色和各種深淺不一的灰色，而其他所有顏色均屬于彩色。（2）色彩的屬性。色彩的屬性包括色彩的色相、飽和度和明度。任何一種彩色都具有這三種屬性。色相是色彩的相貌，根據(jù)波長的不同，產(chǎn)生不同的色彩，如紅色、綠色、藍色等；飽和度指色彩的鮮艷度；明度指色彩的亮度，也就是色彩的深淺。在Photoshop中可以調(diào)整色彩的色相、飽和度和明度，如圖4-3所示。4.1.2視覺營銷的要素任務(wù)4.1走進視覺營銷（1）色彩的基本分類。自然界中的顏任務(wù)4.1走進視覺營銷4.1.2視覺營銷的要素圖4-3色相、飽和度和明度的調(diào)整任務(wù)4.1走進視覺營銷4.1.2視覺營銷的要素圖任務(wù)4.1走進視覺營銷風格是給人的一種整體的形象和感覺，如何把握好店鋪的整體風格非常關(guān)鍵。一般店鋪在設(shè)計風格時可以考慮以下幾個方面：4.1.2視覺營銷的要素2.風格（1）（2）突出店鋪的標準色彩。標準色彩代表公司的企業(yè)文化、商品特色等，所以在選擇標準上一定要慎重，而且主色調(diào)不能超過三種。統(tǒng)一的外觀，界面友好，易使用。統(tǒng)一的外觀是指店鋪的每個頁面外觀都是一樣的，如整個店鋪只有一個店招、一個導航菜單、主體風格統(tǒng)一等；界面友好是指店鋪的配色不要讓瀏覽者看久了就覺得很累；易使用是指店鋪的分類一定要方便買家找到他想要的東西。任務(wù)4.1走進視覺營銷風格是給人的一種整體任務(wù)4.1走進視覺營銷4.1.2視覺營銷的要素（3）突出Logo。盡可能將店鋪Logo放在每個頁面上醒目的位置，一般是頁面的左上角。相同類型的圖像采用相同的效果。相同類型的圖像采用相同的效果非常重要，如導航菜單的效果要統(tǒng)一、每一種寶貝分類的圖片效果要統(tǒng)一等。這樣會在無形中暗示瀏覽者，這是同一類型的商品。（4）任務(wù)4.1走進視覺營銷4.1.2視覺營銷的要素（任務(wù)4.1走進視覺營銷

下面來看一個店鋪。這個店鋪的標準色調(diào)突出紅、白色，Logo放在頁面的左上角，導航菜單效果統(tǒng)一，界面簡潔、大方，這些都符合店鋪設(shè)計風格的要求，如圖4-4所示。4.1.2視覺營銷的要素圖4-4店鋪設(shè)計風格任務(wù)4.1走進視覺營銷下面來看一個店鋪。這個任務(wù)4.1走進視覺營銷圖像在整個店鋪中占有重要的地位，如店招、主圖、廣告圖、詳情頁等位置的內(nèi)容都是以圖像的形式來展示的。后續(xù)任務(wù)會對這些內(nèi)容進行詳細介紹。4.1.2視覺營銷的要素3.圖像任務(wù)4.1走進視覺營銷圖像在整個店鋪中占有任務(wù)4.2店招視覺營銷任務(wù)4.2店招視覺營銷任務(wù)4.2店招視覺營銷4.2.1店招的含義與意義店招是店鋪的招牌，店招一般位于網(wǎng)店的最上方，店招的設(shè)計對店鋪的整體形象和運營有著重要的影響。店招要有明確的品牌定位和商品定位，整個網(wǎng)店只有一個店招，它在每個頁面上都會顯示，因此，如何設(shè)計好店招對于賣家來說非常重要。店招設(shè)計需要注意以下三個方面：（1）店招有固定、統(tǒng)一的尺寸（2）店招的設(shè)計需要向買家傳達自己的賣點（3）店招的設(shè)計應(yīng)新穎、獨特任務(wù)4.2店招視覺營銷4.2.1店招的含義與意義任務(wù)4.2店招視覺營銷4.2.2店招的特點與設(shè)計好的店招應(yīng)具有以下特點：（1）店招上的文字和背景對比鮮明。（3）品牌和商品兩個信息的傳達都要明確，讓人容易記住店鋪的名稱和商品。（2）店鋪名稱使用粗體字。因為粗體字不僅給人以安全、厚重、可信賴的感覺，而且更加醒目。（4）店招的主體風格與整個店鋪的風格統(tǒng)一。1.店招的特點任務(wù)4.2店招視覺營銷4.2.2店招的特點與設(shè)計任務(wù)4.2店招視覺營銷4.2.2店招的特點與設(shè)計白藍味中味和百草味的店招，如圖4-5所示。圖4-5店鋪店招圖4-5中的兩個店招，無論是在字體設(shè)計、品牌信息和商品信息傳達方面，還是在整體風格方面，都符合一個好的店招的要求。任務(wù)4.2店招視覺營銷4.2.2店招的特點與設(shè)計任務(wù)4.2店招視覺營銷4.2.2店招的特點與設(shè)計根據(jù)任務(wù)4.1所學的視覺營銷的知識，分別設(shè)計一個PC端的店招和手機端的店招并上傳到店鋪中。2.店招的設(shè)計任務(wù)4.2店招視覺營銷4.2.2店招的特點與設(shè)計任務(wù)4.2店招視覺營銷4.2.2店招的特點與設(shè)計打開PhotoshopCS3軟件，執(zhí)行“文件”→“新建”命令，在彈出的“新建”對話框中進行設(shè)置

如圖4-6所示。步驟101（1）PC端店招的設(shè)計圖4-6新建文件任務(wù)4.2店招視覺營銷4.2.2店招的特點與設(shè)計任務(wù)4.1走進視覺營銷4.2.2店招的特點與設(shè)計（1）PC端店招的設(shè)計執(zhí)行“編輯”→“填充”命令，將白色的背景填充為紅色，如圖4-7所示。步驟202圖4-7填充背景任務(wù)4.1走進視覺營銷4.2.2店招的特點與設(shè)計任務(wù)4.2店招視覺營銷4.2.2店招的特點與設(shè)計設(shè)計店鋪名稱、Logo及主營商品的圖片，如圖4-8所示。步驟303（1）PC端店招的設(shè)計圖4-8店鋪名稱、Logo及主營商品圖片的設(shè)計任務(wù)4.2店招視覺營銷4.2.2店招的特點與設(shè)計任務(wù)4.2店招視覺營銷4.2.2店招的特點與設(shè)計（1）PC端店招的設(shè)計上傳已經(jīng)設(shè)計好的店招。進入淘寶網(wǎng)賣家中心，單擊“店鋪管理”下的“店鋪裝修”，在打開的“招牌內(nèi)容”選項卡中上傳店招，如圖4-9所示。步驟404圖4-9上傳店招任務(wù)4.2店招視覺營銷4.2.2店招的特點與設(shè)計任務(wù)4.2店招視覺營銷4.2.2店招的特點與設(shè)計手機端店招的設(shè)計原理和PC端是一樣的，只不過手機端店招的尺寸是750×254像素，按照這個像素設(shè)計就可以上傳了，如圖4-10所示。圖4-10手機端店招設(shè)計（2）手機端店招的設(shè)計。任務(wù)4.2店招視覺營銷4.2.2店招的特點與設(shè)計任務(wù)4.3主圖視覺營銷任務(wù)4.3主圖視覺營銷任務(wù)4.3主圖視覺營銷主圖是寶貝展示的首要窗口，它不僅出現(xiàn)在詳情頁的第一屏、店鋪的首頁、列表頁，而且在淘寶的搜索頁中也可以看到。主圖傳達了寶貝的款式、顏色、質(zhì)地、品牌等很多重要信息，買家通過這些信息來決定是否瀏覽該寶貝。因此，主圖的好壞直接影響到買家的關(guān)注度和點擊量。主圖是流量來源的基本入口。主圖在制作時一般要求背景色單一、畫面清晰、品牌突出、主體商品突出、五張主圖完整呈現(xiàn)。任務(wù)4.3主圖視覺營銷主圖是寶貝展示的首要窗口，它不僅出任務(wù)4.3主圖視覺營銷

下面以白底主圖為例介紹一下主圖的設(shè)計步驟。白底主圖在淘寶網(wǎng)中的應(yīng)用比較多。步驟1：打開Photoshop軟件，執(zhí)行“文件”→“新建”命令，在彈出的“新建”對話框中設(shè)置“寬度”為800像素，“高度”為800像素，“分辨率”為72像素/英寸，“顏色模式”為RGB顏色，設(shè)置完成后單擊“確定”按鈕，如圖4-11所示。步驟2：打開素材，使用抽出的方法（執(zhí)行“濾鏡”→“抽出”命令）圈選素材，然后單擊左側(cè)的填充工具，在圈選的圖形中單擊一下，然后單擊“確定”按鈕，即可將圖形摳出來，如圖4-12所示。12任務(wù)4.3主圖視覺營銷下面以白底主圖為例介任務(wù)4.3主圖視覺營銷圖4-11新建白底主圖文件任務(wù)4.3主圖視覺營銷圖4-11新建白底主圖文件任務(wù)4.3主圖視覺營銷圖4-12摳出圖形任務(wù)4.3主圖視覺營銷圖4-12摳出圖形任務(wù)4.3主圖視覺營銷步驟3：將摳好的圖片放到主圖文件中。首先按Ctrl+A組合鍵全選素材圖，然后按Ctrl+C組合鍵復制素材圖，再按Ctrl+Tab組合鍵切換到主圖文件中，最后按Ctrl+V組合鍵將素材圖粘貼到主圖文件中，如圖4-13所示。43步驟4：復制一個商品圖片，給商品圖片加一個倒影。首先按Ctrl+A組合鍵全選素材，然后按Ctrl+C復制一個圖層，再按Ctrl+V組合鍵粘貼圖層，最后按Ctrl+T組合鍵自由變換鼠標，右擊，在彈出的快捷菜單中選擇“垂直翻轉(zhuǎn)”命令，然后拖動圖片到相應(yīng)的位置，如圖4-14所示。任務(wù)4.3主圖視覺營銷步驟3：將摳好的圖片放到主圖文件中任務(wù)4.3主圖視覺營銷圖4-13將摳好的圖片放到主圖文件中圖4-14給商品圖片添加倒影任務(wù)4.3主圖視覺營銷圖4-13將摳好的圖片放到主圖文件任務(wù)4.3主圖視覺營銷步驟5：給主圖添加Logo。添加Logo一方面可以起到宣傳和促銷的作用，另一方面可以防止其他人盜用圖片?？梢允孪葘⒃O(shè)計好的Logo直接拖到主圖中，完成Logo的添加，如圖4-15所示。步驟6：在主圖上添加邊框和水印，如圖4-16所示。具體操作流程是首先在新的背景圖層上雙擊，彈出“圖層樣式”對話框，將“大小”設(shè)為10，“位置”設(shè)為內(nèi)部，“顏色”設(shè)為咖啡色，單擊“確定”按鈕。最后在主圖上打上水印文字，并調(diào)整文字的透明度。56任務(wù)4.3主圖視覺營銷步驟5：給主圖添加Logo。添加L任務(wù)4.3主圖視覺營銷圖4-15Logo的添加圖4-16在主圖上添加邊框和水印任務(wù)4.3主圖視覺營銷圖4-15Logo的添加任務(wù)4.4廣告圖視覺營銷任務(wù)4.4廣告圖視覺營銷任務(wù)4.4廣告圖視覺營銷凡是為了滿足某種特定的需求，公開而廣泛地向公眾傳遞信息的圖片，都可稱為廣告圖。廣告圖是為商家贏取流量從而轉(zhuǎn)化為交易的媒介，因此非常重要。淘寶網(wǎng)上的廣告圖主要有直通車廣告圖、鉆石展位廣告圖和活動廣告圖等。不同的廣告圖具有色彩搭配層次分明、主體清晰明確、賣點突出、排版布局適合客戶瀏覽習慣、商品及價格突出等共同點。任務(wù)4.4廣告圖視覺營銷凡是為了滿足某種特任務(wù)4.4廣告圖視覺營銷（1）直通車廣告圖。直通車廣告圖主要分布在淘寶站內(nèi)和站外，站內(nèi)直通車廣告圖主要分布在搜索頁的右側(cè)和下側(cè)，如圖4-17所示。直通車廣告圖的設(shè)計水平直接影響店鋪的點擊率和轉(zhuǎn)化率。（3）活動廣告圖。活動廣告圖主要是參加各類活動需要制作的廣告圖，它對于圖片的尺寸、背景和創(chuàng)意都有一定的要求，因此在報名參加活動時要仔細研讀活動對于圖片的要求，嚴格按照活動的要求設(shè)計圖片，這樣才能保證活動通過的概率。聚劃算活動廣告圖如圖4-19所示。（2）鉆石展位廣告圖。鉆石展位廣告圖主要分布在淘寶網(wǎng)首頁的焦點圖、右側(cè)的banner圖、淘寶垂直頻道等位置，如圖4-18所示。鉆石展位廣告圖的設(shè)計水平會直接影響店鋪的流量和轉(zhuǎn)化率。1.廣告圖的類型任務(wù)4.4廣告圖視覺營銷（1）直通車廣告圖。直通車廣告圖任務(wù)4.4廣告圖視覺營銷圖4-17直通車廣告位圖（1）直通車廣告圖任務(wù)4.4廣告圖視覺營銷圖4-17直通車廣告位圖（1）直任務(wù)4.4廣告圖視覺營銷圖4-18鉆石展位廣告圖（2）鉆石展位廣告圖任務(wù)4.4廣告圖視覺營銷圖4-18鉆石展位廣告圖（2）鉆任務(wù)4.4廣告圖視覺營銷圖4-19聚劃算活動廣告圖（3）活動廣告圖任務(wù)4.4廣告圖視覺營銷圖4-19聚劃算活動廣告圖（3）任務(wù)4.4廣告圖視覺營銷132在處理廣告圖的色彩和構(gòu)圖方式時需要一定的技巧。不同的色彩會產(chǎn)生不同的色彩情感，所以廣告圖要根據(jù)所表達的主題來選擇不同的主色調(diào)，同時主色調(diào)應(yīng)與產(chǎn)品包裝的顏色保持統(tǒng)一，如圖4-22所示。每個廣告圖都要有一個明確的主題，在主題確定好后，所有的元素都要圍繞這個主題展開。展示鞋透氣這一特點，如圖4-20所示。不同目標人群的審美標準和興趣愛好不同，所以在設(shè)計廣告圖時應(yīng)清楚地認識到不同商品所針對的不同購買人群。如圖4-21所示的商品的目標人群主要針對身材較胖的女性。2.廣告圖的設(shè)計原則任務(wù)4.4廣告圖視覺營銷132在處理廣告圖的色彩和構(gòu)圖方任務(wù)4.4廣告圖視覺營銷圖4-20推廣主題清晰的廣告圖（1）推廣清晰原則（2）目標人群準確圖4-21目標人群準確的廣告圖任務(wù)4.4廣告圖視覺營銷圖4-20推廣主題清晰的廣告圖（任務(wù)4.4廣告圖視覺營銷圖4-22淘寶焦點圖（3）表現(xiàn)形式美觀任務(wù)4.4廣告圖視覺營銷圖4-22淘寶焦點圖（3）表現(xiàn)形任務(wù)4.4廣告圖視覺營銷廣告圖的構(gòu)圖方式也是衡量廣告圖質(zhì)量的一個重要因素。目前，廣告圖的構(gòu)圖方式主要有圖片文案兩邊分構(gòu)圖法、3/7開構(gòu)圖法、左-右-左構(gòu)圖法、斜切式構(gòu)圖法和極端構(gòu)圖法。圖片文案兩邊分構(gòu)圖法是最便捷也是最不容易犯錯的構(gòu)圖方法，即將圖片和文字各放一邊，但在文案排版上一定要突出中心點，如圖4-23所示。任務(wù)4.4廣告圖視覺營銷廣告圖的構(gòu)圖方式也任務(wù)4.4廣告圖視覺營銷圖4-23圖片文案兩邊分構(gòu)圖法任務(wù)4.4廣告圖視覺營銷圖4-23圖片文案兩邊分構(gòu)圖法任務(wù)4.4廣告圖視覺營銷3/7開構(gòu)圖法是將圖片和文字左右3/7開，這是令人感覺舒服的視覺比例，且畫面整體給人以很強的層次感和節(jié)奏感，如圖4-24所示。圖4-243/7開構(gòu)圖法任務(wù)4.4廣告圖視覺營銷3/7開構(gòu)圖法是將圖片和文字左右任務(wù)4.4廣告圖視覺營銷左-右-左構(gòu)圖法是將圖片以不同大小和位置進行擺放，形成空間感、層次感和節(jié)奏感，如圖4-25所示。圖4-25左-右-左構(gòu)圖法任務(wù)4.4廣告圖視覺營銷左-右-左構(gòu)圖法是將圖片以不同大任務(wù)4.4廣告圖視覺營銷斜切式構(gòu)圖法能讓整個畫面充滿非常強的張力，讓主體和需要表達的核心內(nèi)容得到更加突出的展示，如圖4-26所示。

圖4-26斜切式構(gòu)圖法任務(wù)4.4廣告圖視覺營銷斜切式構(gòu)圖法能讓整任務(wù)4.4廣告圖視覺營銷極端構(gòu)圖法是將文字或圖形中的某一個元素極端放大，使整個畫面的走向圍繞此元素展開，如圖4-27所示。

圖4-27極端構(gòu)圖法任務(wù)4.4廣告圖視覺營銷極端構(gòu)圖法是將文字或圖形中的某一任務(wù)4.5詳情頁視覺營銷任務(wù)4.5詳情頁視覺營銷任務(wù)4.5詳情頁視覺營銷4.5.1寶貝詳情頁的定義與作用寶貝詳情頁是一個向客戶詳細展示寶貝細節(jié)與優(yōu)勢的地方?？蛻羰欠裣矚g寶貝、是否愿意購買寶貝都必須要仔細查看寶貝詳情頁，99%的訂單也都是在查看過寶貝詳情頁后生成的。寶貝詳情頁就像一頁詳細的產(chǎn)品說明書，客戶通過瀏覽詳情頁就可以了解產(chǎn)品的相關(guān)信息。除此之外，寶貝詳情頁還可以說是產(chǎn)品的形象展示，通過寶貝詳情頁能夠直觀看到產(chǎn)品的整體形象、細節(jié)、構(gòu)造等。一個好的寶貝描述勝過一位優(yōu)秀的銷售專員，因此，寶貝詳情頁要能夠引起客戶的興趣和購買欲望，并能關(guān)聯(lián)展示其他商品；同時，寶貝詳情頁也是自然流量的入口，是促進客戶購買的“圣地”，是提高客單價的“戰(zhàn)場”。任務(wù)4.5詳情頁視覺營銷4.5.1寶貝詳情頁的定義與任務(wù)4.5詳情頁視覺營銷4.5.2寶貝詳情頁的尺寸和結(jié)構(gòu)

寶貝詳情頁的一般寬度是750像素，對高度沒有限制，但并不是越長越好。寶貝詳情頁的結(jié)構(gòu)如圖4-28所示。

圖4-28寶貝詳情頁的結(jié)構(gòu)任務(wù)4.5詳情頁視覺營銷4.5.2寶貝詳情頁的尺寸和任務(wù)4.5詳情頁視覺營銷4.5.3寶貝詳情頁的設(shè)計流程011.確定色彩和字體022.確定框架結(jié)構(gòu)033.設(shè)計模塊044.統(tǒng)一頁面效果055.審核和上傳發(fā)布寶貝詳情頁的設(shè)計流程：確定色彩和字體—確定框架結(jié)構(gòu)—設(shè)計模塊—統(tǒng)一頁面效果—審核和上傳發(fā)布。任務(wù)4.5詳情頁視覺營銷4.5.3寶貝詳情頁的設(shè)計流任務(wù)4.5詳情頁視覺營銷4.5.4寶貝詳情頁的內(nèi)容寶貝詳情頁的內(nèi)容沒有固定模塊，但也不能雜亂無章，通過觀察和總結(jié)眾多店鋪的寶貝詳情頁的設(shè)計內(nèi)容，可以發(fā)現(xiàn)大部分店鋪的寶貝詳情頁主要包括基本信息、商品展示、細節(jié)展示、賣點提煉、商品對比、核心競爭力、情感營銷、賣家承諾、企業(yè)文化、實力展示、生產(chǎn)流程、包裝展示、Q＆A問答、關(guān)聯(lián)銷售等模塊。任務(wù)4.5詳情頁視覺營銷4.5.4寶貝詳情頁的內(nèi)容任務(wù)4.5詳情頁視覺營銷4.5.4寶貝詳情頁的內(nèi)容1基本信息基本信息是寶貝詳情頁常用的模塊之一，主要內(nèi)容包括商品的屬性、尺寸等信息，如圖4-29所示。圖4-29基本信息任務(wù)4.5詳情頁視覺營銷4.5.4寶貝詳情頁的內(nèi)容1任務(wù)4.5詳情頁視覺營銷4.5.4寶貝詳情頁的內(nèi)容2商品展示從各個角度展示商品，配合模特來展示商品和商品的使用環(huán)境等，如圖4-30所示。圖4-30商品展示任務(wù)4.5詳情頁視覺營銷4.5.4寶貝詳情頁的內(nèi)容2任務(wù)4.5詳情頁視覺營銷4.5.4寶貝詳情頁的內(nèi)容3細節(jié)展示展示買家最關(guān)注的商品的細節(jié)，突出商品的優(yōu)勢，如圖4-31所示。圖4-31細節(jié)展示任務(wù)4.5詳情頁視覺營銷4.5.4寶貝詳情頁的內(nèi)容3任務(wù)4.5