- 相關(guān)推薦
淘寶美工主圖設(shè)計的技巧
主圖是一款產(chǎn)品的流量入口，對引流起著至關(guān)重要的作用，一張好的主圖可以為店鋪運營省下好多錢和精力，怎么讓自己的主圖在整個淘寶頁面中脫穎而出?下面是小編為大家?guī)淼奶詫毭拦ぶ鲌D設(shè)計的技巧，歡迎閱讀。
主圖作用：
是一款產(chǎn)品的流量入口，對引流起著至關(guān)重要的作用，一張好的主圖可以為店鋪運營省下好多錢和精力，怎么讓自己的主圖在整個淘寶頁面中脫穎而出?
�。ㄒ唬╆P(guān)于版式
電商產(chǎn)品繁多，沒有一個統(tǒng)一的排版模式！
但要做好一張主圖，應(yīng)該遵守的一些原則還是有的。
1.版式：常用的板式有左右排版、中心對稱排版、中心圍繞、上下排版等（這里指文字和產(chǎn)品的位置）。
2.版式的選擇；a.根據(jù)產(chǎn)品的不同和主圖不同的作用（直通車主圖、普通主圖、活動主圖等）有不同的做法：比如服裝類，模特照片通常采用的是中心對稱式構(gòu)圖為主；
平鋪或者掛拍的通常采用左右排版這類通常是較規(guī)則，整體呈豎式長方形的產(chǎn)品，所有符合這個特征的都非常適合中心對稱和左右排版（并非絕對，是通常來講）
b.相比上述產(chǎn)品，相對不規(guī)則的產(chǎn)品，通常采用的是上下排版和中心圍繞。
例如：上下排版
中心圍繞，配合傾斜
c.總結(jié)：版式都不是固定不變的，以上所說皆是最常用也往往是最有效的一些，根據(jù)產(chǎn)品的造型去給自己的主圖設(shè)計相應(yīng)的排版！
3.關(guān)于圖文比例
為了在頁面中更具優(yōu)勢，我建議產(chǎn)品比例占整個畫面的2/3左右（特殊作圖效果除外），必要的時候可滿版型設(shè)計（通俗講即產(chǎn)品布滿整個畫面）
4.關(guān)于用色方面
簡單說一下，盡量文字根據(jù)產(chǎn)品顏色來定位，選擇同色系或者補色！
關(guān)于用色方面，下篇文章細(xì)講，在做主圖的作用方面尤其重要，如何在同產(chǎn)品中脫穎而出，起著至關(guān)重要的作用！
�。ǘ╆P(guān)于用色
色彩基礎(chǔ)就不多講了，理論只是用于實踐！
今天就專講一下關(guān)于主圖的配色用色方法。這對于我們主圖的點擊有著非常重要的作用。
具體步驟如下：
01.分析產(chǎn)品，以女裝為例，這個階段不用在意產(chǎn)品本身的顏色，最應(yīng)該做的是去用最熱的詞去搜索自己寶貝的頁面大概的位置
本來是上下左右全部做對比的，這里只做橫向?qū)Ρ�，道理都是一樣的�?/p>
如上圖，相比其他三張主圖，第四張顏色偏深，對于我們的眼睛來說，視覺停留點就在這張圖片上。這時候我們就要思考自己的主圖了，假如我們的主圖所在位置相比其他商家主圖用色差異不明顯，現(xiàn)在就要用所行動了，如果大多數(shù)偏亮，你可以選擇偏暗，如果其他單色系偏多，你就可以選擇多色系，等等......
02.關(guān)于用色以及如何與其他商家主圖有利的視覺差
首先需要知道自己的產(chǎn)品是什么顏色，這是根本，不能亂配色。只有保證做到自己主圖畫面和諧美觀的前提下，再區(qū)別開其他商家主圖才是上策！
a.根據(jù)自己產(chǎn)品的顏色，可選擇同色系、鄰近色、類似色、中差色、對比色等基礎(chǔ)配色方案進(jìn)行配色！
b.然后通過明暗、冷暖、純度、明度等和其他商家區(qū)分開來（常用的方法還有大小對比，不屬于用色）
03.補充一點，上述所講是背景與產(chǎn)品、文案信息用色之間的配色關(guān)系
04.關(guān)于文字的用色，盡量不要超過三種，建議是兩種或者單色！
好的點擊率就需要自己產(chǎn)品主圖在整個頁面或者相比周圍脫穎而出才是重中之重!!!!
配色基礎(chǔ)就不講了，新手可自己買本書看看，補充一下自己的不足！
�。ㄈ╆P(guān)于文案排版處理技巧
大家都曉得，一般的主圖不需要文案排版，這里主要是針對活動主圖和直通車主圖而言的！
一.先講下文案信息在一張主圖中放在什么位置比較合適，我們就說幾種常見的
01.最常用的——位置沉底
最常見最方便的一種。以家裝地板類目例：
以上兩張主圖都屬于沉底式，簡單又多變化，這種文案信息位置排版方式一般不會破壞畫面的整體性，簡約而不簡單，文字信息需要和底色配合點線面變化！若文案超過兩行，要選擇左對齊或者右對齊、中間對齊等，原則就是不要亂了畫面，造成閱讀障礙！
02.常用的——左右位置
也是比較通用的。以服裝為例：
文字偏左或者偏右，通常文字采用豎式排版，文案信息需要主次分明，顏色盡量選擇單色或兩色，字體不要超過兩種，文字越精簡越好！
03.一般不用的——中間位置
�。ㄟ@個對根據(jù)產(chǎn)品排版有一定的要求，切記不能破壞了對產(chǎn)品瀏覽的完整性）
以男裝類目為例：
中間位置，文案信息一般較少，言簡意賅，達(dá)到目的即可，不可多放！單行或者居中排列
04.自由創(chuàng)意——靈活運用
根據(jù)產(chǎn)品的位置進(jìn)行構(gòu)圖定位文案所放的位置，傾斜式用的較多也較靈活！
05.最不常用的——頂部位置
文案放在頂部控制不好多會造成不穩(wěn)定的感覺，不是商品特殊，不建議文案信息放頂部位置！如果需要，請配合以上四種設(shè)計！
總結(jié)：具體根據(jù)產(chǎn)品的造型需要以及構(gòu)圖需要來確定文案應(yīng)該排放的位置，最常見的就是上述前三種！
二.關(guān)于文字的排列組合
01.橫式/豎式/橫豎混排
橫式：文案信息單行或者最多2行為宜，對齊就是常見的三種：左右和中間，重點是大小和顏色的變化，主文案字號偏大，顏色較整個畫面要突出。次要信息可做點綴或者是補充，再維護(hù)整體畫面的同時，做到靈活多變就可以了！文字顏色單色或者雙色，切記超過3種顏色以上��！
豎式：多用于傳統(tǒng)產(chǎn)品設(shè)計排版，有文化底蘊的產(chǎn)品！道理和橫式一樣。
橫豎混排：橫豎混排非�？简炁虐婺芰�，屬于高端技巧，雖然很難排出效果，但經(jīng)常嘗試也會有收獲！
02.傾斜式
有傾斜的排版視覺效果是非常直接的，有視覺沖擊力（上述位置04有例圖）
傾斜角度不要超過45，否則影響視覺效果。另外一旦采用斜向排版，建議把所有文案內(nèi)容都采用斜向排版，否則看起來不協(xié)調(diào)。
03.文字變形式
通過對文字的夸大或者扭曲變形以及對文字的特殊處理特效等來排列文字，主要是為了突出一些重要信息和反應(yīng)出產(chǎn)品的一些材質(zhì)元素！
04.框架式
簡單說就是把文字排列出一定的形狀，或者根據(jù)一定的形狀固定排列，形式感較強，整體感較強！淘寶主圖不常用，可根據(jù)自己店里的產(chǎn)品來嘗試！
05.復(fù)合式
即多種排版模式混合使用，這個需要自己去總結(jié)和發(fā)掘，很考驗一個設(shè)計師的能力！
總結(jié)：文字的排版是多樣的，但對于電商而言，常用的最有效最直接，一張好的淘寶主圖需要文案的完美配合與點綴！
【淘寶美工主圖設(shè)計的技巧】相關(guān)文章：
美工優(yōu)化淘寶主圖的技巧10-19
淘寶主圖優(yōu)化技巧06-25
2017最新淘寶主圖優(yōu)化技巧09-12
淘寶店鋪主圖的設(shè)計要點12-13
淘寶美工的排版技巧08-05
淘寶店鋪美工設(shè)計必學(xué)的顏色搭配技巧09-18
2017年淘寶寶貝主圖尺寸07-31