湖南商務職業(yè)技術學院畢業(yè)設計

目錄

1云佰樂數(shù)碼專營淘寶店鋪概況..........................................1

1.1數(shù)碼類淘寶店鋪發(fā)展現(xiàn)狀........................................1

1.2云佰樂數(shù)碼專營淘寶店鋪現(xiàn)狀....................................2

2云佰樂數(shù)碼專營淘寶店鋪視覺營銷分析..................................3

2.1競爭對手分析..................................................3

2.1.1競爭對手店鋪1...........................................3

2.1.2競爭對手店鋪2...........................................6

2.2店鋪視覺營銷定位分析..........................................8

2.2.1店鋪產(chǎn)品定位分析.........................................8

2.2.2店鋪消費者人群定位分析...................................9

2.3店鋪風格分析..................................................9

2.4店鋪色彩分析.................................................10

3云佰樂數(shù)碼專營淘寶店鋪視覺設計.....................................10

3.1店鋪版式設計.................................................10

3.1.1首頁版式設計............................................10

3.1.2產(chǎn)品詳情頁1版式設計....................................11

3.1.3產(chǎn)品詳情頁2版式設計....................................13

3.2店鋪文案策劃.................................................14

3.2.1首頁文案策劃............................................14

3.2.2產(chǎn)品詳情頁1文案策劃....................................14

3.2.3產(chǎn)品詳情頁2文案策劃....................................15

4云佰樂數(shù)碼專營淘寶店鋪視覺效果制作.................................15

4.1店鋪首頁效果圖制作...........................................16

4.1.1店招設計過程............................................16

4.1.2海報制作................................................17

4.1.3其他區(qū)域制作............................................17

I

湖南商務職業(yè)技術學院畢業(yè)設計

4.2產(chǎn)品詳情頁1效果圖制作.......................................19

4.2.1主副圖效果圖............................................19

4.2.2產(chǎn)品詳情頁1效果圖......................................20

4.3產(chǎn)品詳情頁2效果圖制作.......................................24

4.3.1主副圖效果圖............................................24

4.3.2產(chǎn)品詳情頁2效果圖......................................25

5總結...............................................................27

參考資料............................................................29

II

湖南商務職業(yè)技術學院畢業(yè)設計

云佰樂數(shù)碼專營店視覺營銷設計方案

1云佰樂數(shù)碼專營店鋪概況

云佰樂數(shù)碼專營店成立于2021年11月12日，注冊地位于湖南省長沙市岳

麓區(qū)天頂街道335號，經(jīng)營范圍包括電腦、耳機、手機等數(shù)碼產(chǎn)品及其數(shù)碼配件。

本店是一家專業(yè)專營數(shù)碼店鋪，擁有專業(yè)的服務團隊，本著顧客第一、誠信經(jīng)營、

秉承優(yōu)質的服務理念，建有完善的技術管理與質量保證體系，以多種經(jīng)營特色產(chǎn)

品經(jīng)營部的實力雄厚贏得廣大客戶的信任，用產(chǎn)業(yè)化發(fā)展的思路服務于社會和用

戶。

1.1數(shù)碼類淘寶店鋪發(fā)展現(xiàn)狀

隨著互聯(lián)網(wǎng)的快速發(fā)展以及上網(wǎng)的大眾不斷增多，網(wǎng)絡購物已經(jīng)成了當今熱

門行業(yè)，近幾年受到疫情影響，越來越多的人接觸到網(wǎng)絡尤其是年輕人和中年人，

網(wǎng)購的市場規(guī)模也在逐漸增長和飛速發(fā)展，同時互聯(lián)網(wǎng)的銷售方式也在慢慢的趨

向于多元化有新穎感，網(wǎng)絡購物也成為了一種重要的銷售零售渠道。

數(shù)碼產(chǎn)品與互聯(lián)網(wǎng)密不可分，隨著互聯(lián)網(wǎng)5G的普及越來越廣泛對于數(shù)碼產(chǎn)

品的需求也在增多，科技的不斷發(fā)展也對數(shù)碼產(chǎn)品有著更高質量的要求，其消費

者也在年輕人內居多。

近年來，消費電子產(chǎn)品快速迭代式發(fā)展帶動了智能科技的發(fā)展，手機、電腦

等電子產(chǎn)品市場規(guī)?？焖僭鲩L，由于我國的居民消費水平逐漸提升對電子商品的

要求也在逐漸增強，根據(jù)中商情報網(wǎng)訊的數(shù)據(jù)如圖1所示，電子商品的消費市場

需求都在持續(xù)增長，市場規(guī)模在逐漸變大，隨著疫情的形式得到好轉以及市場的

恢復，消費電子市場規(guī)模將持續(xù)增大。

圖1中國消費電子行業(yè)市場規(guī)模預測趨勢

1

湖南商務職業(yè)技術學院畢業(yè)設計

根據(jù)百度指數(shù)搜索關鍵詞“數(shù)碼”的數(shù)據(jù)分析圖2來看，數(shù)碼的搜索指數(shù)分

為三個階段，第一個階段處于疫情前，數(shù)碼的搜索指數(shù)在400-800之間其中2019

年的數(shù)碼搜索指數(shù)打到最底峰值；第二個階段處于疫情期間，數(shù)碼的搜索指數(shù)在

400-600之間幾乎都是趨近于平穩(wěn)狀態(tài)數(shù)值沒有太大的波動；第三個階段處于疫

情形式好轉后，數(shù)碼的搜索指數(shù)400-1000尤其在開始好轉的時間段數(shù)碼的搜索

指數(shù)得到了飆升，2022年數(shù)碼的搜索指數(shù)幾乎都是在比較高的峰值期間波動中。

圖2百度指數(shù)搜索關鍵詞“數(shù)碼”的數(shù)據(jù)分析

由此可見，5G科技的普及以及疫情后用戶有用的消費電子設備也在增加，

技術創(chuàng)新升級導致電子消費市場需求活躍起來，互聯(lián)網(wǎng)的app例如抖音、快手等

視頻領域得到了飛快的發(fā)展和提升，帶動了電子設備的市場的拓展；隨著科學技

術的進步以及消費者的需求不斷更新，電子產(chǎn)品以及慢慢的滲入了人們的日常生

活當中，智能手機和電腦等產(chǎn)品都將保持著較快的增長。

1.2云佰樂數(shù)碼專營店鋪現(xiàn)狀

云佰樂數(shù)碼專營店于2021年成立，在淘寶經(jīng)營了一段時間已經(jīng)擁有了忠實

的老客戶，由于在疫情期間店鋪的銷量和利潤都整體下降，動態(tài)評分DSR依舊

保持在4.7分，好評率在94%左右，店鋪狀態(tài)整體處于中等水平，隨著電子商務

處于熱潮之中，目前來看可以通過抖音發(fā)表視頻進行引流推廣吸引新客戶的瀏覽

以及配合淘寶平臺的活動做出相應的優(yōu)惠方案，例如新款產(chǎn)品購買的前一百名可

以隨機贈送電子產(chǎn)品小配件；在活動期間發(fā)放優(yōu)惠券根據(jù)不同的購買金額設置優(yōu)

惠券的大小。

本店打造出品牌的線上網(wǎng)店彰顯多元化差異性，在保證產(chǎn)品的質量的同時也

加強售后服務以及質保維修服務用來吸引客戶，借助流量大的社交軟件進行推廣

2

湖南商務職業(yè)技術學院畢業(yè)設計

宣傳，通過活動帶來的轉化率，增大客流量和穩(wěn)定客戶。

2云佰樂數(shù)碼專營店鋪視覺營銷分析

視覺營銷主要是指以網(wǎng)絡為載體通過文字、圖片、色彩搭配的方式帶給客戶

一種新鮮感以此達到銷售的目的，與傳統(tǒng)的銷售方式相比，視覺營銷的商品類型

會更加豐富，色彩也更加多彩更突出，科學表明人的五感對人的思維判斷影響最

大的是視覺，所以網(wǎng)站的視覺對顧客的影響重要性非常重要，其目的在于塑造網(wǎng)

店店鋪及品牌的形象，來吸引客戶的眼球。

2.1競爭對手分析

對競爭對手的分析就是為了了解到行業(yè)市場的發(fā)展情況，觀察競爭對手的市

場操作對于本店鋪來說也是一個發(fā)展機遇可以進行考慮采納；如果競爭對手找到

自己的定位目標對本店鋪來說是面臨這新的挑戰(zhàn)，需要提前對制作應對方案不打

無準備之仗。對競爭對手的分析也能夠讓店鋪從另一個角度挖掘用戶的潛在需求

和競品的選擇。

2.1.1競爭對手店鋪1

對于數(shù)碼產(chǎn)品行業(yè)其主要的競爭對手之一是onezero美承數(shù)碼旗艦店。店鋪

于1993年創(chuàng)立，總部位于上海是中國知名的IT零售標桿企業(yè)，國內領先的移動

應用方案集成商。店鋪的網(wǎng)址，店鋪DSR動態(tài)評分為

4.8，商品、服務、物流評分與同行業(yè)的相比都是比較高的，開店時長為5年，

粉絲數(shù)為15.3萬，綜合體驗為5顆星，店鋪銷售品牌主要以蘋果為主，主要色

調以白、黑色為主。

從競爭對手店鋪的視覺效果中汲取其中的精華對自身店鋪也有著不錯的意

義，onezero美承數(shù)碼旗艦店視覺效果分析如表1所示。

表1“onezero美承數(shù)碼旗艦店”視覺效果分析

效果

競店視覺效果截圖分析評價

版塊

優(yōu)點：店招的logo具

有設計感更吸引客戶，

店招和

點出主要銷售類目為

海報

蘋果產(chǎn)品，海報與導

航條主要都是以黑色

3

湖南商務職業(yè)技術學院畢業(yè)設計

為主體現(xiàn)了科技感。

缺點：未放置熱銷品

的圖片以及其鏈接，

對此減少了點擊量。

優(yōu)點：頁面簡約大氣，

店內商品的品類做出

了嚴格的分類并陳列

出來銷量高的產(chǎn)品，

設置了搶購鏈接，更

寶貝陳方便客戶選購商品，

列區(qū)對店鋪的商品一目了

然。

缺點：未能突出每個

類目的商品的特點和

賣點。

優(yōu)點：設置了跳轉回

首頁頂部的鏈接。

底部缺點：未加入商品分

類板塊的鏈接。

優(yōu)點：標明活動價和

活動贈品吸引消費者。

缺點：主副圖的配圖

主副圖

比較單調，缺少配圖

的文案。

4

湖南商務職業(yè)技術學院畢業(yè)設計

優(yōu)點：列出了產(chǎn)品所

附帶的贈品以及消費

者客戶能享受的服務

待遇，提供了產(chǎn)品的

證書和工廠照片更加

能說服客戶，陳列出

產(chǎn)品的詳細參數(shù)和注

詳情頁意事項更加吸引到了

客戶的眼球。

缺點：缺少產(chǎn)品的細

節(jié)圖板塊以及細分賣

點板塊。

2.1.2競爭對手店鋪2

同行業(yè)中另一主要競爭對手是ikf旗艦店，ikf是深圳市歐木科技有限公司

旗下電子類潮奢設計品牌，ikf旗艦店寶貝與描述相符評分為4.8分，比同行業(yè)

平均水平高10.05%，賣家的服務態(tài)度評分為4.9分，比同行業(yè)平均水平高44.56%，

物流服務的質量評分為4.9分，比同行業(yè)平均水平高40.4%，店鋪的網(wǎng)址是

，開店時長7年，粉絲數(shù)34.1萬，綜合體驗4顆星，店鋪

5

湖南商務職業(yè)技術學院畢業(yè)設計

主要以自創(chuàng)品牌的耳機銷售為主，首頁色彩主要以淺色系的顏色為主給人更加舒

適感。

ikf旗艦店的視覺效果分析如表2所示。

表2“ikf旗艦店”視覺效果分析

效果

競店視覺效果截圖分析評價

版塊

優(yōu)點：海報的色彩與

耳機外觀和名字相呼

應加上花的點綴吸引

了消費者的目光，店

店招和

招陳列出熱銷品鏈接

海報

更加方便客戶定位店

鋪銷售的商品。

缺點：未設置搜索框，

店鋪logo不夠亮眼。

優(yōu)點：設置了王牌爆

款板塊，商品的陳列

圖設計色彩幾乎都是

同一個溫暖色系，整

體看上去會增添客戶

寶貝陳的舒適度，都標明了

列區(qū)商品的價格及其鏈接

會更加明眼。

缺點：未能將產(chǎn)品的

細節(jié)和賣點突出來，

缺少店鋪活動的氛圍

感。

優(yōu)點：突出了品牌

首頁

缺點：未設置返回頂

底部

部的部分。

6

湖南商務職業(yè)技術學院畢業(yè)設計

優(yōu)點：主圖價格設計

部分凸顯出活動的優(yōu)

惠力度，主副圖都突

主副圖出了產(chǎn)品的特點賣點

更加吸引客戶。

缺點：缺少產(chǎn)品細節(jié)

圖和參數(shù)。

優(yōu)點：有兩款商品的

對比參數(shù)板塊，產(chǎn)品

實拍板塊以及賣點特

點板塊，設計了產(chǎn)品

上身的效果圖板塊，

詳情頁更加吸引了客戶，整

體色彩也是和商品款

式顏色相融合搭配。

缺點：擁有實拍板塊

但是未放入產(chǎn)品的細

節(jié)圖。

7

湖南商務職業(yè)技術學院畢業(yè)設計

2.2店鋪視覺營銷定位分析

隨著電商在商業(yè)行業(yè)發(fā)展的越來越深入，可以發(fā)現(xiàn)網(wǎng)店不再是單單的陳列出

商品上架銷售，反而會更加注重于店鋪美工也就是店鋪的視覺營銷，好的視覺效

果能給客戶有更多的信任感和吸引力，并且激發(fā)客戶的購買的欲望從而促成更多

的交易。

本店主要是從產(chǎn)品定位和消費者人群定位進行分析。

2.2.1店鋪產(chǎn)品定位分析

云佰樂數(shù)碼專營店主要以酷睿牌的電腦、耳機電子產(chǎn)品銷售為主，主打通過

對產(chǎn)品的包裝和功能方面進行推廣引流，價格也都位于市場的中檔位置，對于產(chǎn)

品主要是從其特點和市場上進行分析。

（1）產(chǎn)品特點

店鋪主要先尋求產(chǎn)品的功能核心分析消費者的需求，挖掘潛在的產(chǎn)品的商業(yè)

價值，一款產(chǎn)品是酷睿品牌筆記本（酷睿i5-5287U），其特點在于2K分辨率和

大內存空間不卡頓，高清攝像頭輕便的筆記本身更加便攜，適用于游戲影音、商

務辦公、設計編程等，超大電池容量巡航能力升級；另一款產(chǎn)品是頭戴式耳機，

其特點主要在于多色彩的選擇搭配，防水隔音的效果經(jīng)過了實驗證明效果很好皮

質的面料佩戴上去時會更加舒適，50小時超強續(xù)航讓音樂隨時都伴隨在耳邊左

8

湖南商務職業(yè)技術學院畢業(yè)設計

右，智能耳機立體環(huán)繞音藍牙連接，超強性價比。

（2）市場分析

在中國電腦的市場有著巨大的潛力，根據(jù)中商情報網(wǎng)對2022年上半年全球

筆記版電腦市場競爭格局圖3所示，市場份額主要集中在惠普、聯(lián)想、戴爾等幾

大品牌商制造商，而蘋果、宏墓等其他品牌的市場份額波動相對較小，主要是從

產(chǎn)品的價格上來看青少年會更加愿意接受于普通價位的品牌產(chǎn)品，對于蘋果等高

價階層的產(chǎn)品需求欲望相對較小，本店鋪的產(chǎn)品定位于中檔價格區(qū)域更加符合于

年輕人的青睞，精準的定位到消費人群。

圖32022年上半年全球筆記版電腦市場競爭格局

2.2.2店鋪消費者人群定位分析

云佰樂數(shù)碼專營店的消費人群主要定位在中高層收入者，對新科技有較強需

求的事業(yè)企業(yè)單位公司和計算機人員，客戶主要分布在一、二線城市中，有一定

的文化水平并且經(jīng)濟比較富裕的家庭中，由于學習的需要家長都會為自己的子女

選擇一個性價比高的產(chǎn)品，所以本店鋪的特點突出在性價比符合消費者客戶的需

求從而促進了下單。

2.3店鋪風格分析

在網(wǎng)絡的眾多店鋪中想要脫穎而出吸引更多的客戶顧客，其店鋪的風格亮點

是必不可少的，由于本店是銷售的產(chǎn)品為電子產(chǎn)品電腦耳機等，其主要風格偏向

于電子的科技感，給客戶一個信任感更加能吸引住客戶的眼球愿意駐留在店鋪內

挑選，色彩主要以黑色和藍色為主突出科技高級感，背景選擇科技的線條和簡約

圖配上產(chǎn)品的細節(jié)圖以及突出產(chǎn)品的特點的文案，打造出店鋪的獨特風格。

9

湖南商務職業(yè)技術學院畢業(yè)設計

2.4店鋪色彩分析

俗話說：“遠看色，近看花”，店鋪詳情頁的整體色彩表現(xiàn)會給人帶來第一

感官印象，不同的色彩通常會給客戶帶來不同的感受，所以在店鋪陳列商品寶貝

的時候色彩搭配是首要考慮的要素，為了能吸引住客戶店鋪的整體主要依靠黑藍

灰色的配色科技感，這個色彩搭配也是電子產(chǎn)品類中比較經(jīng)典的客戶會更有熟悉

感和認同感。

店鋪店招l(wèi)ogo部分也是用藍色制作，店招用黑色和科技感線條做搭配襯托，

整體能夠凸顯出高級感吸引住消費者。

店鋪的首頁主要以藍、灰、黑三種色調調和展示，藍色的著調經(jīng)常用于科技

科學類目的頁面上，給客戶一種更值得信賴信服的根據(jù)，藍色為主調，用灰黑色

作為輔助，使得整個頁面會更加莊重充實。

3云佰樂數(shù)碼專營店鋪視覺設計

通過對行業(yè)現(xiàn)狀以及消費人群的人像分析，店鋪的整體視覺設計得到了一個

清晰的定位，版式設計主要是以產(chǎn)品圖和新穎的文案進行搭配構成，以用來展示

出產(chǎn)品的優(yōu)點供消費者客戶的查看。首先對店鋪的裝修設計做出一個簡單的色彩

構思，主調在藍色，彰顯數(shù)碼電子的科技感，用黑灰色作為輔助使得整個頁面更

加具有數(shù)碼的神秘感探索感覺。下面將會對店鋪的設計板塊進行描述介紹。

3.1店鋪版式設計

消費者客戶進入店鋪首先映入眼簾的便是首頁，其次是產(chǎn)品寶貝的詳情頁面。

對于首頁主要是店鋪的品牌形象展示，也是店鋪流量的中轉站，需要從首頁就開

始吸引住客戶的眼球，進而引導客戶進入產(chǎn)品寶貝的詳情頁并促使下單。當客戶

查詢到所需要的產(chǎn)品寶貝時，較為看重的便是產(chǎn)品的性能信息以及所能享受的服

務，此時詳情頁就起到了留住客戶的作用，并通過展示產(chǎn)品的相關品質質量的證

明，曬出好評和產(chǎn)品的細節(jié)圖來增加客戶對店鋪的信任感。

3.1.1首頁版式設計

店鋪的首頁有著決定瀏覽量數(shù)據(jù)高與低的作用，客戶在進入店鋪后最先映入

眼簾的便是首頁，首頁是否精美，是否突出重點都是吸引客戶眼球的重點。首頁

的版式設計大小在1920px×5000px，最頂端突出的是店鋪的店招，往下是導航

條，以用來方便查詢店鋪的產(chǎn)品寶貝分類更精確明了的定位到，店招和導航條的

設計比較相融合的，藍色為主色調，用黑灰色作為點綴，整體內容都做居中的操

10

湖南商務職業(yè)技術學院畢業(yè)設計

作設計。

接下去就是展示店鋪主推產(chǎn)品的海報，以此來凸顯出店鋪的核心產(chǎn)品和優(yōu)惠

的力度活動來吸引住客戶，一個好的產(chǎn)品海報能夠令客戶產(chǎn)生購買的欲望以及下

單的沖動，某種意義上是提升店鋪銷售量的重要要素。海報的版式設計大小在

1920px×500px，采用了左文右圖的構圖方式，提取產(chǎn)品的優(yōu)點以及店鋪優(yōu)惠作

為文案展示，能夠一目了然產(chǎn)品的性能和店鋪活動。

再往下就是占比較大的店鋪分類詳情，其中包括著爆款專區(qū)、新品推薦，將

店鋪的活動優(yōu)惠穿插在產(chǎn)品展示鏈接里，讓客戶能很清晰的看出自己需要的產(chǎn)品

的優(yōu)惠活動，每款產(chǎn)品作為一個大類展示出來以供客戶能夠選擇。此部分利用產(chǎn)

品圖和文案的交錯布置來展示店鋪風格。此板塊都主要采用著左文右圖（左圖右

文）的構圖方式，每個產(chǎn)品的展示都能直接的表達出其信息，也能夠好的留住客

戶。

云佰樂數(shù)碼專營店店鋪首頁版式設計草圖如圖4所示。

圖1店鋪首頁版式設計草圖

3.1.2產(chǎn)品詳情頁1版式設計

在視覺設計上面除首頁外，詳情頁的占比也是比較大的，詳情頁主要在于展

示介紹產(chǎn)品的信息，提取核心賣點來吸引客戶，產(chǎn)品的品質一向都是客戶所看重

的，放置資質證書和售后保障卡片都是能增加客戶的信任感。

11

湖南商務職業(yè)技術學院畢業(yè)設計

產(chǎn)品1主推筆記本電腦酷睿i5-5287U。首先將產(chǎn)品圖及其所能突出的賣點展

示出來，其次將詳情頁分為產(chǎn)品賣點、產(chǎn)品信息、產(chǎn)品細節(jié)和買家須知幾個分類

板塊。詳情頁的色彩搭配設計和首頁一樣，使客戶在首頁進入詳情頁時不會有明

顯的出入感。主要采用了上文下圖的構圖方式以及文字內嵌的構圖方式，客戶在

查看產(chǎn)品圖的同時能夠看出其性能優(yōu)點，以此更為直觀明了的選擇自己所需要所

契合的產(chǎn)品，詳情頁的設計大小790px×11857px,整體用藍黑色塊進行堆疊進行

搭配，彰顯電子數(shù)碼的莊重感。

產(chǎn)品詳情頁1版式設計草圖如圖5所示。

圖2產(chǎn)品詳情頁1版式設計草圖

12

湖南商務職業(yè)技術學院畢業(yè)設計

3.1.3產(chǎn)品詳情頁2版式設計

店鋪主營數(shù)碼，所主推的另一個產(chǎn)品則是智能耳機，對于同一類型的產(chǎn)品在

詳情頁的設計上也是大相徑庭的，為了防止過大的差別感所帶來的客戶心理的猶

豫，也以用來保持店鋪的整體平衡。在板塊分類上與產(chǎn)品1大致相似，但除了展

示了產(chǎn)品的信息參數(shù)還增加了一個功能介紹的板塊，構圖設計上也是上文下圖和

文案內嵌的方式，在細節(jié)展示板塊中穿插著對產(chǎn)品的細節(jié)的介紹文案，將產(chǎn)品的

賣點信息依次展列出來，著重于客戶所看重的音質賣點。最后的買家須知板塊也

簡略的陳列出客戶所能享受的服務，但所使用的色調配色為白色，更能在藍黑色

調的背景下凸顯出來。

產(chǎn)品詳情頁2版式設計草圖如圖6所示。

圖3產(chǎn)品詳情頁2版式設計草圖

13

湖南商務職業(yè)技術學院畢業(yè)設計

3.2店鋪文案策劃

對店鋪的整體有了清晰的規(guī)劃設計后，文案的策劃設計也是必不可少的，眾

所周知，一個好的產(chǎn)品不僅僅在于性能，還需要一個創(chuàng)新性的文案作為宣傳的中

流砥柱，能夠刺激住客戶的購買欲望和傳遞產(chǎn)品寶貝的價值，在短時間內吸引住

客戶的眼球。

3.2.1首頁文案策劃

先介紹首頁的文案策劃，客戶進入店鋪第一眼便是落于首頁上面，簡潔的展

示重點的方式是比較好的，客戶可以直接明了的看出店鋪所運營的產(chǎn)品大類。

首頁頂端是店招的區(qū)塊，突出logo部分在其右邊則是店鋪名稱“云佰樂數(shù)

碼”，并用“yunbaile”加以點綴修飾，再往右邊標注著“關注”的字樣，與店

鋪名稱緊挨著能夠讓客戶更容易看到，加快客戶的關注點擊，除此之外，還帶有

著電腦數(shù)碼的小圖標。其店招，店鋪名稱以及“關注”導航均用幼圓的字體，體

現(xiàn)整體的一致性，更平衡與美觀，整個店招的文案部分都是居中的格式，占據(jù)著

整個頁面的最頂端c位。往下緊接著的便是導航條的文案設計，導航條主要是總

結著整個店鋪的商品寶貝并對其進行分類展示，用“三角形”小圖標進行分欄標

注著“首頁”、“爆款專區(qū)”、“新品推薦”、“所有寶貝”，均用華文細黑的

字體。

接著是店鋪產(chǎn)品海報區(qū)塊，將電腦產(chǎn)品的核心屬性點“引領商務潮流”的字

樣做了一個白藍色構成的立體感文字以來著重的點出，其次用灰黑色的華文中宋

字體剛硬的表明產(chǎn)品的系列名稱，“立即選購驚喜”體現(xiàn)出店鋪活動的優(yōu)惠，用

來吸引住客戶的購物欲望，促成點擊瀏覽量。

往下是店鋪優(yōu)惠券區(qū)塊，簡明大方的優(yōu)惠券用紅色矩形修飾“立即領取”可

以立刻抓住客戶的眼球，寫明所使用的要求范圍打造出營銷的氛圍，即領即用能

夠喚起客戶強烈的下單欲。

接下來就是店鋪的產(chǎn)品分類區(qū)塊，用加粗的華文隸書字體標注“爆款專

區(qū)·搶先GO！”和“新品推薦·立即查看”，一覽無遺的看到整個店鋪的產(chǎn)品

大致分類，并用“HotGoods”、“NewArrivals”加以修飾。每個分類區(qū)塊的產(chǎn)

品都有相對于的提煉賣點展示，和價格及優(yōu)惠的重點，從而增強客戶的感興趣度。

最后便是店鋪的底部，需要簡潔明了，利用小圖標和“所有寶貝”、“返回

頂部”、“收藏店鋪”進一步留住客戶，增強其瀏覽體驗。

3.2.2產(chǎn)品詳情頁1文案策劃

產(chǎn)品詳情頁的文案注重點在于產(chǎn)品的賣點提煉，對其進行總結策劃。產(chǎn)品1

14

湖南商務職業(yè)技術學院畢業(yè)設計

的主營產(chǎn)品為電腦，用“品牌旗艦店”來增加客戶的信任度，“防爆快充高效

散熱”“現(xiàn)代簡約銀色”等都是對產(chǎn)品的重要屬性概括，加粗的展示出來凸顯其

性能的智能。

對于電腦而言，輕便和功能都是一個客戶選擇的重要指標，在詳情頁中的產(chǎn)

品賣點區(qū)塊將“15微窄邊全面屏”“震撼音質享受搭配頂級音響”放大加粗

展示出來的主文案，打造出一款符合客戶要求的產(chǎn)品，緊接著就是對產(chǎn)品的功能

進行一個描述，“逼真色彩高效CPU使用上限”“指紋解鎖0.5s疾速識別”

“3檔可調背光”。

產(chǎn)品的細節(jié)區(qū)塊則是一一標注著每個細節(jié)的名稱作用。

往下則是產(chǎn)品的參數(shù)信息區(qū)塊，簡單明了的闡述出產(chǎn)品的主要信息，用“產(chǎn)

品參數(shù)COMPUTERWATCHS”作為一個分類欄的主導，再對產(chǎn)品的各個功能

信息的描述。

最后則是買家須知區(qū)塊，主要內容是為了減少客戶的擔心，內容包括著客戶

所能享受到的售后服務，“7天無理由”“3年質保”“30天免費試用”“24小

時咨詢服務”。

3.2.3產(chǎn)品詳情頁2文案策劃

產(chǎn)品2主營耳機。詳情頁開始便列出耳機的功能“BOSS體感震撼”“魔音

變聲”“炫酷LED”來直接吸引住客戶，“云佰樂智能耳機震撼音效”用漸變

和加粗來展示，體現(xiàn)出此產(chǎn)品的亮點所在，直接明了。

在產(chǎn)品賣點區(qū)塊整體與產(chǎn)品1大致相同，“HIFI音質喚醒雙耳”“12小時

持續(xù)續(xù)航持續(xù)悅動”“高端技術IP7級別防水”并且沒介紹一個功能區(qū)塊時，

都會嗲有“music”的字樣，更能突出此產(chǎn)品的作用。

產(chǎn)品細節(jié)區(qū)塊不僅僅用了細節(jié)圖片，還對細節(jié)圖進行了闡述介紹，“時尚外

觀”“折疊設計”“隔音材質”均做了放大加粗處理，以此來凸顯出產(chǎn)品的優(yōu)點

特點，激發(fā)客戶的興趣。

接著在詳情頁的產(chǎn)品參數(shù)區(qū)塊，標注著“適用設備：筆記本電腦，手機，平

板”讓客戶能知曉此款耳機的性能范圍，主標題“產(chǎn)品參數(shù)”加粗作為引導。

最后即是買家須知區(qū)塊，“售后保障”“專業(yè)服務”“專享客服”“快速響

應”搭配著相應的小圖標讓客戶更加相信店鋪的服務，更愿意去選擇店鋪的產(chǎn)品

以增加銷售量和瀏覽量。

4云佰樂數(shù)碼專營店店鋪視覺效果制作

大部分的客戶都在追求著一種視覺上的享受，根據(jù)行業(yè)性質打造出具有獨特

15

湖南商務職業(yè)技術學院畢業(yè)設計

設計理念的店鋪，來吸引住客戶的眼球，帶給他們視覺上的沖擊力，既能激發(fā)客

戶的購買欲，也能塑造好店鋪良好的口碑和形象。

4.1店鋪首頁效果圖制作

店鋪的首頁是客戶在進入店鋪后最先查看到的頁面，因此首頁的效果圖決定

了客戶能否停留瀏覽的重要要素，若客戶不滿意于店鋪首頁的效果設計則不會繼

續(xù)深入的了解店鋪的產(chǎn)品，以至于影響到店鋪的銷售量。店鋪的有效點擊區(qū)域在

1920px、95px，則所展示的信息盡可能的往中間區(qū)域集中。

4.1.1店招設計過程

店招是客戶最先看到的部分，是店鋪形象的代表。由于店鋪主營在數(shù)碼產(chǎn)品

上面，會先選擇主色調為藍色，用黑灰色作為點綴修飾，用黑色做底色，藍色線

條裝點凸顯科技感。店招首先是由logo和店鋪名稱組合成一個主整體，對于logo

的設計存在于“云”字，簡潔明了的闡述，設計理念在于希望店鋪產(chǎn)品能夠猶如

云一般“盛”，店鋪名稱則是用漸變色來設計，更加新穎美觀。右邊則是數(shù)碼產(chǎn)

品的小圖標作為點綴修飾，突出店鋪的主營類目。

店招除了logo和店鋪名稱之外，導航條也是一個不可分割的部分，使整個

店招能有一致性，導航條依舊是簡潔明了的制作，用一條直線作為與logo的分

割，三角形小圖標用為分欄，文字用白色華文隸書字體與背景色形成一個鮮明的

對比，使得其更為凸顯增添了客戶的體驗感。

云佰樂數(shù)碼專營店店鋪店招設計效果圖如圖7所示，店鋪店招制作過程圖如

圖8所示。

圖4店鋪店招設計效果圖

圖5店鋪店招制作過程圖

16

湖南商務職業(yè)技術學院畢業(yè)設計

4.1.2海報制作

海報是詮釋一個產(chǎn)品的最重要的宣傳點，海報不僅僅需要體現(xiàn)出吸引客戶眼

球的產(chǎn)品賣點，還需要凸顯出店鋪的活動優(yōu)惠，以此提高店鋪的點擊量和瀏覽量，

至此提升了銷售量。按照店鋪整體色調制作，做一個黑灰色的漸變打底色，使得

海報更加具有層次感。海報采用著左文右圖的構圖，對產(chǎn)品進行了倒映的設計更

加體現(xiàn)了高級感科技感，立體字“引領商務潮流”強調產(chǎn)品所適配于商務人士，

用“立即選購送驚喜”體現(xiàn)出店鋪的優(yōu)惠活動。海報整體還有亮星作為點綴，預

計著產(chǎn)品的閃光點，吸引住客戶的購買心理。

云佰樂數(shù)碼專營店店鋪首頁海報效果圖如圖9所示，店鋪海報制作過程圖如

圖10所示。

圖6店鋪首頁海報設計效果圖

圖7店鋪首頁海報制作過程圖

4.1.3其他區(qū)域制作

其他區(qū)域包括著優(yōu)惠券專區(qū)、爆款專區(qū)、海報、新品專區(qū)以及買家須知專區(qū)

四大板塊。

優(yōu)惠券專區(qū)主打簡潔明了，先劃分出優(yōu)惠券的區(qū)塊范圍，用黑色作為背景色

填充，將優(yōu)惠券數(shù)額依次寫明，未用任何裝飾分割，用紅色矩形搭配“點擊領取”

激發(fā)客戶的購買欲，增強了客戶的感知力。

17

湖南商務職業(yè)技術學院畢業(yè)設計

爆款專區(qū)的制作首先用科技感花紋作為背景與上方優(yōu)惠券區(qū)域進行分割，再

插入黑色色塊進行各類的分區(qū)，“爆款專區(qū)·搶先GO！”作為分區(qū)1的主標題，

將店鋪主營的爆款產(chǎn)品通過左文右圖和文字內嵌的構圖模式進行展示，其中將產(chǎn)

品的特色功能用紅色圓角矩形的邊框進行著重標注，表明價格和優(yōu)惠，使客戶能

一眼熟悉產(chǎn)品促進購買。

新品專區(qū)與爆款專區(qū)利用產(chǎn)品的海報進行了分割，對每個新品的位置都有對

稱的設計，均是一文一圖的構圖展示，同樣也是利用紅色不規(guī)則圖形標注出各個

產(chǎn)品的特點。

以上三個專區(qū)均是用黑色背景色作為分割線進行隔斷的，讓客戶能在預覽整

個頁面的時候能夠有清晰的定位。對于產(chǎn)品的特色功能方面都是用紅色底色著重

標注，從而使得客戶能迅速了解到產(chǎn)品的性能。對于對每個產(chǎn)品的闡述都是采用

著一文一圖的構思理念，更加清晰的看出不同產(chǎn)品的不同特色，進而增加客戶對

產(chǎn)品的認可度。

最后是買家須知板塊，同樣也是用黑色作為底色進行分割隔斷，利用小圖標

和白色文字更加凸顯的展示，能給客戶一個安全可靠感。

云佰樂數(shù)碼專營店店鋪其他區(qū)域設計效果圖如圖11所示，其他區(qū)域設計的

制作過程圖如圖12所示。

圖8店鋪首頁其他區(qū)域設計效果圖

18

湖南商務職業(yè)技術學院畢業(yè)設計

圖9店鋪首頁其他區(qū)域制作過程圖

4.2產(chǎn)品詳情頁1效果圖制作

產(chǎn)品詳情頁可以用來介紹產(chǎn)品信息，展示產(chǎn)品的核心優(yōu)勢賣點，提出售后服

務的保障，都是用以吸引客戶的要素重點。產(chǎn)品1主營產(chǎn)品是品牌電腦型號為酷

睿i5-5287U。

4.2.1主副圖效果圖

制作產(chǎn)品的效果圖最先制作的