淘寶女裝店鋪首頁圖片設計方案

『壹』 淘寶店鋪裝修首頁怎麼設計

在裝修之前，首先 要看你的店鋪屬於哪個版本的，如果是基礎版，可修改的內容與許可權不大，店鋪變化受到限制；專業版則能提供較大的自由裝修空間；
首先，要布局劃分籌備工作，可以將首頁劃分為店招，海報，產品寶貝，頁尾
整個首頁可分為主體部分和背景，主體部分的寬度根據店鋪性質的不同而有著差異
接下來是全屏店招製作，全屏海報製作，寶貝的切片和頁尾的製作，基本就可以完成一個自定義的首頁
靈貓電商 提醒你在裝修的過程中一定要有足夠的耐心，這樣才能確保裝修的質量

『貳』 淘寶店鋪首頁大圖該怎麼設置

1、登錄賣家工作台。

2、點擊店鋪管理。

3、點擊店鋪裝修。

4、點擊PC端。

5、滑鼠放置首頁上。

6、點擊裝修頁面。

7、進入店鋪裝修頁面。

8、點擊1920。

9、滑鼠拖動全屏寬圖。

10、全屏寬圖拖動到右側松開滑鼠。

11、全屏寬圖模塊添加完成。

12、滑鼠放置模塊上點擊編輯。

13、進入全屏寬圖設置頁面。

14、點擊圖片標識。

15、圖片空間選擇圖片。

16、圖片添加成功點擊右側連接標識。

17、點擊寶貝選擇連接寶貝。

18、點擊保存。

19、添加完成點擊發布站點立即發布。

（20）發布成功。

這樣就解決了淘寶店鋪首頁大圖設置的問題了。

『叄』 淘寶店鋪裝修方案怎麼寫

你好題主！淘寶裝修包含風格

一、店麵店鋪logo設計方案

店鋪logo是做為自身店面的標示，等同於店面的店面，對外開放意味著的是店面的全部外在品牌形象，因而，店標底設計方案要可以反映店面運營的內容、自身的個性化，而且要可以給消費者留有優良的危害，吸引住大家的目光。

二、店面的店鋪招牌設計裝修

針對店鋪招牌的設計裝修，店家們要從全部店面的設計風格款式來考慮到製做，能夠製做成flash的，那樣的實際效果可以動態性、立體式的展現運營的商品。

三、店面商品歸類設計裝修

店家們一般運營的商品有很多不一樣的種類，有的店家還運營不一樣類型的商品，此刻就規定在設計裝修的情況下搞好商品歸類了，同一商品的不一樣系列產品，不一樣商品的網頁頁面必須詳盡的搞好歸類，那樣才可以吸引客戶，層面客戶檢索商品，提高客戶體驗。

四、店鋪介紹

店面鋪公示便是店家們把自己全新的優惠促銷、營銷商品、貼心服務開展濃縮起來展現給消費者，能夠濃縮在照片上或是文本上，要放到店面醒目部位，一般放到店面的右上方來展現給消費者。店鋪介紹的設計裝修十分關鍵，運用公示營銷推廣也是店家們常見的營銷方式之一。

店面裝修設計方案的內容包含模版、背景顏色、主題風格色、商品界面設計等內容，一個淘寶網店是不是能給店家們產生非常好的目標消費群體，店鋪的裝修設計方案可以危害大家的選購個人行為。

淘寶網店室內裝修涉及到的范疇很廣，闊包含了許多 層面，

因此 許多 的淘寶賣家們對於此事覺得很頭痛，不清楚如何去室內裝修比較好，提議諸位淘寶賣家們效仿一下出色的淘寶店鋪裝修設計風格哦。

『肆』 淘寶店鋪裝修首頁的時候主要包含哪些模塊

淘寶店鋪裝修首頁的時候主要包含店招設計、淘寶店鋪店標設計等模塊。

店招的位置出現在每一個頁面的上方，買家通過搜索進入詳情頁，首先看到的也是店招，第一眼印象的判斷，包含了店鋪商品、店鋪品牌、店鋪價位等重要信息，對買家是否選擇進入店鋪首頁瀏覽其他商品起到了一定的作用。

淘寶店鋪店標，就是品牌專營店一般會沿用商品品牌標志也就是LOGO，或為網店重新設計與品牌標志相符的標識，以達到延續利用品牌效應的效果。

(4)淘寶女裝店鋪首頁圖片設計方案擴展閱讀

淘寶店鋪裝修的注意點：

1、店招一定要凸顯品牌的特性，讓客戶很容易就清楚自己主打產品，包括風格，品牌文化等等！

2、視覺重點不宜過多，多了會給店招造成壓力，要根據店鋪現階段的情況來分析，如果現階段是做大促，可以著重突出促銷信息。

3、整體風格要與店內產品統一。

4、 顏色不要復雜，顏色一定要保持整潔性。

5、如果店招里有季節的要素，需要根據季節及時更換。比如女裝店要注意隨著季節變化及時調整，不要放置過季服裝在店招上。

『伍』 淘寶店鋪首頁大圖該怎麼設置

淘寶店鋪首頁大圖設置步驟如下：

1、進入淘寶店鋪裝修頁面，首先登陸淘寶網，可以用戶名、密碼登陸，也可以手機掃碼登陸：

其中平鋪指的是一個背景圖片無限重復的充滿整個背景。不管你的電腦屏幕有多大都會無限循環。

橫向平鋪指的是一個背景圖片，橫著向左右兩邊無限延伸!高度不變。

縱向平鋪指的是一個背景圖片，縱向(豎著)向上下無限延伸，寬度不變。

不平鋪指的是一個背景圖片，它本身有多大，上傳後就是多大，上下左右均不延伸。

以上就是淘寶店鋪首頁大圖設置步驟。

『陸』 淘寶賣家如何裝修設計店鋪風格

很多人以為在網上注冊網店之後，將產品上架，店鋪就開起來了，殊不知你這樣開店，根本不會有銷量，你需要學會一些必備技能，才能將網店開好，接下來就跟電商知識網一起來看看淘寶賣家怎麼設計店鋪。

1、風格定位

每個店鋪其實都有自己的風格定位。根據自己所賣商品的類目有一個顏色基調，比如說像綠植的店鋪，就大多數以綠色為基調，整個店鋪都是綠意盎然，生機勃勃的風格。又比如說像賣補水面膜的店鋪，因為水大多數海藍色的，所以他們就會以藍色為基調來裝飾整個店鋪。因此你賣什麼產品，相應的就用什麼色調。這樣給顧客的整體感官會好些。

2、簡潔裝修

對於店鋪的首頁，一般先都是banner可以全屏滾動。然後再是產品海報或者是賣家弄得促銷活動。接下來就是導航欄給寶貝分類用的。要麼在寶貝的介紹頁加一些優惠券。要麼是插在海報下方。這是大部分的店鋪的一個排版設計風格。對於新店鋪來說，可以借鑒學習一下。因為弄得太復雜，太花俏。反而還沒有傳統模式更加被顧客所接受，畢竟你是一個新店鋪。所以新店可以把店鋪裝修的非常簡潔，但是內容比較豐富了，要抓細節。這樣就顯得不簡單了。

3、分類要明確

且對於新店來說，分類一定要明確。這樣買家瀏覽店鋪時，大多是帶著需求，帶著目的去查看的。所以分類劃分明確。買家比較容易找到自己需要的商品。因為是新店嘛。所以優惠活動一定要多多的呢!這樣才能吸引更多的顧客。就店鋪的主圖更換頻率也要比一般的店鋪要低的多，因為新店剛起來，還沒有辨識度。經常換其實是沒有作用，反而可能是白白浪費了積累的權重的。

最後要說的就是新店其實也不用那麼麻煩，直接買裝修模板，裝修就一鍵搞定啦。但是總的來說開網店是需要裝修自己的網店，不僅看起來賞心悅目。同時還能吸引顧客，給顧客比較好的購買體驗。（關注電商知識網，可獲取更多電商資料）

『柒』 淘寶店鋪首頁裝修框架的6大技巧

淘寶店鋪首頁裝修框架的6大技巧

淘寶日益的成為了人們生活中不可或缺的一部分，不論走在大街小巷，我們都可以隨時隨地，隨心所欲的進行淘寶購物，也吸引了越來越多的有志青年紛紛加入淘寶創業的這個大行列中，然而有很多剛加入淘寶行列的新手賣家朋友卻時常都會抱怨首頁不知道如何裝修。

淘寶店鋪之中，可以說，淘寶的首頁框架模塊的設計占據了整個淘寶店鋪的最大份額，賣家潛心店鋪的流量，好不容易把顧客吸引進來，卻因為店鋪首頁裝修不夠精美，而錯失了很多買家，那麼都是在做無用功的，如何做好店鋪首頁框架模塊穩住我們的客戶呢?只需6招，下面一起看看：

一：LOGO設計要大方簡潔，讓人一眼便可以記住：

在店鋪首頁的框架之中，最頂端的版頭LOGO是必不可少的，然而很多賣家的LOGO卻只是很簡單的店鋪名稱，毫無特色，即使買家進入我們的店鋪，也難以記住，因此，店鋪的LOGO必須簡潔大方，讓人過目不忘，而這個最成功的的例子，莫過於我們中國的幾大銀行的LOGO了，要是能做到這樣的水準，還愁店鋪沒生意?

二：導航欄要方便買家，精準指出產品方向：

店鋪首頁的導航欄是為買家指明道路的，所以店鋪導航欄的設置必須是店鋪產品最精準的描述，避免類目重疊，例如：我們導航欄有女裝這個類目，就直接在二級導航展開即可，沒必要再畫蛇添足的加多一個連衣裙類目。

三：第三部分不妨來個搜索，讓買家隨心所欲尋找自己需要的產品：

很多賣家導航欄下面都會放一些產品的大展示圖片，但是我們不妨加一個搜索欄在上面，這樣買家進店購買，找不到自己所需的產品，便可以通過搜索得到自己的結果，這樣溫馨的舉措，試問下哪個賣家可曾想到過呢?

四：產品主打寶貝展示需圖文並茂，吸引買家：

每個店鋪都會有其主打的款式產品，也一定會在首頁展示大圖，因此我們的大圖要避免過於繁雜，內容過多導致亮點凸顯不出來，圖文並茂是必須的，但是不論是圖文過多還是文字過多，往往都會反其道而行之，得不償失的。

五：產品寶貝展示不重復，做好主圖是關鍵：

我們進入店鋪，會在首頁看到，很多賣家首頁產品擺放了很多，但是其實產品本身是不多的，一個版面和下一版面的產品重復展示，這樣會更加的顯得店鋪裡面產品稀少，給買家以產品重復過多的錯覺。

六：幫助中心不可少，溫馨提示溫暖買家心：

很多店鋪都只專注的'去展示自己的產品了，而往往就會忽略了對買家的溫馨提示和幫助，所以首頁的框架結構這部分也是馬虎不得，最好是設置有，給買家溫暖的感覺，讓他們增加存在感和重視感，自然店鋪就會一路前行啦。

【賣家吐槽】

賣家彩欣說：本來是想給自己店鋪首頁裝修漂亮一點，添加動態下雪花的效果，會起來很美，可是有一個賣家朋友提醒我，店鋪首頁裝修還是要正式一點好，動態的飄雪情景不適合在店鋪首頁展示，這樣會讓買家誤以為自己進入的是一個私人空間，甚至引起買家反感，後來便放棄這個想法。

賣家米林說：剛開始加入淘寶，對於淘寶很多方面都不懂，幸好淘寶剛開始有免費的模板可以使用，自己也是最先從免費模板開始一步一步學習的，後來就花錢買了一個現成的，符合自己的模板，然後寶貝的圖片再加工處理得好一些，首頁看起來也不錯。

賣家子淇說：首頁的框架之中，覺得最重要的就是寶貝的展示了，所以一直都潛心於寶貝圖片是處理中，至於其他的都是默認設置的，但是總覺得還欠缺點什麼，後來才知道，原來是少了店鋪的LOGO，這個可馬虎不得，所以請了專業的設計師設計了一個店鋪LOGO，看起來大氣美觀又上檔次，買家也增加不少。

【問題思考】

成功的道路並無捷徑，而想要建造一座美麗的城堡，需要一步一步認真堆砌而成，對於新手賣家剛剛起步來說，這是一個長久的考驗，也只有經過了重重的考驗，方能成為人上人，為店鋪迎來不一樣的喝彩，然而店鋪的首頁框架是按照現成的固有模式，還是自己可以改革創新，形成一道美麗的風景呢?對於店鋪首頁的框架模塊建立，又有哪些實用的方式和技巧呢?如果親們有好的意見，加入我們討論下列問題吧，期待您的暢所欲言：

1、親們開店初期首頁的模板是購買的淘寶的模板嗎?

2、親們覺得自己淘寶店鋪首頁的框架模塊建立合格嗎?

3、在親們心目中，對於首頁模板是否都有自己的一副藍圖?

4、如何讓自己的店鋪首頁裝修看起來更加的大氣高端，如何裝修?

5、作為賣家，親們有什麼自己的店鋪首頁框架模塊建立的技巧呢?

如果親們有不一樣的想法，如果親們可以分享有效的方式 ，我們期待親們給予我們心裡最深的建議和意見，歡迎各位積極參與我們的話題討論。【唇槍舌戰】店鋪首頁框架模塊建立的6大技巧，一起吐露心聲，希望新的一年您的網店寶寶可以如您所願茁壯的成長。

『捌』 淘寶店鋪首頁設計需要遵循哪些原則

由於每位淘寶賣家的審美方式不同，因此造就了店鋪首頁設計各具特色。那麼，店鋪首頁則那樣設計才能得到消費者的喜歡呢？下面就跟著小編一起來看看吧！
一、色彩搭配
首頁色彩搭配合理，能發揮意向不到的效果。因為每種顏色表達的情感不同，所以設計時，賣家就要做好色彩的搭配方案，增加色彩的層次感，使首頁更有表現力。
二、質感
1、空間質感
虛實相間、有遠有近，這樣才會符合消費者的視覺習慣，賣家將畫面中的平面變的立體，能夠營造出一種畫面空間的質感，使得消費者的目光會第一時間放在畫面的正中間。
2、色彩質感
其實就是指畫面帶給人的感覺是生硬還是柔和。
三、店鋪首頁結構
賣家可以利用形狀構圖來設計淘寶首頁，引導消費者的目光。或則也可以在設計頁面時使用形狀，製造出活動氛圍。
四、營造氛圍
賣家在營造氣氛時需要注意首頁周邊的視覺處理，讓用戶能夠通過首頁感到活動主題或品牌格調。賣家設計時要謹記一點：首頁主題風格要統、色彩要統一等，只有這樣才能凸顯出更大的作用。
五、背景元素
首頁做的好不好，在很大程度上是受北京的影響，背景元素使用的恰到好處，可以使賣家節省不好的時間。但是小編要提醒賣家一點，背景圖一定不要軒喧賓奪主，搶了產品的風頭，盡量與產品合理搭配，讓消費者看著順眼。
最後小編想說，消費者進店第一眼看到的就是首頁，如果你的首頁設計的不夠吸引人，那麼是很難吸引消費者進行點擊的。賣家想要設計出另消費者感到滿意的首頁，不妨試試小編介紹的方法吧！如果疑問可以聯系我們客服，提供優質的託管服務。

『玖』 淘寶網店頁面設計、布局、配色、裝修一本通的目錄

第1章 網店裝修入門基礎 1
1.1 網店裝修需要注意的問題 1
1.1.1 什麼是網店裝修 1
1.1.2 為什麼要進行網店裝修 1
1.1.3 新手店鋪裝修的誤區 3
1.2 網店裝修審美准則 7
1.2.1 網店的風格 8
1.2.2 網店審美的通用原則 8
1.3 網店裝修的一般流程 10
第2章 網店頁面的元素與布局 13
2.1 網店欄目和頁面設計策劃 13
2.1.1 為什麼要進行策劃 13
2.1.2 網店的欄目策劃 14
2.1.3 網店的頁面策劃 15
2.2 網店布局的基本元素 16
2.3 版面布局設計 19
2.3.1 版面布局原則 19
2.3.2 網店頁面內容的排版 21
第3章 網店頁面的視覺元素設計 24
3.1 網店導航設計 24
3.1.1 導航設計的基本要求 24
3.1.2 導航的基礎要素 25
3.1.3 導航設計注意要點 25
3.2 頁面中的文字設計 26
3.2.1 文字的字體、字型大小、行距 26
3.2.2 文字的顏色 27
3.2.3 文字的圖形化 27
3.2.4 讓文字易讀 28
3.3 頁面中的圖片應用 28
3.3.1 讓買家心動促成交易，商品圖片是關鍵 28
3.3.2 商品圖片的誠信原則 31
3.3.3 使用模特實拍，增加商品的直觀視覺效果 32
3.4 讓按鈕更易點擊 33
第4章 網店頁面創意和風格 35
4.1 頁面設計創意思維 35
4.1.1 什麼是創意 35
4.1.2 創意思維的原則 36
4.1.3 創意過程 38
4.2 創意的方法 38
4.2.1 富於聯想 39
4.2.2 巧用對比 39
4.2.3 大膽誇張 40
4.2.4 趣味幽默 40
4.2.5 善用比喻 41
4.2.6 以小見大 41
4.2.7 偶像崇拜 42
4.2.8 古典傳統 42
4.2.9 流行時尚 43
4.3 網店頁面風格 43
4.3.1 大幅配圖 43
4.3.2 面板風格 44
4.3.3 三維風格 45
4.3.4 書報風格 46
第5章 大型購物網店頁面設計分析 47
5.1 人氣商品頁面分析 47
5.1.1 銷售的不是商品，而是氛圍 47
5.1.2 應詳細的展示商品 49
5.1.3 注意比商品更吸引眼球的要素 50
5.1.4 以買家的語氣描述，從買家的視角設計 51
5.2 熱銷商品頁面設計理念 52
5.2.1 頁面不是一味的加長，而要生動有趣 52
5.2.2 自然引導顧客購買搭配商品 53
5.2.3 通過商品圖片就可以了解商品實際大小 54
5.2.4 商品信息介紹准確詳細 55
5.2.5 分享購買者的經驗 56
5.2.6 展示相關證書證明 57
5.2.7 文字注意可讀性 57
第6章 頁面色彩搭配基礎知識 59
6.1 色彩的原理 59
6.2 色彩的分類 59
6.2.1 無彩色 59
6.2.2 有彩色 62
6.3 色彩的三要素 63
6.3.1 明度 64
6.3.2 色相 65
6.3.3 純度 66
6.4 色彩對比 67
6.4.1 明度對比 67
6.4.2 色相對比 69
6.4.3 純度對比 73
6.4.4 色彩的面積對比 73
6.4.5 色彩的冷暖對比 74
6.5 網店頁面色彩搭配方法 76
6.6 主色、輔助色、點綴色 79
6.6.1 主色可以決定整個店鋪風格 79
6.6.2 輔助色對頁面有決定性效果 80
6.6.3 點綴色可營造獨特的頁面風格 81
第7章 網店色調與配色 82
7.1 紅色系的配色 82
7.1.1 紅色適合的配色方案 82
7.1.2 適用紅色系的網店 83
7.2 橙色系的配色 84
7.2.1 橙色適合的配色方案 84
7.2.2 適用橙色系的網店 85
7.3 黃色系的配色 86
7.3.1 黃色適合的配色方案 87
7.3.2 適用黃色系的網店 88
7.4 紫色系的配色 89
7.4.1 紫色適合的配色方案 89
7.4.2 適用紫色系的網店 90
7.5 綠色系的配色 91
7.5.1 綠色適合的配色方案 91
7.5.2 適用綠色系的網店 92
7.6 藍色系的配色 92
7.6.1 藍色適合的配色方案 93
7.6.2 適用藍色系的網店 94
7.7 無彩色的配色 95
7.7.1 白色的網店 95
7.7.2 灰色系的網店 96
7.7.3 黑色系的網店 97
第8章 各行網店設計與配色案例解析 98
8.1 女裝網店 98
8.1.1 女裝網店的經營特點 98
8.1.2 頁面分析 100
8.1.3 網店配色講解 101
8.2 美容化妝網店 102
8.2.1 美容化妝網店的經營特點 102
8.2.2 頁面分析 104
8.2.3 網店配色講解 107
8.3 計算機數碼產品網店 107
8.3.1 計算機數碼產品網店的經營特點 107
8.3.2 頁面分析 108
8.3.3 網店配色講解 110
8.4 家居日用品網店 110
8.4.1 家居-日用品網店的經營特點 110
8.4.2 頁面分析 111
8.4.3 網店配色講解 113
8.5 男性商品類網店 114
8.5.1 男性商品類網店的經營特點 114
8.5.2 頁面分析 114
8.5.3 網店配色講解 116
8.6 珠寶飾品網店 116
8.6.1 珠寶飾品網店的經營特點 116
8.6.2 頁面分析 117
8.6.3 網店配色講解 119
8.7 包包網店 119
8.7.1 包包網店的經營特點 119
8.7.2 頁面分析 120
8.7.3 網店配色講解 122
8.8 鞋類網店 122
8.8.1 鞋類網店的經營特點 122
8.8.2 頁面分析 123
8.8.3 網店配色講解 125
8.9 童裝網店 125
8.9.1 童裝網店的經營特點 125
8.9.2 頁面分析 125
8.9.3 網店配色講解 127
8.10 食品網店 127
8.10.1 食品網店的經營特點 127
8.10.2 頁面分析 127
8.10.3 網店配色講解 129
第9章 處理好照片，裝修有優勢 130
9.1 簡單的照片處理 130
9.1.1 調整拍歪的照片 130
9.1.2 縮小圖片 131
9.1.3 自由裁剪照片 133
9.1.4 調整圖片適合淘寶發布的大小 134
9.2 調整照片效果 136
9.2.1 調整曝光不足的照片 137
9.2.2 調整曝光過度的照片 138
9.2.3 調整模糊的照片 139
9.4.4 調整對比度突出照片主題 142
9.3 為照片添加水印和邊框 144
9.3.1 為照片添加水印防止他人盜用 144
9.3.2 為照片添加相框提高商品檔次 146
9.4 照片特殊效果處理技法 148
9.4.1 把照片中的產品摳出來 148
9.4.2 快速更換圖片的背景 151
9.4.3 給寶貝圖片加圓角 152
9.4.4 製作閃閃發亮的商品圖片 156
9.5 一次性處理大量產品圖片 161
第10章 淘寶店鋪各版本特點 164
10.1 普通店鋪 164
10.1.1 普通店鋪的特點 164
10.1.2 可供裝修區域 164
10.2 旺鋪創業扶植版 167
10.2.1 旺鋪創業扶植版特點 167
10.2.2 可供裝修的區域 170
10.3 旺鋪標准版 171
10.3.1 旺鋪標准版的特點 171
10.3.2 可供裝修的區域 174
10.4 旺鋪拓展版 174
10.4.1 旺鋪拓展版的特點 174
10.4.2 可供裝修區域 177
10.5 旺鋪旗艦版 177
第11章 普通店鋪裝修篇 180
11.1 店鋪計數器 180
11.2 添加店鋪音樂背景 182
11.3 寶貝分類設計與設置 185
11.3.1 寶貝分類製作的注意事項 185
11.3.2 製作寶貝分類圖片 185
11.3.3 上傳圖片並設置寶貝的分類 187
11.4 公告區域的製作 192
11.4.1 製作公告區時的注意事項 193
11.4.2 製作精美的圖片公告 193
11.4.3 在店鋪中應用圖片公告 196
11.5 店標的設計與發布 198
11.5.1 什麼是網店的店標 198
11.5.2 店標設計的原則 198
11.5.3 店標製作的基本方法 199
11.5.4 設計店鋪標志 200
11.5.5 將店標發布到店鋪上 204
第12章 淘寶旺鋪裝修篇 206
12.1 製作旺鋪的個性店招 206
12.1.1 店招製作的注意事項 206
12.1.2 服裝店招設計實例 206
12.1.3 將店招應用到店鋪中 211
12.2 巧妙製作寶貝促銷區 212
12.2.1 製作寶貝促銷區的注意事項 212
12.2.2 寶貝促銷區的製作方法 213
12.2.3 寶貝促銷區設計實例 214
12.2.4 將促銷區源代碼應用到旺鋪中 218
12.3 製作寶貝描述模板 221
12.3.1 寶貝描述模板的設計要求 221
12.3.2 在Photoshop中設計寶貝描述模板 221
12.3.3 將圖片切割為適合網頁應用的元素 231
12.3.4 使用Dreamweaver生成網頁代碼 234
12.3.5 發布商品描述模板 239
12.4 視頻在店鋪裝修中的應用 241
12.4.1 定製視頻服務 241
12.4.2 視頻文件的上傳 244
12.4.3 視頻在店鋪中的應用 245
附錄1 各行業網店色彩搭配 248
附錄2 配色形容詞色卡 253
附錄3 頁面安全色 258

『拾』 淘寶主圖設計技巧

淘寶主圖設計技巧

主圖是一款產品的流量入口，對引流起著至關重要的作用，一張好的主圖可以為店鋪運營省下好多錢和精力，怎麼讓自己的主圖在整個淘寶頁面中脫穎而出?下面我為大家整理了淘寶主圖設計技巧，希望能幫到大家！

（一）關於版式

電商產品繁多，沒有一個統一的排版模式！

但要做好一張主圖，應該遵守的一些原則還是有的。

1.版式：常用的板式有左右排版、中心對稱排版、中心圍繞、上下排版等（這里指文字和產品的位置）。

2.版式的選擇；a.根據產品的不同和主圖不同的作用（直通車主圖、普通主圖、活動主圖等）有不同的做法：比如服裝類，模特照片通常採用的是中心對稱式構圖為主；

平鋪或者掛拍的通常採用左右排版這類通常是較規則，整體呈豎式長方形的產品，所有符合這個特徵的都非常適合中心對稱和左右排版（並非絕對，是通常來講）

b.相比上述產品，相對不規則的產品，通常採用的是上下排版和中心圍繞。

例如：上下排版

中心圍繞，配合傾斜

c.總結：版式都不是固定不變的，以上所說皆是最常用也往往是最有效的一些，根據產品的造型去給自己的主圖設計相應的排版！

3.關於圖文比例

為了在頁面中更具優勢，我建議產品比例占整個畫面的2/3左右（特殊作圖效果除外），必要的時候可滿版型設計（通俗講即產品布滿整個畫面）

4.關於用色方面

簡單說一下，盡量文字根據產品顏色來定位，選擇同色系或者補色！

關於用色方面，下篇文章細講，在做主圖的作用方面尤其重要，如何在同產品中脫穎而出，起著至關重要的作用！

（二）關於用色

色彩基礎就不多講了，理論只是用於實踐！

今天就專講一下關於主圖的配色用色方法。這對於我們主圖的點擊有著非常重要的作用。

具體步驟如下：

01.分析產品，以女裝為例，這個階段不用在意產品本身的顏色，最應該做的'是去用最熱的詞去搜索自己寶貝的頁面大概的位置

本來是上下左右全部做對比的，這里只做橫向對比，道理都是一樣的。

如上圖，相比其他三張主圖，第四張顏色偏深，對於我們的眼睛來說，視覺停留點就在這張圖片上。這時候我們就要思考自己的主圖了，假如我們的主圖所在位置相比其他商家主圖用色差異不明顯，現在就要用所行動了，如果大多數偏亮，你可以選擇偏暗，如果其他單色系偏多，你就可以選擇多色系，等等......

02.關於用色以及如何與其他商家主圖有利的視覺差

首先需要知道自己的產品是什麼顏色，這是根本，不能亂配色。只有保證做到自己主圖畫面和諧美觀的前提下，再區別開其他商家主圖才是上策！

a.根據自己產品的顏色，可選擇同色系、鄰近色、類似色、中差色、對比色等基礎配色方案進行配色！

b.然後通過明暗、冷暖、純度、明度等和其他商家區分開來（常用的方法還有大小對比，不屬於用色）

03.補充一點，上述所講是背景與產品、文案信息用色之間的配色關系

04.關於文字的用色，盡量不要超過三種，建議是兩種或者單色！

好的點擊率就需要自己產品主圖在整個頁面或者相比周圍脫穎而出才是重中之重!!!!

配色基礎就不講了，新手可自己買本書看看，補充一下自己的不足！

（三）關於文案排版處理技巧

大家都曉得，一般的主圖不需要文案排版，這里主要是針對活動主圖和直通車主圖而言的！

一.先講下文案信息在一張主圖中放在什麼位置比較合適，我們就說幾種常見的

01.最常用的——位置沉底

最常見最方便的一種。以家裝地板類目例：

以上兩張主圖都屬於沉底式，簡單又多變化，這種文案信息位置排版方式一般不會破壞畫面的整體性，簡約而不簡單，文字信息需要和底色配合點線面變化！若文案超過兩行，要選擇左對齊或者右對齊、中間對齊等，原則就是不要亂了畫面，造成閱讀障礙！

02.常用的——左右位置

也是比較通用的。以服裝為例：

文字偏左或者偏右，通常文字採用豎式排版，文案信息需要主次分明，顏色盡量選擇單色或兩色，字體不要超過兩種，文字越精簡越好！

03.一般不用的——中間位置

（這個對根據產品排版有一定的要求，切記不能破壞了對產品瀏覽的完整性）

以男裝類目為例：

中間位置，文案信息一般較少，言簡意賅，達到目的即可，不可多放！單行或者居中排列

04.自由創意——靈活運用

根據產品的位置進行構圖定位文案所放的位置，傾斜式用的較多也較靈活！

05.最不常用的——頂部位置

文案放在頂部控制不好多會造成不穩定的感覺，不是商品特殊，不建議文案信息放頂部位置！如果需要，請配合以上四種設計！

總結：具體根據產品的造型需要以及構圖需要來確定文案應該排放的位置，最常見的就是上述前三種！

二.關於文字的排列組合

01.橫式/豎式/橫豎混排

橫式：文案信息單行或者最多2行為宜，對齊就是常見的三種：左右和中間，重點是大小和顏色的變化，主文案字型大小偏大，顏色較整個畫面要突出。次要信息可做點綴或者是補充，再維護整體畫面的同時，做到靈活多變就可以了！文字顏色單色或者雙色，切記超過3種顏色以上！！

豎式：多用於傳統產品設計排版，有文化底蘊的產品！道理和橫式一樣。

橫豎混排：橫豎混排非常考驗排版能力，屬於高端技巧，雖然很難排出效果，但經常嘗試也會有收獲！

02.傾斜式

有傾斜的排版視覺效果是非常直接的，有視覺沖擊力（上述位置04有例圖）

傾斜角度不要超過45，否則影響視覺效果。另外一旦採用斜向排版，建議把所有文案內容都採用斜向排版，否則看起來不協調。

03.文字變形式

通過對文字的誇大或者扭曲變形以及對文字的特殊處理特效等來排列文字，主要是為了突出一些重要信息和反應出產品的一些材質元素！

04.框架式

簡單說就是把文字排列出一定的形狀，或者根據一定的形狀固定排列，形式感較強，整體感較強！淘寶主圖不常用，可根據自己店裡的產品來嘗試！

05.復合式

即多種排版模式混合使用，這個需要自己去總結和發掘，很考驗一個設計師的能力！

總結：文字的排版是多樣的，但對於電商而言，常用的最有效最直接，一張好的淘寶主圖需要文案的完美配合與點綴！