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

目錄

1五木服裝淘寶店鋪概況............................................................................................1

1.1服裝類淘寶店鋪發展現狀..............................................................................1

1.2五木服裝淘寶店鋪現狀..................................................................................1

2五木服裝淘寶店鋪視覺營銷分析............................................................................2

2.1競爭對手店鋪視覺分析..................................................................................2

2.1.1競爭對手店鋪1視覺分析.....................................................................2

2.1.2競爭對手店鋪2視覺分析.....................................................................3

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

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

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

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

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

3五木服裝淘寶店鋪視覺設計....................................................................................4

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

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

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

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

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

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

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

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

4五木服裝淘寶店鋪視覺效果制作............................................................................9

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

4.1.1店標效果圖制作..................................................................................10

4.1.2海報效果圖制作..................................................................................10

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

I

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

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

4.2.1主副圖效果圖制作..............................................................................12

4.2.2產品1詳情頁效果圖制作...................................................................14

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

4.3.1主副圖效果圖制作..............................................................................16

4.3.2產品2詳情頁效果圖制作...................................................................17

5總結..........................................................................................................................20

參考資料.....................................................................................................................21

II

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

五木服裝淘寶店鋪視覺營銷設計方案

1五木服裝淘寶店鋪概況

五木服裝成立于2021年創立的原創國潮品牌。五木源自“五木思酒酣迸五

木，脫帽呼輸嬴”古詩詞靈感，秉承以簡約實用為基礎的品牌設計理念。推陳

出新，只為更好的匠人精神。

1.1服裝類淘寶店鋪發展現狀

如今，由于網購優惠的價格和便捷快捷的服務，網購越來越成為大眾的消

費行為，網購市場的巨大潛力讓眾多品牌企業有轉色。傳統服裝行業在網絡的

新銷售渠道中得到了發展。服裝是在線上最快，規模最大，最成熟的行業。目

前，它仍保持快速增長，交易數量同比增長超過30%。服裝具有非常明顯的季

末特征，每年的第一、第四季度是銷售旺季，第二、三季度是淡季。光棍節對

服裝行業的影響越來越重要。

圖1淘寶店鋪服裝店總數

有數據顯示，在當今社會女性個人消費中，服裝類消費趨勢在直線上升，

越來越多的男女性追求的服裝不僅僅是低價，而是時尚、潮流、有風格，更加

積極展現自己的特點。以下幾家尤為名列前茅：

圖22020-2022年服裝店鋪排行榜

1.2五木服裝淘寶店鋪現狀

五木服裝店鋪現階段主要銷售衣服和褲子，其次有鞋子、首飾、裝飾件、

等。從細分產品上來看，我國的服裝行業產品主要有衣服、及褲子其中占整個

1

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

服裝行業市場比重最高的是衣服，其次就是褲子。

2五木服裝淘寶店鋪視覺營銷分析

店鋪走的是一個年輕潮流時尚風格，首頁和詳情頁都是偏向年、酷炫，通

過視覺的沖擊和審美視覺感觀提高顧客潛在的興趣，達到產品或服務的推廣。

2.1競爭對手店鋪視覺分析

視覺營銷是企業/品牌的市場定位、產品信息、服務理念和企業品牌的內在

文化、精神理念是用視覺化、形象的視覺語言，通過展示與陳列等手段，實現

與消費者的無聲溝通，從而達到促進商品銷售、樹立企業/品牌形象的目的。同

行是最好的前輩，那么可以從競爭對手店鋪的視覺分析中收獲很多。

2.1.1競爭對手店鋪1視覺分析

競爭對手的店鋪1采用了深色為主，搭配了明黃色。顏色搭配主要取自衣

服顏色的搭配，深色比較穩重，配上黃色，又顯得很活潑、青春。在明顯的地

方放上了店鋪活動和折扣優惠，讓消費者一眼能簡單明了。

圖3競店1視覺效果

2

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

2.1.2競爭對手店鋪2視覺分析

競爭對手的店鋪2整體顏色為綠色和青色的漸變，風格清新且時尚。豎版

Banner非常大氣，然后是優惠券，之后是一個店鋪產品分類，整齊規劃井然有

序，文案的搭配和拜訪也很合理，值得借鑒。

圖4競店2視覺效果

2.2店鋪視覺營銷定位分析

五木服裝店鋪經營的是年輕男女性的服裝。這類人群月收入不是很高，愛

美麗帥氣，追求潮流，喜歡舒適但又具有獨特特點的服裝。店鋪在視覺上面可

以使用潮流復雜的色彩搭配為主，以紅色作為整個店鋪的主色紅色象征著熱情

自由符合年輕人定位，其他淺藍紫色系色彩為輔，讓消費者感到煥然一新。在

視覺效果應以賽博朋克故障風的色彩突出店鋪風格，給消費者潮流時尚不同的

感受。在視覺營銷上面，整個頁面應該以潮流為主，重點突出產品和產品優勢，

將消費者目光集中于產品本身上面，吸引消費者購買，提高店鋪轉化率和和購

買率。

3

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

2.2.1店鋪產品定位分析

店鋪主要銷售的產品是外套鞋類。從數據分析看出T恤、鞋和褲子的銷售

量排列前茅，這類用品不僅日常所需，而且也價格便宜，面對的銷售群體也大。

面對學生，上班族都是不錯的選擇。

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

店鋪消費者人群主要面對的是學生年輕人，他們追求時尚、青春、活力，

在意服裝的時尚潮流感，但由于他們沒有收入，因此對產品的性價比也非常在

意。

2.3店鋪風格分析

店鋪主營的是服裝類，根據人群畫像的分析，主要人群是大部分的年輕人，

對生活情調有一定要求的人，所以店鋪風格一定要符合年輕人的審美，以潮流、

國風、陽光、時尚為核心進行店鋪風格設計，因此在店鋪視覺設計時增加了很

多線條、燈光等元素，營造一種前衛時尚的機器故障風格。

2.4店鋪色彩分析

五木服裝店鋪的顏色主要是紅紫藍色，粉色和黑色為輔色。紅色給人一種

朝氣蓬勃喜慶陽光時尚的感覺，而紫色藍色則顯得雅致、性感，高檔。結合顯

得整個頁面都很鮮活，帶給消費者平靜輕松之感。

3五木服裝淘寶店鋪視覺設計

店鋪首頁主要顏色為藍色紅色，藍色代表科技潮流，紅色代表陽光時尚，

結合藍紅加了一些故障風格更突出潮流個性。

3.1店鋪版式設計

淘寶版式設計原理點在版面設計中的運用--聚焦視覺，吸引顧客關注的焦

點.所謂點即細小的形，點的感覺是相對的，是相對于其他元素的比例而言的，

而不是由自身大小決定的，是由形狀、大小、方向、位置等形式構成的。點的

凝聚和擴散的排列組合，帶給人們不同的心理感受。

4

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

3.1.1首頁版式設計

首頁展示內容布局；網站首頁內容豐富度；網站頁面美化設計；網站首頁

展示效果圖需要展示標語設計和logo設計首頁新聞廣告放置位置和首頁友情鏈

接，版權放置形勢。

首頁海報區采用了常見的對稱構圖法，一邊產品展示，一邊海報文案，文

案與產品放大，視覺上更加直觀的突出買點與核心點。

活動區域主要的內容是優惠券的滿減活動與收藏店鋪的引導按鈕，階段式

的優惠券讓消費者的消費力提高有所幫助。活動區域主要的內容是優惠券的滿

減活動與收藏店鋪的引導按鈕，階段式的優惠券讓消費者的消費力提高有所幫

助。如圖5所示。

圖5首頁版式草圖

5

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

3.1.2產品1詳情頁版式設計

詳情頁是非常重要的一個部分，當消費可以選擇看到詳情頁的時候已然說

明該用戶的意向是非常的大了，那么一個詳情頁的排版影響到了整體的轉化率。

產品1是店里爆款的運動長袖，以衣服藍色為主白色為輔banner展示產品

的模特穿著效果搭配合適的文案勾起購買者欲望，然后就是優惠券，沒有人是

不想省錢的，抓住消費者的一個心理從而去促進消費者購買，之后可以放上一

些店里爆款推薦新品推薦之類的，讓消費者更好的去了解店里其他產品挑選出

自己喜歡的產品，之后要放上產品信息和細節，讓對這款產品有意向的消費者

更好的了解，明白產品的效果。最后模特搭配展示讓消費者跟能直觀的了解產

品的上身效果，服務說明能讓消費者更加大膽放心購買。

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

6

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

圖6產品1詳情頁版式草圖

7

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

3.1.3產品2詳情頁版式設計

產品2外套是店鋪爆款產品之一。詳情頁版式主要包括：首頁banner，產

品買點區，適合人群區，產品信息區，產品細節區，產品展示區，溫馨提示區

域七個區域。

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

圖7產品2詳情頁版式草圖

8

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

3.2店鋪文案策劃

3.2.1首頁文案策劃

首頁的文案潮者先行全場不只是五折買二送一，文案考慮到一個店鋪的風

格和模特的走向而定，活動文案根據店鋪活動所添加設置，之后就是五大新品

預定，在這個新品板塊放上店里的五個有前途的新品，再對文案進行細節化使

它更好的融入背景風格，副文案放上了雙十一特惠熱賣爆款，雙十一的優惠活

動是非常大的，這樣更好的吸引消費者眼球，然后就是人氣尖貨精選潮fun單

品，漢字和英語的組合更加時尚。

3.2.2產品1詳情頁文案策劃

產品1是一款藍色的潮流外套文案圍繞產品活動以及風格顏色去策劃，用

到了產品色藍色為主色，文案型款春裝潮流來襲吸引消費者購買欲望，然后就

是一個描述模特產品的一段小文章，含義是讓消費者覺得這個產品有故事深意，

然后記過產品的基本信息就是產品詳情了，這里的文案需要貼合產品，然后就

是一些對產品描述的文案了，中規中矩，值得注意的是產品描述的文案不可弄

虛作假。然后就是售后保障文案效果是讓消費者知道這個流程和放心購買。

3.2.3產品2詳情頁文案策劃

產品2是一件紅色的外套，文案搭配大體不規則的英文放在產品下面，精

選fun單品，運用到了首頁文案使畫面更顯生動時尚，之后就是產品2的信息，

信息圖文不可太大也不能太小，要讓消費者簡單明了的清楚產品的信息，之后

就是產品的面料描述，文案不可太多，太多的漢字消費者是沒有耐心看完，只

用了兩行字，因為字比較少可以適當的把字體放大一點突出文案。一些重點文

案可以用主演色點綴不至于文案太過單調，也能突出文案。

4五木服裝淘寶店鋪視覺效果制作

4.1店鋪首頁效果圖制作

店鋪首頁效果圖是一個店鋪的排面，既要突出產品的買點和文案也要分析

消費者人群。根據模特的穿著打扮以及風格去定義，可以看見模特比較潮流時

尚，所以首頁效果可以做成動感風和故障風格，以及頁面可以加入一些動感元

素使畫面不單調，先扣出模特，復制一個模特圖層通道選擇一個顏色然后在選

9

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

擇動感模糊看效果選擇數值，調完后放在主模特下面，再添加一些小元素，動

感風就制作完成了。

4.1.1店標效果圖制作

店鋪LOGO要體現出品牌與眾不同的特點，店標的首要任務就是向消費者傳

達信息,最終目的是讓消費者記住自己的淘寶網店,使淘寶網店區別于其他淘寶

網店。店名為五木，logo設計為一黑一白方塊簡約而不簡單，logo設計不宜太

雜亂復雜，不然給人一種輕浮不靠譜的感覺，所以盡量做簡約一點。

店招設計效果圖如圖8所示。

圖8店標設計效果圖

4.1.2海報效果圖制作

首頁海報是店鋪首頁的一個臉面，海報的好壞決定訪客量和點擊率。店鋪

海報采用藍紫色為主色，黑白為輔助色。裝飾使用了一個淘寶天貓漸變的裝飾，

和故障風格的手法體現出海報的高級個性感，文案也采用了故障風格，配上文

案的潮者先行和首頁像呼應，給人一種整體協調不突兀的感覺。首頁海報效果

如圖9所示。

圖9海報設計效果圖

10

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

4.1.3其他區域制作

在之后我們在下面擺放了店鋪優惠券，背景色為藍色和紫色，機器故障風格，

以及裝飾科技感的線條，讓整個設計變得有層次感且充滿活力。產品分類區分

為四個部分：外套類、毛衣類、裙褲、棉衣。每個部分都會有相對應的標志圖，

構圖為橫向分布，整體設計時尚簡潔。主推產品區設計仿真淘寶購買頁面，主

要是以圖與價格放大為主，標題為輔助工具。一排單列的金典排版方式。尾頁

部分背景顏色選用了藍紅紫色，能與前一個區域分離除了，且對應了產品風格。

其他區域效果圖如圖10所示。

圖10其他區域效果圖

11

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

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

詳情頁整體設計色彩較為簡約，紅色系，風格潮流時尚，讓整體效果看起

來生機勃勃。制作的時候選出一張模特圖放大處理但不能過于模糊，放大后放

在主模特圖層的下面當背景，進行一個飽和度的調整，使它突出主圖模特，再

用工具畫一個長方形填充藍色，把主模特填充到藍色長方體中，然后再合適的

地方配上文案再對畫面一個整體的細節處理色彩處理。

4.2.1主副圖效果圖制作

主圖自然是五張圖片中點擊率最高的那一張，并且要能突出主打的賣點，

其他三張主要展示產品的細節、顏色等。現在購物大多是利用零碎時間進行購

買，越來越少的人愿意去看商品詳情頁，因此，淘寶后三張圖片其實就是詳情

頁的一個縮影，其功能是吸引客戶的注意力，使產品從搜索結果中脫穎而出，

讓客戶更快地找到他們想要的產品。制作的時候根據模特找到背景素材，然后

用蒙版保留需要的部分和擦拭不需要的部分，再對背景一個調色使它跟真個畫

面融合，放上跟背景相符的模特進行一些處理，再用鋼筆和矩形工具制作出自

己想要的元素，再擺上文案優化一些細節。

產品1主圖設計效果圖如圖11所示。

圖11產品1主圖設計效果圖

然后是產品1的副圖，三張副圖都使用了產品細節和模特上身效果圖，滿

足消費者想更多了解產品的想法。作用是從各個角度展示商品，可以在里面查

12

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

看產品的功能和屬性，確定是否是你想要的，相當于從超市的貨架上拿起一件

商品，查看它的包裝，瀏覽包裝盒上的信息，確認商品是否是需要的。

產品1副圖設計效果圖如圖12所示。

圖12產品1副圖設計效果

13

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

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

產品1是藍色外套，文案和裝飾根據它產品本身去設計，主色為藍色背景

采用調暗模特為背景更加突出主題產品和文案，模特展示也是如此調暗兩側模

特，突出中間主模特，吸引消費者眼球。之后就是產品的信息尺碼模特展示和

配送服務，中規中矩不需要太花里胡哨，詳情頁最重要的功能是讓顧客了解產

品的詳情，所以效果圖和文案都比較偏大眾化。制作的時候選出一張模特圖放

大處理但不能過于模糊，放大后放在主模特圖層的下面當背景，進行一個飽和

度的調整，使它突出主圖模特，再用工具畫一個長方形填充藍色，把主模特填

充到藍色長方體中，然后再合適的地方配上文案再對畫面一個整體的細節處理

色彩處理。之后的畫面也是根據banner的一個風格去制作，相對簡單但需要把

握一個用戶體驗和良好的視覺效果。

產品1詳情頁設計效果圖如圖13所示。

14

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

圖13產品1詳情頁設計效果圖

15

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

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

產品2詳情頁是店鋪爆款外套，外套為紅色，詳情頁也用紅色為主顏色，

和產品相呼應。大體的設計英文當背景，透露出高端的氣息，把想要的英文打

上，字號調大，網上下毛筆筆觸拼接在英文上即可，顏色方面也是采用了一個

和產品相同的顏色為主色點，紅色給人一種陽光時尚性感喜慶的感覺，非常符

合我們這款產品和模特。

4.3.1主副圖效果圖制作

產品2主圖主要用到紅藍色漸變，在漸變區域設計活動文案，和產品顏色

相呼應。左上角放上精心制作的logo，白色的背景能讓主題更突出，讓消費者

能快速看到自己想要看到的和了解的。

產品2主圖設計效果圖如圖14所示。

圖14產品2主圖設計效果圖

接然后是產品2的副圖，副圖主要采用了產品的全面展示以及細節圖，方

便消費者更全面的了解更好的清楚是不是自己所適合需要的，正面圖背面圖和

細節放大圖缺一不可，讓消費者全面了解這款產品的樣式。

16

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