編輯：Elsa，首發(fā)：Canva設(shè)計(jì) （ID：canvadesign）

最近，有這么一首關(guān)于排版的“洗腦神曲”《Layout song》一路從facebook火到了微博。

這首歌用各種生活中常見(jiàn)的設(shè)計(jì)舉例，就連完全不懂設(shè)計(jì)的人都能輕松get到排版的重要性。

而這些基礎(chǔ)的排版技巧，不管是文章排版、設(shè)計(jì)海報(bào)、PPT，甚至是寫(xiě)論文都非常有用。

01 
對(duì)齊

對(duì)齊作為最最最基礎(chǔ)的設(shè)計(jì)原則，平時(shí)卻很容易被忽視。

比如下面的這則通知，乍一看好像沒(méi)什么問(wèn)題。但三個(gè)要點(diǎn)居左對(duì)齊后，一則通知應(yīng)該有的嚴(yán)肅性和正式性才真正表現(xiàn)了出來(lái)。

有序號(hào)的時(shí)候，左對(duì)齊更符合人們的閱讀習(xí)慣。同時(shí)正文的左對(duì)齊也能和標(biāo)題的居中對(duì)齊區(qū)分開(kāi)來(lái)，主次分明，層級(jí)更清晰。

生活中最常見(jiàn)的地鐵名稱(chēng)，沒(méi)有對(duì)齊的看上去非常亂，再加上車(chē)廂內(nèi)的搖晃，想看清站名就更難了。

經(jīng)過(guò)對(duì)齊之后的地鐵名就好多了，很多時(shí)候排版不止是為了好看，更多的是為了信息的有效傳達(dá)。

我們每天都會(huì)接觸到的電腦桌面變整齊了之后不僅找文件方便，能提高工作效率，心情也能瞬間變舒暢。

02 
放大

放大可以說(shuō)是甲方最喜歡說(shuō)的一句話了，所有的甲方爸爸都希望logo要大、品牌名要大、字要大！

字要大確實(shí)是有道理的，不信的話，你可以看看下面這張圖：

是不是感覺(jué)遇到了設(shè)計(jì)界的科波菲爾，眼睛都被控制了！

實(shí)際上，很多甲方喜歡的“字要大”，不如說(shuō)是要把最重要的信息放大。

就像《排版之歌》中提到的這幾個(gè)例子，當(dāng)出口標(biāo)識(shí)的箭頭和序號(hào)放大后，明顯比之前的更容易識(shí)別。

類(lèi)似的還有表示危險(xiǎn)的警告標(biāo)識(shí)，把文字放大標(biāo)紅才更容易引起重視，防止事故發(fā)生。

除了標(biāo)識(shí)類(lèi)的設(shè)計(jì)，平時(shí)我們接觸比較多的日用品，把商品名放大，也是為了在超市貨架上更吸引眼球。

把產(chǎn)品名放大，另一方面也可以避免誤用，防止把牙膏當(dāng)成洗面奶用之類(lèi)的情況發(fā)生。

而對(duì)于促銷(xiāo)信息而言，商品名就沒(méi)有那么重要了，畢竟實(shí)物就擺在面前。這時(shí)候促銷(xiāo)和價(jià)格反而是最應(yīng)該被放大突出的信息。

當(dāng)然，走高端路線的商品就不必把字放得那么大。

字要大，表面上是放大字號(hào)，實(shí)際上是通過(guò)大小對(duì)比，突出主要信息，弱化次要信息。

03 
分組

分組就是根據(jù)信息的不同，通過(guò)調(diào)整間距、顏色，做出清楚的區(qū)分。

分組和對(duì)齊配合使用，能讓雜亂無(wú)章的信息瞬間變得明明白白。比如超市小票，什么東西花了多少錢(qián)，排版后一一對(duì)應(yīng)，再也不怕算錯(cuò)帳。

又比如車(chē)站或者機(jī)場(chǎng)的列車(chē)航班信息，分組對(duì)齊之后簡(jiǎn)直方便了太多，能有效避免旅客因?yàn)榭村e(cuò)時(shí)間地點(diǎn)導(dǎo)致的行程延誤。

當(dāng)然，還有最近讓不少人頭疼的垃圾分類(lèi)，通過(guò)顏色區(qū)分調(diào)整間距后，再也不用擔(dān)心扔錯(cuò)垃圾了。

包括手機(jī)上收到的信息，通過(guò)不同顏色的邊框也能讓分類(lèi)更清晰。

下面是幾種常見(jiàn)的文字分類(lèi)方式：

圖片來(lái)源于Canva

04
 留白

留白換個(gè)說(shuō)法就是保持間距。

比如，文章、書(shū)籍排版如果文字間距過(guò)密，對(duì)讀者來(lái)說(shuō)輕則密恐爆發(fā)，重則看不清文字影響閱讀。對(duì)于作者而言，四舍五入就約等于白寫(xiě)了。

圖片來(lái)源于Canva

如果字間距大于行間距，文字比上下文字還要遠(yuǎn)的時(shí)候，是先會(huì)自動(dòng)把文字豎向連接起來(lái)，這樣的閱讀感受是非常糟糕的。

圖片來(lái)源于Canva

所以文字排版的時(shí)候要注意“行間距＞字間距”，而且篇幅較長(zhǎng)的時(shí)候，要適當(dāng)把行間距調(diào)大一點(diǎn)兒。

不止是單純的文字排版，海報(bào)設(shè)計(jì)也要注意留白，如果每個(gè)元素都放大，很容易給人一種窒息感，看著都難受，更別說(shuō)看清圖上的信息是什么了。

寫(xiě)在最后

強(qiáng)迫癥舒適歌、強(qiáng)迫癥福音、處女座幸福歌……幾乎可以說(shuō)，這個(gè)只有一分多鐘的排版之歌把一本書(shū)的排版原則都說(shuō)到了。

好的設(shè)計(jì)不是簡(jiǎn)單的好看就夠了。好的設(shè)計(jì)首先要滿(mǎn)足最基本的易讀性，清晰明確地傳達(dá)信息，并突出重點(diǎn)。

而排版設(shè)計(jì)也早已融入了我們生活中的方方面面，不注重排版設(shè)計(jì)，不僅不美觀，而且會(huì)給我們的生活帶來(lái)極大的不便。

除了這首《排版之歌》，同一系列的還有討論點(diǎn)、線、面、之間的微妙關(guān)系的《點(diǎn)線面之歌》：

以及介紹日本家紋“圓生萬(wàn)物”的《日式家紋之歌》：

這三首歌均出自豆瓣9.4分的兒童設(shè)計(jì)科普節(jié)目《??！設(shè)計(jì)》，雖然面向兒童，但視角獨(dú)特，成年人看了也能深受啟發(fā)、激發(fā)新靈感。

作者公眾號(hào)：Canva設(shè)計(jì)（ID：canvadesign）