淘寶美工主圖設計的技巧

主圖是一款產品的流量入口，對引流起着至關重要的作用，一張好的主圖可以為店鋪運營省下好多錢和精力，怎麼讓自己的主圖在整個淘寶頁面中脱穎而出?下面是小編為大家帶來的淘寶美工主圖設計的技巧，歡迎閲讀。

主圖作用：

是一款產品的流量入口，對引流起着至關重要的作用，一張好的主圖可以為店鋪運營省下好多錢和精力，怎麼讓自己的主圖在整個淘寶頁面中脱穎而出?

　　（一）關於版式

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

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

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.複合式

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

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