這么好的淘寶美工排版教程不看虧了啊

超級(jí)美工/原創(chuàng)

排版對(duì)于新手是個(gè)很費(fèi)神的活，排了半天耽誤時(shí)間不說還排的不好看，今天這篇文章、就是幫助大家怎么運(yùn)用一些規(guī)律來高效快速的排版！

————————————

第一招：對(duì)齊

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

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

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

案例二（居中對(duì)齊）

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

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

————————————

第二招：對(duì)比

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

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

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

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

——————————

注重事項(xiàng)

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

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

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

——————————

下面通過一些案例截圖幫助大家更好的熟悉大小和粗細(xì)對(duì)比！

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

——————————

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

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

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

——————————

第三招：分組

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

看一組案例↓

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