大硯老師：電商海報排版三大招（對齊/對比/分組）

排版對于新手是個很費神的活，排了半天耽誤時間不說還排的不好看，今天這篇文章、就是幫助大家怎么運用一些規(guī)律來高效快速的排版！ ———————————— 第一招：對齊 先看一組案例（左對齊/右對齊） 這些都是最常見的電商海報，基本都采用了左對齊排版方式，因為根據(jù)人的瀏覽習(xí)慣一般都是從左往右看。

對齊是最常見也是最基礎(chǔ)的排列方式。

大家可以隨手翻翻身邊的書籍，里面的所有排版都會應(yīng)用對齊。

對齊的排版會有一道看不見的線，這條線平行于海報的邊界線，與海報的邊相呼應(yīng)，將所有的文案自然而然的串聯(lián)到一起。

給人以穩(wěn)重，力量，統(tǒng)一，工整的感覺，是最最常見的排列方式。

居中式的排版在生活中最常見就是房地產(chǎn)和一些珠寶海報~居中排版會給人正式，大氣，高端，有品質(zhì)感覺。

在電商海報中居中排版經(jīng)常會見到文案直接打在產(chǎn)品上面，文案的遮擋會和后面的產(chǎn)品營造出一前一后的層次感，加上一些光效會讓整張畫面空間感提升許多。

居中對齊并不適合入門的新手，因為這對畫面的布局把控有一定的要求。

———————————— 第二招：對比 無對比不設(shè)計。

人們的眼睛不喜歡看平淡無奇千篇一律的東西，喜歡看有對比的畫面！ 使用對比的排版技巧可以最有效的增加畫面的視覺效果。

對比原則包含的內(nèi)容很多，比如虛實對比，冷暖對比等等，這次我們只談關(guān)于字體的大小對比和粗細(xì)對比。

首先一起看下面這個案例： 大家看下使用對比前后的效果，在排版中僅僅運用對齊這一個原則是不夠用的，第二步就要用到對比！第一張圖片由于缺少對比，整體顯得很乏味，除了標(biāo)題略大一點下面的文本太長而且沒有吸引讀者的地方。

第二張海報則運用對比的手法，使得頁面更吸引人。

而且文案的組織結(jié)構(gòu)一目了然，更便于讀者閱讀。

第二張海報中的主標(biāo)題加大加粗，與引標(biāo)題2014夏裝...形成大小和粗細(xì)對比。

下面的正文采用小字，但是價格部分加粗強(qiáng)調(diào)再次形成對比。

最下面的包郵說明部分采用最細(xì)最小的字與順豐包郵又形成一種粗細(xì)大小的對比。

還有不要擔(dān)心字小了顧客就不讀，只要標(biāo)題吸引到顧客，自然會讀這些較小的文字。

只要將重點文字提煉出來放大加粗之后就能使整個版面信息主次分明，富有層級和組織性，就會在視覺上引導(dǎo)消費者向下瀏覽。

—————————— 注意事項 * 找出文案中最重點的語句，運用粗細(xì)對比和大小對比加以強(qiáng)調(diào)和區(qū)分！ * 字體既然要對比就要對比分明，把標(biāo)題設(shè)置12號字，把正文設(shè)置為10號字毫無意義，既然用對比就要大足夠大，小足夠小，細(xì)夠細(xì)，粗夠粗，讓人眼一看就看出來他們的對比關(guān)系！記??！一定要對比分明！ * 對比不光會讓畫面更加美觀，而且也會增加頁面的可讀性，不要擔(dān)心對比后的讀者不會去讀小字，假如畫面所有文字都一樣大的時候，沒重點，沒邏輯性，顧客往往一瞥而過。

只要你強(qiáng)調(diào)的部分吸引到顧客，顧客也會下意識的往下看。

—————————— 下面通過一些案例截圖幫助大家更好的認(rèn)識大小和粗細(xì)對比！ 大家看到?jīng)]，只通過改變字體的大小和粗細(xì)就能把設(shè)計變的非常精美！有時候為了對比更加明顯，會降低小字部分的透明度，產(chǎn)生明暗對比。

—————————— 下面扯一下疏密對比在居中對齊的排列方法中經(jīng)常還會運用疏密的對比手法。

疏密對比中很多新人容易犯的一個毛病就是字符間距不寬不緊，給人的感覺很松垮，有時候可以嘗試把字距調(diào)整為負(fù)值，更加緊湊一點。

疏的夠疏，密的夠密，不要半疏不密的給人感覺會不穩(wěn)定。

—————————— 第三招：分組 當(dāng)文案過多的時候就考慮將文案分組，將相同信息的文案擺放到一起，這樣不僅使整個頁面富有條理性，也會看上去非常美觀，更加有利于消費者閱讀。

看一組案例 如果一個海報上包含的文案信息太多，不加以整理的話就會顯得雜亂無章毫無秩序，通過分組，就好比寫作文分自然段一個道理。

將有同一性質(zhì)的文案分為一組，就會讓版面無論在視覺感官還是閱讀層次上來看都很有條理性。

—————————— 最后總結(jié) 一般來說一張海報基本就運用這三個原則，對齊，對比，分組。

切記一句話，畫面中每一個元素的存在以及它的擺放都有它的道理！畫面是你設(shè)計的，你應(yīng)該說出你這么做的來由！ 所有帶有震撼視覺效果的畫面都是源自對比，如果有人說你畫面太平淡了，那么就請運用對比吧！對比是最有效的改變你畫面的救命草！ —————————— 下面這張圖是淘寶官方首焦固定的排版方式，現(xiàn)在你能找出它的用了什么方法嗎？

這個問題還有疑問的話，可以加幕.思.城火星老師免費咨詢，微V.信X號是為: msc496。