好孩子文具店淘寶店鋪視覺營銷設計方案

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

目錄

1好孩子文具店淘寶店鋪概況........................................1

1.1文具類店鋪發(fā)展現(xiàn)況.........................................1

1.2店鋪現(xiàn)階段發(fā)展分析.........................................1

2好孩子文具淘寶店鋪視覺營銷分析..................................1

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

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

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

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

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

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

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

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

3好孩子文具店淘寶店鋪視覺設計....................................3

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

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

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

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

3.2文案策劃..................................................10

3.2.1店鋪首頁文案策劃....................................10

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

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

4好孩子文具店淘寶店鋪視覺效果制作...............................12

4.1店標效果圖制作............................................12

4.2店鋪首頁效果圖制作........................................12

4.2.1海報效果圖制作......................................12

4.2.2優(yōu)惠券效果圖制作....................................13

4.2.3產品分類區(qū)效果圖制作................................14

I

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

4.2.4產品展示區(qū)效果圖制作................................14

4.2.5頁尾效果圖制作......................................15

4.3產品1詳情頁效果圖制作....................................15

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

4.3.2產品1詳情頁效果圖制作..............................16

4.4產品1詳情頁效果圖制作....................................17

4.4.2主副圖效果圖制作....................................17

4.4.2產品2詳情頁效果圖制作..............................19

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

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

II

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

好孩子文具店淘寶店鋪視覺營銷設計方案

1好孩子文具店淘寶店鋪概況

好孩子文具店淘寶店鋪成立于2023年。目標客戶人群為職場人士、在校學

生、個人及家庭成員等，主要是對書寫工具、紙張本冊、桌面收納、辦公用品

等進行銷售。好孩子文具的文化傳統(tǒng)是希望每個使用本產品的顧客都能成為這

樣的人。粉絲量超過10萬，其中寶貝與描述相符4.7、賣家的服務態(tài)度4.8、物

流服務的質量4.9。

1.1文具類店鋪發(fā)展現(xiàn)況

中國文具店鋪占比情況，如圖1所示。

圖1文具用品網店商城分布情況

中國文具占比情況淘寶是占比最大的占44%，其次是拼多多占32%。

1.2店鋪現(xiàn)階段發(fā)展分析

好孩子文具店鋪現(xiàn)階段主要銷售中性筆和本冊，其次有鋼筆、文件夾、透

明膠、收納盒、訂書機等。從細分產品上來看，我國的文具行業(yè)產品主要分為

幾大部分，第一部分是紙張本冊；第二部是書寫工具；第三部分是桌面收納；

第四部分是文具用品等。

2好孩子文具淘寶店鋪視覺營銷分析

2.1競爭對手店鋪視覺分析

1

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

辦公文具行業(yè)的競爭力越來越大，面對同行的競爭，可以通過競爭者分析

來進行企業(yè)市場競爭者的分析。

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

晨光文具是一家在中國極具影響力和在文具市場占比很大的公司，他們的

業(yè)務十分廣泛，并且受眾人群也很廣例如辦公人員和學生。

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

得力文具公司的每年銷量都超過12億元，均保持著1億元的遞增，發(fā)展十

分的穩(wěn)定，也為消費者提供了售后平臺。

2.2店鋪視覺營銷定位分析

該店鋪主營辦公用品類產品，所以該店鋪的風格要符合現(xiàn)代辦公形式，該

店鋪的風格就要簡約而又不單調，色調上要給人溫暖的感覺，所以在設計首頁、

詳情頁的時候，都會以簡約為主，有裝飾修飾但視覺看出沒有違和感，整體的

色調、排版都給人舒適、溫暖的感覺。

2.2.1店鋪產品定位分析

該店鋪主要銷售的產品偏向于辦公用品和學習用品，對于消費者的定位十

分準確，針對于辦公人員和學生，辦公用品的市場消費群體龐大，購買力很可

觀，面臨的競爭會非常激烈。

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

除了在校學生，加上事業(yè)單位專業(yè)技術人員、政府機構、企業(yè)其他在職人

員，中國足足有超過4億的龐大的文化用品消費群體。所以店鋪目標客戶人群

為職場人士、在校學生、個人及家庭成員等。

2.3店鋪風格分析

該店鋪首頁的風格主要采用淡黃色的格子背景，給消費者一種俏皮可愛的

感覺，和好孩子店鋪的文化傳統(tǒng)相呼應，并且背景圖采用了各種可愛的元素加

以輔助，更加凸顯出品牌的內涵，海報圖也是采用以游戲機當背景，小朋友們

一般點進店鋪首頁都會被深深吸引，這一效果也是根據了當代孩子們喜愛打游

戲的這一性格特點所定制的，每個不同的元素都反映了當代社會的流行走向。

2

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

2.4店鋪色彩分析

該店鋪首頁的背景色彩主要采用淡黃色為主，淡橙色是暖色調，給人舒適、

溫暖的感覺，店鋪的兩張詳情頁的背景色分別采用的是黑色和藍色，黑色是與

鋼筆的顏色相似，灰色與鋼筆的不銹鋼材質的顏色相似；藍色是與筆記本的顏

色相似，采用相似顏色目的是減少眼花繚亂的感覺，并且給予消費者賞心悅目

的效果。

3好孩子文具店淘寶店鋪視覺設計

伴隨著電商的發(fā)展，網店的數(shù)量也隨之增長，店鋪間的競爭逐漸激烈化。

店鋪能不能受歡迎，很大程度上由店鋪的設計決定，消費者點開商品的時候一

般都會看詳情頁、首頁等，那如何做好詳情頁、首頁等就需要先做好版式的設

計，版式設計能影響后面效果圖的呈現(xiàn)。

3.1店鋪版式設計

在版式設計中，一個店鋪的架構設計好與壞都會影響到后面效果圖的設計，

所以在版式設計的過程中要多考慮。版式設計是現(xiàn)代設計藝術的重要組成部分，

是視覺傳達的重要手段。表面上看，它是一種關于編排的學問；實際上，它不

僅是一種技能，更實現(xiàn)了技術與藝術的高度統(tǒng)一。

首先需要明確銷售的產品及店鋪的風格；其次，要想好大概的構思，如：

空間排版、圖文布局、產品擺放等等；最后設計出版式圖。

3.1.1首頁版式設計

顧客在打開一個店鋪的時候，給顧客第一印象就是店鋪的首頁設計，所以

店鋪首頁的設計如何做到最大程度上吸引客戶，就顯得非常重要。那么有明確

的區(qū)域劃分是重要條件之一，在看一個店鋪首頁的時候往往最上面是店招、導

航，依次往下就是全屏海報區(qū)域、優(yōu)惠券區(qū)域、活動區(qū)、商品分類區(qū)、產品展

示區(qū)、頁尾區(qū)等欄目等8個區(qū)域組成。

首頁版式設計如圖2所示：

3

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

圖2首頁版式設計

店招區(qū)域主要分為兩個部分，左邊部分為店鋪LOGO，LOGO的設計是一

個可愛的文具袋里面有各種各樣的文具，這LOGO的設計很可愛，會比較吸引

小朋友們的注意力；右邊為店鋪搜索，可以在其中搜索店鋪的所有商品，便于

消費者們查找。導航區(qū)域則放在店招區(qū)域下方，按分類專區(qū)水平放置，便于消

費者挑選所需商品。

店招、導航區(qū)域版式設計如圖3所示：

圖3店招、導航區(qū)域版式設計

首頁海報區(qū)主要采用中心構圖，中間是文案和促銷語，根據所銷售的產品

類型和賣點而設計，四周是根據當代青少年所熱愛的物品所包圍著，這獨有的

設計形式可以讓瀏覽者留下深刻的印象并且可以吸引消費者的注意。

4

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

首頁海報版式設計如圖4所示：

圖4首頁海報版式設計

優(yōu)惠券設計區(qū)域整體有三部分組成，第一個是活動區(qū)域的總標題，是運用

兩個長方形疊加所做成的，有兩個文具元素所包圍，和店鋪環(huán)環(huán)相扣；第二個

是優(yōu)惠券，優(yōu)惠券是一個卷軸，是根據古代考卷所設計，卷軸內部分為上中下

三個部分，數(shù)字下面添加了“點擊領取”的文案，每張無門檻優(yōu)惠券按照相同

的間隔所隔開。整體感覺條理清晰，層次鮮明；第三個是活動區(qū)域，是運用一

本攤開的書作為背景圖，其中有兩個活動方案，是運用上中下進行排版的，和

優(yōu)惠券排版一致，其中的活動價格運用紅色字體所標記出來，讓消費者更能直

觀的注意到這一活動。

優(yōu)惠券版式設計如圖5所示：

圖5優(yōu)惠券版式設計

產品分類區(qū)域的設計比較具有獨特性，是由兩部分所構成的，第一部分是

大標題，是運用兩個長方形疊加所做成的，有兩個文具元素所包圍，和店鋪環(huán)

環(huán)相扣；第二部分是商品分類區(qū)，背景是一個黃色的便利貼，和首頁背景所匹

配，周圍也包含著各種和店鋪相符合的可愛元素，其中有四個產品區(qū)，分別是

學習用品，紙張本冊，桌面收納，辦公用品，每一個區(qū)域都含有四個相匹配的

產品，方便消費者便于查找自己所需要的商品。

產品分類區(qū)域版式設計如圖6所示：

5

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

圖6主推產品區(qū)域版式設計

產品展示區(qū)域的設計比較具有立體性，總體從上到下由兩個區(qū)域組成，第

一部分是大標題，是運用兩個長方形疊加所做成的，有兩個文具元素所包圍，

和店鋪環(huán)環(huán)相扣；第二個區(qū)域采用一張文件夾作為背景，并且加了陰影來提升

這一模塊的立體感，其中有九個產品，價格都用反差較大的紅色進行了標注，

方便消費者們進行查看，每一產品的邊框都運用黑色進行填充，并且這一模塊

的周圍都含有各種和店鋪相匹配的可愛元素，來提升店鋪的內涵。

產品展示區(qū)域版式設計如圖7所示：

圖7分類導航區(qū)域版式設計

頁尾設計是在海報的最末端，其中包含了八個部分，分別是品質保障，七

天無理由退換貨，特色服務體驗，幫助中心，購物指南，天貓保障，支付方式，

商家服務，便于消費者們轉移下一個所需要的頁面。

頁尾版式設計如圖8所示：

6

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

圖8頁尾版式設計

3.1.2產品1詳情頁版式設計

客戶在瀏覽商品的時候，最主要的是瀏覽該商品的詳情頁，詳情頁做得好，

有足夠的吸引力，客戶才更愿意買該店鋪的產品。

產品1詳情頁版式，主要包括：產品情景海報、產品賣點、產品信息、產

品展示、細節(jié)展示、支付與配送信息、售后信息等內容。。

產品1詳情頁版式設計如圖9所示：

圖9產品1詳情頁版式設計

頁頭海報的細節(jié)設計是采用了左文右圖的結構，左部分的文案主要是由產

7

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

品文案、產品賣點組成，右部分為產品的展示圖。

頁頭海報版式設計如圖10所示：

圖10頁頭海報版式設計

規(guī)格參數(shù)部分，主要是對鋼筆的各個規(guī)格所進行歸納總結，方便消費者們

查看，是運用一個矩形作為框架所進行歸納；產品賣點部分，主要由三個角度

所設計；產品展示部分，主要是為了展示鋼筆的各個角度，其中包含四個角度，

方便消費者查看；細節(jié)展示部分，分為三個框架，分別是左圖右文，右圖左文，

左圖右文，文案分別是順而不滑，柔滑觸感，鍍金筆尖。

規(guī)格參數(shù)、產品賣點、產品展示、細節(jié)展示版式設計如圖11所示：

圖11規(guī)格參數(shù)、產品賣點、產品展示、細節(jié)展示版式設計

溫馨提示設計區(qū)域主要是八個部分，分別是當天發(fā)貨，全國包郵，贈送運

費險，包退換，發(fā)票，便于消費者們。

8

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

溫馨提示版式設計如圖12所示：

圖12溫馨提示版式設計

3.1.3產品2詳情頁版式設計

產品2詳情頁版式設計主要有：產品情景海報、產品賣點、產品信息、產

品展示、細節(jié)展示、支付與配送信息、售后信息等內容。

頁頭海報采用的是產品圖片；產品信息區(qū)域主要是對產品的各種規(guī)格進行

展示，分為左、右兩個部分，左邊是產品實拍圖，右邊分別展示產品品名、風

格、元素、幅面、場景、頁數(shù)；產品賣點區(qū)域由三個賣點構成，分別是膚感面

料，親膚觸感和加厚80g紙張和加厚320頁；產品細節(jié)區(qū)域主要是左右結構，

左邊部分是產品圖的展示，右邊部分是產品相關細節(jié)的描述。產品細節(jié)設計區(qū)

域主要是交叉的左右結構。

頁頭海報、產品信息區(qū)、產品賣點區(qū)、產品細節(jié)區(qū)版式設計如圖16所示：

圖13頁頭海報、產品信息區(qū)、產品賣點區(qū)、產品細節(jié)區(qū)版式設計

產品展示設計區(qū)域是通過四宮格對齊，是由一張產品圖帶著下面四張不同

9

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

顏色的產品四宮格構成的，其中的文案分別是，陌上花開意義是春天春暖花開

和產品的粉色，星辰大海意義是漫無邊際的大海對應著產品的藍色，繁花似錦

意義是秋天萬物復蘇對應著產品的綠色，浮生若夢意義是夢幻般的夢幻紫對應

著產品的紫色；溫馨提示設計區(qū)域主要是對發(fā)貨、包郵、退換貨、運費險、發(fā)

票、團購的描述。

產品展示、溫馨提示版式設計如圖14所示：

圖14產品賣點、生活場景、溫馨提示版式設計

3.2文案策劃

3.2.1店鋪首頁文案策劃

首頁的文案設計是店鋪是否經營好的核心，首頁文案設計主要包括海報、

活動區(qū)、商品分類區(qū)、產品展示區(qū)、頁尾區(qū)這幾個區(qū)域的文案策劃。

首頁海報的文案主要集中在中間部分，首先用文本工具寫上“開學季”其

次在下方寫上迎新送豪禮，這樣給消費者一種活動力度很大的感覺并且提醒消

費者開學季到了需要進行購買文具用品；在中間寫上“滿199減59”，意思是

該店鋪銷售的產品都是可以參與此活動的，這相對于其他店鋪力度更加大，也

能讓消費者對該店鋪提高興趣；整體的文案比較單調，在文案周圍添加菱形工

具，遮住字體的部分用“蒙版”給隱藏起來，顯得更具有特色，并且在中間區(qū)

域采用了陰影，增加了立體感。

10

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

開學季活動區(qū)域由優(yōu)惠券和活動方案這兩部分構成，總體感覺更有層次。

產品分類區(qū)域有四個部分，分別是學習用品，紙張本冊，桌面收納，辦公

用品，這四組文案構成，便于消費者們進行查找。

產品展示區(qū)有9個產品，其中包含標題和價格還有已售產品數(shù)，給予消費

者一種便宜實惠并且很多人購買，讓消費者更信任本店鋪的產品。

頁尾區(qū)域是對本店鋪的服務進行總結，方便消費者們查看。

3.2.2產品1詳情頁文案策劃

詳情頁1的文案設計主要在于產品情景海報、產品賣點、產品信息、細節(jié)

展示、支付與配送信息、售后信息這幾個區(qū)域。

頁頭海報的文案設計的層次感是字體大小和粗細劃分，首先，字體最大且

相對粗點的是“經典延續(xù)，英雄國民鋼筆”，下面一部分是其賣點“私人訂制，

筆墨重燃”，字體相對小些；最后一部分是寫了鋼筆新品上市，使整體更加有

層次。

規(guī)格參數(shù)的文案設計的層次感是用字體大小和粗細區(qū)分，讓顧客有效讀取

信息。產品賣點的文案設計比較簡單，每個賣點都在產品實拍圖的周圍，清晰

分明。細節(jié)展示文案設計中采用的是左右圖文的結構，每一張圖所對應每一產

品的細節(jié)。最后的溫馨提示部分的文案設計主要是對退換貨、包郵、運費險、

發(fā)票的描述，溫馨提示的設計獲得客戶的信任，提高該店鋪的銷售率。

3.2.3產品2詳情頁文案策劃

詳情頁2的文案設計主要是在于產品賣點、產品信息、產品展示、細節(jié)展

示、支付與配送信息、售后信息這幾個部分。

規(guī)格參數(shù)的文案設計采用左圖右文的結構，讓顧客有效讀取信息；產品賣

點的文案設計比較簡單，主要是產品的描述，單個文案就顯得非常單調，通過

底層不同圖片的色彩搭配，再添加一些修飾元素，使得文案設計栩栩如生；產

品細節(jié)文案設計是采用左右圖文的結構，運用對角線所布局；產品展示區(qū)域主

要是由一張產品圖帶著下面四張不同顏色的產品四宮格構成的，其中的文案分

別是，陌上花開意義是春天春暖花開和產品的粉色，星辰大海意義是漫無邊際

的大海對應著產品的藍色，繁花似錦意義是秋天萬物復蘇對應著產品的綠色，

浮生若夢意義是夢幻般的夢幻紫對應著產品的紫色；最后的溫馨提示部分的文

案設計主要是對退換貨、包郵、運費險、發(fā)票的描述，溫馨提示的設計獲得客

戶的信任，提高該店鋪的銷售率。

11

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

4好孩子文具店淘寶店鋪視覺效果制作

4.1店標效果圖制作

店鋪的LOGO是對該店鋪品牌的認知。所以設置LOGO的時候要簡單且讓

客戶看到這個LOGO的時候就知道是該店鋪。店標包括三個部分，分為上中下

結構，其中上和下分別是店鋪的中文和拼音，中間結構采取的是一個可愛的文

具袋，文具袋里包含著各種各樣的文具，都是本店鋪所銷售的產品，和店鋪息

息相關，并且店招的可愛形象更能吸引小朋友們的注意。

店標設計效果如圖15所示：

圖15店標設計效果圖

4.2店鋪首頁效果圖制作

產品1為檔案盒的制作，是該店鋪的主要銷售的產品之一。詳情頁內容分

別有頁頭海報部分、產品展示部分、產品信息部分、細節(jié)展示部分、產品賣點

部分、適合人群部分、溫馨提示部分這七大部分組成。如圖16所示。

圖16店鋪首頁效果圖

4.2.1海報效果圖制作

12

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

首頁海報設計比較可愛，符合兒童文具的風格，整體設計屬于中心構圖法，

中間是文案的設計，周圍包圍的是該店鋪所銷售的產品或者當代年輕人最愛的

游戲機、照相機和玩具汽車等來修飾，使海報更加的豐富可愛，和小朋友們熱

愛的東西相呼應；店鋪的背景色是以淡淡的黃色為主，與該店鋪大部分的產品

的顏色相似，這樣的相似性的色彩搭配看起來更舒服一些，不會感覺到眼花繚

亂；而文案使用的是白色，顏色邊框采用的是淡藍色，與背景色有鮮明的對比，

能讓客戶一眼的就能看出該店鋪所銷售產品的類型，價格一般采取的都是統(tǒng)一

紅色，更有有強烈的對比，讓顧客能夠一眼看出產品的活動。

首頁海報效果如圖17所示：

圖17首頁海報效果圖

4.2.2優(yōu)惠券效果圖制作

優(yōu)惠券設計區(qū)域整體有三部分組成，第一個是活動區(qū)域的總標題，是運用

兩個長方形疊加所做成的，有兩個文具元素所包圍，和店鋪環(huán)環(huán)相扣；第二個

是優(yōu)惠券，優(yōu)惠券是一個卷軸，是根據古代考卷所設計，卷軸內部分為上中下

三個部分，數(shù)字下面添加了“點擊領取”的文案，每張無門檻優(yōu)惠券按照相同

的間隔所隔開。整體感覺條理清晰，層次鮮明；第三個是活動區(qū)域，是運用一

本攤開的書作為背景圖，其中有兩個活動方案，是運用上中下進行排版的，和

優(yōu)惠券排版一致，其中的活動價格運用紅色字體所標記出來，讓消費者更能直

觀的注意到這一活動。

優(yōu)惠券效果圖如圖18所示：

13

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

圖18優(yōu)惠券效果圖

4.2.3產品分類區(qū)效果圖制作

產品分類區(qū)域的設計比較具有獨特性，是由兩部分所構成的，第一部分是

大標題，是運用兩個長方形疊加所做成的，有兩個文具元素所包圍，和店鋪環(huán)

環(huán)相扣；第二部分是商品分類區(qū)，背景是一個黃色的便利貼，和首頁背景所匹

配，周圍也包含著各種和店鋪相符合的可愛元素，其中有四個產品區(qū)，分別是

學習用品，紙張本冊，桌面收納，辦公用品，每一個區(qū)域都含有四個相匹配的

產品，方便消費者便于查找自己所需要的商品。

產品分類區(qū)效果圖如圖19所示：

圖19產品分類區(qū)域效果圖

4.2.4產品展示區(qū)效果圖制作

產品展示區(qū)域的設計比較具有立體性，總體從上到下由兩個區(qū)域組成，第

一部分是大標題，是運用兩個長方形疊加所做成的，有兩個文具元素所包圍，

和店鋪環(huán)環(huán)相扣；第二個區(qū)域采用一張文件夾作為背景，并且加了陰影來提升

這一模塊的立體感，其中有九個產品，價格都用反差較大的紅色進行了標注，

方便消費者們進行查看，每一產品的邊框都運用黑色進行填充，并且這一模塊

的周圍都含有各種和店鋪相匹配的可愛元素，來提升店鋪的內涵。

產品展示區(qū)效果圖如圖20所示：

14

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

圖20產品展示區(qū)效果圖

4.2.5頁尾效果圖制作

頁尾設計是在海報的最末端，其中包含了八個部分，分別是品質保障，七

天無理由退換貨，特色服務體驗，幫助中心，購物指南，天貓保障，支付方式，

商家服務，便于消費者們轉移下一個所需要的頁面。該區(qū)域的設計是讓該店鋪

所承擔的責任，也是對消費者的承諾，真實和誠信更能讓消費者信服。

頁尾效果圖如圖21所示：

圖21頁尾效果圖

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

產品1為鋼筆的制作，是該店鋪的主要銷售的產品之一。詳情頁的主要內

容有產品情景海報、產品賣點、產品信息、產品展示、細節(jié)展示、支付與配送

信息、售后信息這七大部分組成。

4.3.1主副圖效果圖制作

主圖的設計背景色為白色，整體分為三部分，左上方是店鋪LOGO。中間

的顏色為白色主要是產品展示，放置在平面上，再加點陰影，突出了立體的感

覺；主圖下方是價格和活動，價格部分用灰色矩形框包圍，字體為白色，數(shù)字

的字體相對大些，再加上陰影的烘托，更有立體感，讓消費者感覺真實。

產品1主圖設計效果圖如圖22所示：

15

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

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

副圖1、副圖2、副圖3分為三部分，背景色以白顏色為主。左上方是該店

鋪的LOGO，中間是產品的展示，下方則是賣點闡述；整體的設計非常簡約，

但是整體效果看來比較和諧、舒適、大方。

產品2的副圖效果圖如圖23圖24圖25所示：

圖23產品2副圖1效果圖

圖24產品2副圖2效果圖

圖25產品2副圖3效果圖

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

詳情頁的主要內容有產品情景海報、產品賣點、產品信息、產品展示、細

16

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

節(jié)展示、支付與配送信息、售后信息這七大部分組成。

產品1主圖設計效果圖如圖26所示：

17

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

圖26產品1詳情頁效果圖

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

詳情頁2與詳情頁1大致相似，除了某些區(qū)域的排版不同。詳情頁2背景

色是以藍色為主，與產品筆記本顏色相似。

4.4.2主副圖效果圖制作

主圖的設計背景色為藍色，整體分為三部分，左上方是店鋪LOGO。中間

的顏色為藍色主要是產品展示，放置在桌面上，再加點陰影，突出了立體的感

覺；主圖下方是價格和活動，價格部分用紅色矩形框包圍，字體為白色，數(shù)字

的字體相對大些，再加上陰影的烘托，更有立體感，讓消費者感覺真實。

產品2主圖設計效果圖如圖27所示：

18

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

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

副圖1、副圖2、副圖3分為三部分，背景色以糖果色為主。圖片是產品的

展示，旁邊則是賣點闡述；整體的設計非常簡約，但是整體效果看來比較和諧、

舒適、大方。

產品2的副圖效果圖如圖28、圖29、圖30所示：