湖南商務職業技術學院畢業設計

目錄

1云佰樂數碼專營淘寶店鋪概況..........................................1

1.1數碼類淘寶店鋪發展現狀........................................1

1.2云佰樂數碼專營淘寶店鋪現狀....................................2

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

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

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

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

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

2.2.1店鋪產品定位分析.........................................8

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

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

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

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

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

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

3.1.2產品詳情頁1版式設計....................................11

3.1.3產品詳情頁2版式設計....................................13

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

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

3.2.2產品詳情頁1文案策劃....................................14

3.2.3產品詳情頁2文案策劃....................................15

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

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

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

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

4.1.3其他區域制作............................................17

I

湖南商務職業技術學院畢業設計

4.2產品詳情頁1效果圖制作.......................................19

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

4.2.2產品詳情頁1效果圖......................................20

4.3產品詳情頁2效果圖制作.......................................24

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

4.3.2產品詳情頁2效果圖......................................25

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

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

II

湖南商務職業技術學院畢業設計

云佰樂數碼專營店視覺營銷設計方案

1云佰樂數碼專營店鋪概況

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

麓區天頂街道335號，經營范圍包括電腦、耳機、手機等數碼產品及其數碼配件。

本店是一家專業專營數碼店鋪，擁有專業的服務團隊，本著顧客第一、誠信經營、

秉承優質的服務理念，建有完善的技術管理與質量保證體系，以多種經營特色產

品經營部的實力雄厚贏得廣大客戶的信任，用產業化發展的思路服務于社會和用

戶。

1.1數碼類淘寶店鋪發展現狀

隨著互聯網的快速發展以及上網的大眾不斷增多，網絡購物已經成了當今熱

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

網購的市場規模也在逐漸增長和飛速發展，同時互聯網的銷售方式也在慢慢的趨

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

數碼產品與互聯網密不可分，隨著互聯網5G的普及越來越廣泛對于數碼產

品的需求也在增多，科技的不斷發展也對數碼產品有著更高質量的要求，其消費

者也在年輕人內居多。

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

等電子產品市場規模快速增長，由于我國的居民消費水平逐漸提升對電子商品的

要求也在逐漸增強，根據中商情報網訊的數據如圖1所示，電子商品的消費市場

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

恢復，消費電子市場規模將持續增大。

圖1中國消費電子行業市場規模預測趨勢

1

湖南商務職業技術學院畢業設計

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

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

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

400-600之間幾乎都是趨近于平穩狀態數值沒有太大的波動；第三個階段處于疫

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

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

圖2百度指數搜索關鍵詞“數碼”的數據分析

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

技術創新升級導致電子消費市場需求活躍起來，互聯網的app例如抖音、快手等

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

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

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

1.2云佰樂數碼專營店鋪現狀

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

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

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

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

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

以隨機贈送電子產品小配件；在活動期間發放優惠券根據不同的購買金額設置優

惠券的大小。

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

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

2

湖南商務職業技術學院畢業設計

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

2云佰樂數碼專營店鋪視覺營銷分析

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

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

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

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

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

2.1競爭對手分析

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

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

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

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

和競品的選擇。

2.1.1競爭對手店鋪1

對于數碼產品行業其主要的競爭對手之一是onezero美承數碼旗艦店。店鋪

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

應用方案集成商。店鋪的網址，店鋪DSR動態評分為

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

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

調以白、黑色為主。

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

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

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

效果

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

版塊

優點：店招的logo具

有設計感更吸引客戶，

店招和

點出主要銷售類目為

海報

蘋果產品，海報與導

航條主要都是以黑色

3

湖南商務職業技術學院畢業設計

為主體現了科技感。

缺點：未放置熱銷品

的圖片以及其鏈接，

對此減少了點擊量。

優點：頁面簡約大氣，

店內商品的品類做出

了嚴格的分類并陳列

出來銷量高的產品，

設置了搶購鏈接，更

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

列區對店鋪的商品一目了

然。

缺點：未能突出每個

類目的商品的特點和

賣點。

優點：設置了跳轉回

首頁頂部的鏈接。

底部缺點：未加入商品分

類板塊的鏈接。

優點：標明活動價和

活動贈品吸引消費者。

缺點：主副圖的配圖

主副圖

比較單調，缺少配圖

的文案。

4

湖南商務職業技術學院畢業設計

優點：列出了產品所

附帶的贈品以及消費

者客戶能享受的服務

待遇，提供了產品的

證書和工廠照片更加

能說服客戶，陳列出

產品的詳細參數和注

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

客戶的眼球。

缺點：缺少產品的細

節圖板塊以及細分賣

點板塊。

2.1.2競爭對手店鋪2

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

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

平均水平高10.05%，賣家的服務態度評分為4.9分，比同行業平均水平高44.56%，

物流服務的質量評分為4.9分，比同行業平均水平高40.4%，店鋪的網址是

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

5

湖南商務職業技術學院畢業設計

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

適感。

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

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

效果

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

版塊

優點：海報的色彩與

耳機外觀和名字相呼

應加上花的點綴吸引

了消費者的目光，店

店招和

招陳列出熱銷品鏈接

海報

更加方便客戶定位店

鋪銷售的商品。

缺點：未設置搜索框，

店鋪logo不夠亮眼。

優點：設置了王牌爆

款板塊，商品的陳列

圖設計色彩幾乎都是

同一個溫暖色系，整

體看上去會增添客戶

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

列區商品的價格及其鏈接

會更加明眼。

缺點：未能將產品的

細節和賣點突出來，

缺少店鋪活動的氛圍

感。

優點：突出了品牌

首頁

缺點：未設置返回頂

底部

部的部分。

6

湖南商務職業技術學院畢業設計

優點：主圖價格設計

部分凸顯出活動的優

惠力度，主副圖都突

主副圖出了產品的特點賣點

更加吸引客戶。

缺點：缺少產品細節

圖和參數。

優點：有兩款商品的

對比參數板塊，產品

實拍板塊以及賣點特

點板塊，設計了產品

上身的效果圖板塊，

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

體色彩也是和商品款

式顏色相融合搭配。

缺點：擁有實拍板塊

但是未放入產品的細

節圖。

7

湖南商務職業技術學院畢業設計

2.2店鋪視覺營銷定位分析

隨著電商在商業行業發展的越來越深入，可以發現網店不再是單單的陳列出

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

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

的交易。

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

2.2.1店鋪產品定位分析

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

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

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

（1）產品特點

店鋪主要先尋求產品的功能核心分析消費者的需求，挖掘潛在的產品的商業

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

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

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

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

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

8

湖南商務職業技術學院畢業設計

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

（2）市場分析

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

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

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

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

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

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

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

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

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

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

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

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

求從而促進了下單。

2.3店鋪風格分析

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

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

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

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

圖配上產品的細節圖以及突出產品的特點的文案，打造出店鋪的獨特風格。

9

湖南商務職業技術學院畢業設計

2.4店鋪色彩分析

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

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

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

灰色的配色科技感，這個色彩搭配也是電子產品類中比較經典的客戶會更有熟悉

感和認同感。

店鋪店招logo部分也是用藍色制作，店招用黑色和科技感線條做搭配襯托，

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

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

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

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

3云佰樂數碼專營店鋪視覺設計

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

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

出產品的優點供消費者客戶的查看。首先對店鋪的裝修設計做出一個簡單的色彩

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

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

3.1店鋪版式設計

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

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

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

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

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

明，曬出好評和產品的細節圖來增加客戶對店鋪的信任感。

3.1.1首頁版式設計

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

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

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

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

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

10

湖南商務職業技術學院畢業設計

作設計。

接下去就是展示店鋪主推產品的海報，以此來凸顯出店鋪的核心產品和優惠

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

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

1920px×500px，采用了左文右圖的構圖方式，提取產品的優點以及店鋪優惠作

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

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

店鋪的活動優惠穿插在產品展示鏈接里，讓客戶能很清晰的看出自己需要的產品

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

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

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

戶。

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

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

3.1.2產品詳情頁1版式設計

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

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

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

11

湖南商務職業技術學院畢業設計

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

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

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

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

查看產品圖的同時能夠看出其性能優點，以此更為直觀明了的選擇自己所需要所

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

搭配，彰顯電子數碼的莊重感。

產品詳情頁1版式設計草圖如圖5所示。

圖2產品詳情頁1版式設計草圖

12

湖南商務職業技術學院畢業設計

3.1.3產品詳情頁2版式設計

店鋪主營數碼，所主推的另一個產品則是智能耳機，對于同一類型的產品在

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

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

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

文案內嵌的方式，在細節展示板塊中穿插著對產品的細節的介紹文案，將產品的

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

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

調的背景下凸顯出來。

產品詳情頁2版式設計草圖如圖6所示。

圖3產品詳情頁2版式設計草圖

13

湖南商務職業技術學院畢業設計

3.2店鋪文案策劃

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

所周知，一個好的產品不僅僅在于性能，還需要一個創新性的文案作為宣傳的中

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

客戶的眼球。

3.2.1首頁文案策劃

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

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

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

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

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

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

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

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

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

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

字體。

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

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

字體剛硬的表明產品的系列名稱，“立即選購驚喜”體現出店鋪活動的優惠，用

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

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

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

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

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

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

大致分類，并用“HotGoods”、“NewArrivals”加以修飾。每個分類區塊的產

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

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

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

3.2.2產品詳情頁1文案策劃

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

14

湖南商務職業技術學院畢業設計

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

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

性能的智能。

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

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

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

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

“3檔可調背光”。

產品的細節區塊則是一一標注著每個細節的名稱作用。

往下則是產品的參數信息區塊，簡單明了的闡述出產品的主要信息，用“產

品參數COMPUTERWATCHS”作為一個分類欄的主導，再對產品的各個功能

信息的描述。

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

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

時咨詢服務”。

3.2.3產品詳情頁2文案策劃

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

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

和加粗來展示，體現出此產品的亮點所在，直接明了。

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

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

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

產品細節區塊不僅僅用了細節圖片，還對細節圖進行了闡述介紹，“時尚外

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

特點，激發客戶的興趣。

接著在詳情頁的產品參數區塊，標注著“適用設備：筆記本電腦，手機，平

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

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

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

以增加銷售量和瀏覽量。

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

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

15

湖南商務職業技術學院畢業設計

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

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

4.1店鋪首頁效果圖制作

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

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

續深入的了解店鋪的產品，以至于影響到店鋪的銷售量。店鋪的有效點擊區域在

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

4.1.1店招設計過程

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

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

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

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

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

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

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

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

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

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

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

圖8所示。

圖4店鋪店招設計效果圖

圖5店鋪店招制作過程圖

16

湖南商務職業技術學院畢業設計

4.1.2海報制作

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

球的產品賣點，還需要凸顯出店鋪的活動優惠，以此提高店鋪的點擊量和瀏覽量，

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

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

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

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

計著產品的閃光點，吸引住客戶的購買心理。

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

圖10所示。

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

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

4.1.3其他區域制作

其他區域包括著優惠券專區、爆款專區、海報、新品專區以及買家須知專區

四大板塊。

優惠券專區主打簡潔明了，先劃分出優惠券的區塊范圍，用黑色作為背景色

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

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

17

湖南商務職業技術學院畢業設計

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

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

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

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

一眼熟悉產品促進購買。

新品專區與爆款專區利用產品的海報進行了分割，對每個新品的位置都有對

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

產品的特點。

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

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

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

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

產品的認可度。

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

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

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

制作過程圖如圖12所示。

圖8店鋪首頁其他區域設計效果圖

18

湖南商務職業技術學院畢業設計

圖9店鋪首頁其他區域制作過程圖

4.2產品詳情頁1效果圖制作

產品詳情頁可以用來介紹產品信息，展示產品的核心優勢賣點，提出售后服

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

睿i5-5287U。

4.2.1主副圖效果圖

制作產品的效果圖最先制作的