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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

二9、