- 相關(guān)推薦
淘寶美工主圖設(shè)計(jì)的技巧
主圖是一款產(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)勢(shì),我建議產(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ǔ)充一下自己的不足!
。ㄈ╆P(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)綴!
【淘寶美工主圖設(shè)計(jì)的技巧】相關(guān)文章:
美工優(yōu)化淘寶主圖的技巧10-19
網(wǎng)頁美工主圖設(shè)計(jì)技巧10-17
淘寶主圖優(yōu)化技巧06-25
2017淘寶主圖設(shè)計(jì)文案排版技巧08-25
2017最新淘寶主圖優(yōu)化技巧09-12
淘寶店鋪主圖的設(shè)計(jì)要點(diǎn)12-13
淘寶美工的排版技巧08-05
淘寶店鋪美工設(shè)計(jì)必學(xué)的顏色搭配技巧09-18
2017年淘寶寶貝主圖尺寸07-31