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

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

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

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

01 
對齊

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

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

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

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

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

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

02 
放大

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

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

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

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

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

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

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

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

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

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

字要大，表面上是放大字號，實際上是通過大小對比，突出主要信息，弱化次要信息。

03 
分組

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

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

又比如車站或者機場的列車航班信息，分組對齊之后簡直方便了太多，能有效避免旅客因為看錯時間地點導(dǎo)致的行程延誤。

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

包括手機上收到的信息，通過不同顏色的邊框也能讓分類更清晰。

下面是幾種常見的文字分類方式：

圖片來源于Canva

04
 留白

留白換個說法就是保持間距。

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

圖片來源于Canva

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

圖片來源于Canva

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

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

寫在最后

強迫癥舒適歌、強迫癥福音、處女座幸福歌……幾乎可以說，這個只有一分多鐘的排版之歌把一本書的排版原則都說到了。

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

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

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

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

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

作者公眾號：Canva設(shè)計（ID：canvadesign）