淘寶美工主圖設(shè)計(jì)的技巧

時(shí)間：2024-10-16 06:44:01 美工設(shè)計(jì) 我要投稿

相關(guān)推薦

　　主圖是一款產(chǎn)品的流量入口，對(duì)引流起著至關(guān)重要的作用，一張好的主圖可以為店鋪運(yùn)營省下好多錢和精力，怎么讓自己的主圖在整個(gè)淘寶頁面中脫穎而出?下面是小編為大家?guī)淼奶詫毭拦ぶ鲌D設(shè)計(jì)的技巧，歡迎閱讀。

　　主圖作用：

　　是一款產(chǎn)品的流量入口，對(duì)引流起著至關(guān)重要的作用，一張好的主圖可以為店鋪運(yùn)營省下好多錢和精力，怎么讓自己的主圖在整個(gè)淘寶頁面中脫穎而出?

　　（一）關(guān)于版式

　　電商產(chǎn)品繁多，沒有一個(gè)統(tǒng)一的排版模式！

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

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

　　2.版式的選擇；a.根據(jù)產(chǎn)品的不同和主圖不同的作用（直通車主圖、普通主圖、活動(dòng)主圖等）有不同的做法：比如服裝類，模特照片通常采用的是中心對(duì)稱式構(gòu)圖為主；

　　平鋪或者掛拍的通常采用左右排版這類通常是較規(guī)則，整體呈豎式長方形的產(chǎn)品，所有符合這個(gè)特征的都非常適合中心對(duì)稱和左右排版（并非絕對(duì)，是通常來講）

　　b.相比上述產(chǎn)品，相對(duì)不規(guī)則的產(chǎn)品，通常采用的是上下排版和中心圍繞。

　　例如：上下排版

　　中心圍繞，配合傾斜

　　c.總結(jié)：版式都不是固定不變的，以上所說皆是最常用也往往是最有效的一些，根據(jù)產(chǎn)品的造型去給自己的主圖設(shè)計(jì)相應(yīng)的排版！

　　3.關(guān)于圖文比例

　　為了在頁面中更具優(yōu)勢，我建議產(chǎn)品比例占整個(gè)畫面的2/3左右（特殊作圖效果除外），必要的時(shí)候可滿版型設(shè)計(jì)（通俗講即產(chǎn)品布滿整個(gè)畫面）

　　4.關(guān)于用色方面

　　簡單說一下，盡量文字根據(jù)產(chǎn)品顏色來定位，選擇同色系或者補(bǔ)色！

　　關(guān)于用色方面，下篇文章細(xì)講，在做主圖的作用方面尤其重要，如何在同產(chǎn)品中脫穎而出，起著至關(guān)重要的作用！

　　（二）關(guān)于用色

　　色彩基礎(chǔ)就不多講了，理論只是用于實(shí)踐！

　　今天就專講一下關(guān)于主圖的配色用色方法。這對(duì)于我們主圖的點(diǎn)擊有著非常重要的作用。

　　具體步驟如下：

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

　　本來是上下左右全部做對(duì)比的，這里只做橫向?qū)Ρ龋览矶际且粯拥摹?/p>

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

　　02.關(guān)于用色以及如何與其他商家主圖有利的視覺差

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

　　a.根據(jù)自己產(chǎn)品的顏色，可選擇同色系、鄰近色、類似色、中差色、對(duì)比色等基礎(chǔ)配色方案進(jìn)行配色！

　　b.然后通過明暗、冷暖、純度、明度等和其他商家區(qū)分開來（常用的方法還有大小對(duì)比，不屬于用色）

　　03.補(bǔ)充一點(diǎn)，上述所講是背景與產(chǎn)品、文案信息用色之間的配色關(guān)系

　　04.關(guān)于文字的用色，盡量不要超過三種，建議是兩種或者單色！

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

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

　　（三）關(guān)于文案排版處理技巧

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

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

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

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

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

　　02.常用的——左右位置

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

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

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

　　（這個(gè)對(duì)根據(jù)產(chǎn)品排版有一定的要求，切記不能破壞了對(duì)產(chǎn)品瀏覽的完整性）

　　以男裝類目為例：

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

　　04.自由創(chuàng)意——靈活運(yùn)用

　　根據(jù)產(chǎn)品的位置進(jìn)行構(gòu)圖定位文案所放的位置，傾斜式用的較多也較靈活！

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

　　文案放在頂部控制不好多會(huì)造成不穩(wěn)定的感覺，不是商品特殊，不建議文案信息放頂部位置！如果需要，請(qǐng)配合以上四種設(shè)計(jì)！

　　總結(jié)：具體根據(jù)產(chǎn)品的造型需要以及構(gòu)圖需要來確定文案應(yīng)該排放的位置，最常見的就是上述前三種！

　　二.關(guān)于文字的排列組合

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

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

　　豎式：多用于傳統(tǒng)產(chǎn)品設(shè)計(jì)排版，有文化底蘊(yùn)的產(chǎn)品！道理和橫式一樣。

　　橫豎混排：橫豎混排非常考驗(yàn)排版能力，屬于高端技巧，雖然很難排出效果，但經(jīng)常嘗試也會(huì)有收獲！

　　02.傾斜式

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

　　傾斜角度不要超過45，否則影響視覺效果。另外一旦采用斜向排版，建議把所有文案內(nèi)容都采用斜向排版，否則看起來不協(xié)調(diào)。

　　03.文字變形式

　　通過對(duì)文字的夸大或者扭曲變形以及對(duì)文字的特殊處理特效等來排列文字，主要是為了突出一些重要信息和反應(yīng)出產(chǎn)品的一些材質(zhì)元素！

　　04.框架式

　　簡單說就是把文字排列出一定的形狀，或者根據(jù)一定的形狀固定排列，形式感較強(qiáng)，整體感較強(qiáng)！淘寶主圖不常用，可根據(jù)自己店里的產(chǎn)品來嘗試！

　　05.復(fù)合式

　　即多種排版模式混合使用，這個(gè)需要自己去總結(jié)和發(fā)掘，很考驗(yàn)一個(gè)設(shè)計(jì)師的能力！

　　總結(jié)：文字的排版是多樣的，但對(duì)于電商而言，常用的最有效最直接，一張好的淘寶主圖需要文案的完美配合與點(diǎn)綴！