最實(shí)用超全的淘寶美工裝修排版教程

對(duì)于淘寶美工新手來(lái)說(shuō)，關(guān)于圖片的排版也是一項(xiàng)很費(fèi)神的活，排了半天耽誤時(shí)間不說(shuō)，還排的不好看，那就特惱火了!今天這篇文章，就是幫助大家怎么運(yùn)用一些規(guī)律來(lái)高效快速的排版!

一、對(duì)齊

先看一組案例(左對(duì)齊/右對(duì)齊)

這些都是最常見(jiàn)的電商海報(bào)，基本都采用了左對(duì)齊排版方式，因?yàn)楦鶕?jù)人的瀏覽習(xí)慣一般都是從左往右看。

對(duì)齊是最常見(jiàn)也是最基礎(chǔ)的排列方式，大家可以隨手翻翻身邊的書(shū)籍，里面的所有排版都會(huì)應(yīng)用對(duì)齊，對(duì)齊而定排版會(huì)有一道看不見(jiàn)的先，這條線平行于海報(bào)的邊界線，與海報(bào)的邊相呼應(yīng)，將所有的文案自然而然的串聯(lián)到一起。給人以穩(wěn)重，力量，統(tǒng)一，工整的感覺(jué)，是最最常見(jiàn)的排列方式。

案列二(居中對(duì)齊)

居中式的排版在生活中最常見(jiàn)就是房地產(chǎn)和一些珠寶海報(bào)~居中排版會(huì)給人正式，大氣，高端，有品質(zhì)感覺(jué)。在電商海報(bào)中居中排版經(jīng)常會(huì)見(jiàn)到文案直接打在產(chǎn)品上面，文案的遮擋會(huì)和后面的產(chǎn)品營(yíng)造出一前一后的層次感，加上一些光效會(huì)讓整張畫(huà)面空間感提升許多。

居中對(duì)齊并不適合入門(mén)的新手，因?yàn)檫@對(duì)畫(huà)面的布局把控有一定的要求。

第二招：對(duì)比

無(wú)對(duì)比不設(shè)計(jì)。人們的眼睛不喜歡看平淡無(wú)奇千篇一律的東西，喜歡看有對(duì)比的畫(huà)面!使用對(duì)比的排版技巧可以最有效的增加畫(huà)面的視覺(jué)效果。對(duì)比原則包含的內(nèi)容很多，比如虛實(shí)對(duì)比，冷暖對(duì)比等等，這次我們只談關(guān)于字體的大小對(duì)比和粗細(xì)對(duì)比。

首先一起看下面這個(gè)案例↓

大家看下使用對(duì)比前后的效果，在排版中僅僅運(yùn)用對(duì)齊這一個(gè)原則是不夠用的，第二步就要用到對(duì)比!第一張圖片由于缺少對(duì)比，整體顯得很乏味，除了標(biāo)題略大一點(diǎn)下面的文本太長(zhǎng)而且沒(méi)有吸引讀者的地方。第二張海報(bào)則運(yùn)用對(duì)比的手法，使得頁(yè)面更吸引人。而且文案的組織結(jié)構(gòu)一目了然，更便于讀者閱讀。

第二張海報(bào)中的主標(biāo)題加大加粗，與引標(biāo)題2014夏裝...形成大小和粗細(xì)對(duì)比。下面的正文采用小字，但是價(jià)格部分加粗強(qiáng)調(diào)再次形成對(duì)比。最下面的包郵說(shuō)明部分采用最細(xì)最小的字與順豐包郵又形成一種粗細(xì)大小的對(duì)比。還有不要擔(dān)心字小了顧客就不讀，只要標(biāo)題吸引到顧客，自然會(huì)讀這些較小的文字。只要將重點(diǎn)文字提煉出來(lái)放大加粗之后就能使整個(gè)版面信息主次分明，富有層級(jí)和組織性，就會(huì)在視覺(jué)上引導(dǎo)消費(fèi)者向下瀏覽。

注意事項(xiàng)

* 找出文案中最重點(diǎn)的語(yǔ)句，運(yùn)用粗細(xì)對(duì)比和大小對(duì)比加以強(qiáng)調(diào)和區(qū)分!

* 字體既然要對(duì)比就要對(duì)比分明，把標(biāo)題設(shè)置12號(hào)字，把正文設(shè)置為10號(hào)字毫無(wú)意義，既然用對(duì)比就要大足夠大，小足夠小，細(xì)夠細(xì)，粗夠粗，讓人眼一看就看出來(lái)他們的對(duì)比關(guān)系!記住!一定要對(duì)比分明!

* 對(duì)比不光會(huì)讓畫(huà)面更加美觀，而且也會(huì)增加頁(yè)面的可讀性，不要擔(dān)心對(duì)比后的讀者不會(huì)去讀小字，假如畫(huà)面所有文字都一樣大的時(shí)候，沒(méi)重點(diǎn)，沒(méi)邏輯性，顧客往往一瞥而過(guò)。只要你強(qiáng)調(diào)的部分吸引到顧客，顧客也會(huì)下意識(shí)的往下看。

下面通過(guò)一些案例截圖幫助大家更好的認(rèn)識(shí)大小和粗細(xì)對(duì)比!

大家看到?jīng)]，只通過(guò)改變字體的大小和粗細(xì)就能把設(shè)計(jì)變的非常精美!有時(shí)候?yàn)榱藢?duì)比更加明顯，會(huì)降低小字部分的透明度，產(chǎn)生明暗對(duì)比。

下面扯一下疏密對(duì)比

在居中對(duì)齊的排列方法中經(jīng)常還會(huì)運(yùn)用疏密的對(duì)比手法。

疏密對(duì)比中很多新人容易犯的一個(gè)毛病就是字符間距不寬不緊，給人的感覺(jué)很松垮，有時(shí)候可以嘗試把字距調(diào)整為負(fù)值，更加緊湊一點(diǎn)。疏的夠疏，密的夠密，不要半疏不密的給人感覺(jué)會(huì)不穩(wěn)定。

第三招：分組

當(dāng)文案過(guò)多的時(shí)候就考慮將文案分組，將相同信息的文案擺放到一起，這樣不僅使整個(gè)頁(yè)面富有條理性，也會(huì)看上去非常美觀，更加有利于消費(fèi)者閱讀。

看一組案例↓

如果一個(gè)海報(bào)上包含的文案信息太多，不加以整理的話就會(huì)顯得雜亂無(wú)章毫無(wú)秩序，通過(guò)分組，就好比寫(xiě)作文分自然段一個(gè)道理。將有同一性質(zhì)的文案分為一組，就會(huì)讓版面無(wú)論在視覺(jué)感官還是閱讀層次上來(lái)看都很有條理性。

最后總結(jié)

一般來(lái)說(shuō)一張海報(bào)基本就運(yùn)用這三個(gè)原則，對(duì)齊，對(duì)比，分組。切記一句話，畫(huà)面中每一個(gè)元素的存在以及它的擺放都有它的道理!畫(huà)面是你設(shè)計(jì)的，你應(yīng)該說(shuō)出你這么做的來(lái)由!

所有帶有震撼視覺(jué)效果的畫(huà)面都是源自對(duì)比，如果有人說(shuō)你畫(huà)面太平淡了，那么就請(qǐng)運(yùn)用對(duì)比吧!對(duì)比是最有效的改變你畫(huà)面的救命草!

這個(gè)問(wèn)題還有疑問(wèn)的話，可以加幕.思.城火星老師免費(fèi)咨詢，微.信號(hào)是為: msc496。

推薦閱讀：

淘寶店鋪跨店滿減收貨地址可以用不同的嗎？

淘寶賣(mài)家求助，華為10能拍攝淘拍嗎？怎樣設(shè)置？

淘寶新店如何引流？標(biāo)題如何優(yōu)化？

更多資訊請(qǐng)關(guān)注幕 思 城。