《電子商務(wù)美工技術(shù)》課件模塊十 Photoshop知識綜合運用-電商美工綜合實戰(zhàn)

Photoshop知識的綜合應(yīng)用

——電商美工綜合實戰(zhàn)

模塊十知識點解析電商美工最常實戰(zhàn)的內(nèi)容包含首頁設(shè)計和詳情頁設(shè)計。

知識點解析首頁設(shè)計一（一）首頁的作用1、塑造店鋪形象：最大限度提升店鋪的形象，有利于店鋪品牌的形成。2、展現(xiàn)主推產(chǎn)品：主推產(chǎn)品更容易促進點擊跳轉(zhuǎn)。3、分類導(dǎo)航：挽回帶有目的性的顧客繼續(xù)在店內(nèi)尋找。知識點解析首頁設(shè)計一整體色調(diào)店招整體色調(diào)首焦/Banner海報圖【錨點海報】【活動海報】應(yīng)季新品應(yīng)季新品應(yīng)季新品應(yīng)季新品熱銷產(chǎn)品熱銷產(chǎn)品熱銷產(chǎn)品熱銷產(chǎn)品【需要視覺點】清倉區(qū)大庫存清倉大庫存清倉大庫存清倉大庫存清倉定位（形象）款特色寶貝分類導(dǎo)航分類產(chǎn)品分類產(chǎn)品分類產(chǎn)品分類產(chǎn)品下季新品頁尾模塊（二）首頁的內(nèi)容如圖10-1所示，首頁包含：店招制作、首焦/Banner制作、產(chǎn)品分類區(qū)塊設(shè)計、客服區(qū)塊設(shè)計、產(chǎn)品展示區(qū)塊設(shè)計、首頁其他區(qū)塊布局設(shè)計、頁面底部設(shè)計。圖10-1知識點解析首頁設(shè)計一（三）首頁效果圖以一家水杯用品公司為例，其首頁效果圖如圖10-2所示：圖10-2知識點解析詳情頁設(shè)計

二（一）詳情頁相關(guān)的數(shù)據(jù)寶貝詳情頁是營造良好客戶體驗，把客戶瀏覽轉(zhuǎn)化為客戶消費的前沿陣地。通過與寶貝詳情頁相關(guān)數(shù)據(jù)的定性研究，深入了解客戶的需求，是制作高轉(zhuǎn)化率的寶貝詳情頁的前提，相關(guān)數(shù)據(jù)如圖10-3所示。圖10-3知識點解析詳情頁設(shè)計

二1、客單價客單價是指每位客戶購物的平均價格，其值是由“支付寶成交金額/成交用戶數(shù)”進行計算。2、自然流量自然流量是淘寶搜索的自然排名，它可以分為三大部分：一個就是自然搜索的流量，第二個就是淘寶活動的流量，第三個是回頭老客的流量。這三個流量中價值最高的就是老客的流量，其次是淘寶活動的流量，價值最低卻往往也是最大的流量來源就是搜索的自然排名流量。3、寶貝詳情頁轉(zhuǎn)化率寶貝詳情頁的轉(zhuǎn)化率對于店鋪運營的調(diào)整和改變具有很強的指導(dǎo)作用，其值由產(chǎn)生購買行為的客戶人數(shù)/所有到達店鋪的訪客人數(shù)進行計算。4、停留時間停留時間是指客戶在頁面的瀏覽時間。由此可見，寶貝詳情頁制作得越好，帶來的自然流量、停留時間、客單價以及轉(zhuǎn)化率就會越高。知識點解析詳情頁設(shè)計

二（二）詳情頁的作用1、提高轉(zhuǎn)化率提高轉(zhuǎn)化率的方法有很多，例如促銷活動、客戶服務(wù)，而寶貝詳情頁中商品的展示和設(shè)計，能夠讓客戶加深商品的印象，讓客戶因為頁面的設(shè)計和商品的特性主動記住，繼而收藏或者購買。2、促進自然流量優(yōu)秀的寶貝詳情頁描述有層次、有邏輯，讓顧客看得懂也看得順心，店鋪的自然流量自然就會提升。3、帶動關(guān)聯(lián)銷售店鋪在參加活動的同時，寶貝詳情頁中配合策劃關(guān)聯(lián)銷售進行導(dǎo)流、分流，可以提高客單價和轉(zhuǎn)化率，充分利用流量資源，有效降低推廣成本。知識點解析詳情頁設(shè)計

二（三）詳情頁分解過程Kimi吸管保溫杯是一款由上海泊溪兒童用品有限公司研發(fā)的新產(chǎn)品，其中一款杯身印有四葉草圖案，有粉、綠、黃、藍四種顏色，杯子的特點是防噴防濺、感應(yīng)保溫、獨特創(chuàng)新排氣系統(tǒng)以及帶手柄，產(chǎn)品展示如圖10-4所示。圖10-4知識點解析詳情頁設(shè)計

二1、買家訴求寶貝詳情頁的頁首如圖10-5所示，由于該產(chǎn)品的Logo——Kimi已經(jīng)確定為藍、粉色調(diào)，同時結(jié)合該款商品本身就是水杯，所以整個寶貝詳情頁確定以藍色作為主色調(diào)，整體呈現(xiàn)清新風(fēng)格。圖10-6通過設(shè)置疑問，羅列常見的同類用品其他品牌的客戶體驗，突出Kimi吸管保溫杯的獨特性：全球首款、防噴防濺、感溫變色，以此來探究買家的訴求。頁面中添加的水滴形狀與產(chǎn)品屬性相呼應(yīng)。圖10-5圖10-6知識點解析詳情頁設(shè)計

二2、賣點提煉提煉Kimi吸管保溫杯FAB特性，其屬性、作用與好處分別是：（1）屬性（Feature）——排氣系統(tǒng)、感溫變色；（2）作用（Advantage）——防止噴濺、防止?fàn)C傷；（3）好處（Benefit）——產(chǎn)品安全、使用放心。為了說明Kimi吸管保溫杯具備防噴防濺、感溫變色的獨特性，在詳情頁的展現(xiàn)過程中通過產(chǎn)品生產(chǎn)工藝的內(nèi)部結(jié)構(gòu)圖，說明Kimi吸管保溫杯的技術(shù)原理，意欲讓用戶安心接受該款產(chǎn)品。效果如圖10-7所示。圖10-7知識點解析詳情頁設(shè)計

二3、基本信息基本信息分為兩部分進行，如圖10-8所示。一部分是產(chǎn)品參數(shù)，將“商品名稱、容量、顏色、包裝尺寸、生產(chǎn)標(biāo)準(zhǔn)、產(chǎn)地、重量和材質(zhì)”進行羅列，商品的高度、寬度等量化指標(biāo)用數(shù)字直觀表明。另一部分是產(chǎn)品結(jié)構(gòu)，分解Kimi吸管保溫杯的“吸嘴、無彈簧按鈕、杯體、感溫透氣閥、杯蓋、手柄”各個結(jié)構(gòu)，立體化展現(xiàn)基本信息，視覺效果更加直觀。圖10-8知識點解析詳情頁設(shè)計

二4、核心競爭力核心競爭力的主要目的是要將“賣點提煉”中的內(nèi)容逐步放大，達到進一步吸引消費者的目的。制作過程中也相應(yīng)采用利用“微距”拍攝效果形成的商品細節(jié)圖，如圖10-9所示，提高視覺效果。圖10-9知識點解析詳情頁設(shè)計

二5、情感營銷將模特展示水杯的圖片設(shè)計成類似與鐘表的形式，以“一天八杯水的健康”博得消費者在生活中要多喝水的情感共鳴。如圖10-10所示。圖10-10知識點解析詳情頁設(shè)計

二6、細節(jié)展示消費者在瀏覽寶貝詳情頁的過程中，逐漸過渡由感性過渡到理性，需要強化商品的獨特性，因此圖10-11進一步放大了“核心競爭力”中的內(nèi)容。圖10-11知識點解析詳情頁設(shè)計

二7、商品差異通過差異化的比較更加凸顯Kimi吸管保溫杯的獨特點。如圖10-12所示。8、實景展示戶外的實景展示與杯身的“四葉草”進行結(jié)合，從視覺上增強商品的體驗度。如圖10-13所示。圖10-12圖10-13知識點解析詳情頁設(shè)計

二9、