這首日本設(shè)計神曲刷屏了，治好了我多年的強迫癥！
編輯：Elsa，首發(fā)：Canva設(shè)計 （ID：canvadesign）
最近，有這么一首關(guān)于排版的“洗腦神曲”《Layout song》一路從facebook火到了微博。
這首歌用各種生活中常見的設(shè)計舉例，就連完全不懂設(shè)計的人都能輕松get到排版的重要性。
而這些基礎(chǔ)的排版技巧，不管是文章排版、設(shè)計海報、PPT，甚至是寫論文都非常有用。
01
對齊
對齊作為最最最基礎(chǔ)的設(shè)計原則，平時卻很容易被忽視。
比如下面的這則通知，乍一看好像沒什么問題。但三個要點居左對齊后，一則通知應該有的嚴肅性和正式性才真正表現(xiàn)了出來。
有序號的時候，左對齊更符合人們的閱讀習慣。同時正文的左對齊也能和標題的居中對齊區(qū)分開來，主次分明，層級更清晰。
生活中最常見的地鐵名稱，沒有對齊的看上去非常亂，再加上車廂內(nèi)的搖晃，想看清站名就更難了。
經(jīng)過對齊之后的地鐵名就好多了，很多時候排版不止是為了好看，更多的是為了信息的有效傳達。
我們每天都會接觸到的電腦桌面變整齊了之后不僅找文件方便，能提高工作效率，心情也能瞬間變舒暢。
02
放大
放大可以說是甲方最喜歡說的一句話了，所有的甲方爸爸都希望logo要大、品牌名要大、字要大！
字要大確實是有道理的，不信的話，你可以看看下面這張圖：
是不是感覺遇到了設(shè)計界的科波菲爾，眼睛都被控制了！
實際上，很多甲方喜歡的“字要大”，不如說是要把最重要的信息放大。
就像《排版之歌》中提到的這幾個例子，當出口標識的箭頭和序號放大后，明顯比之前的更容易識別。
類似的還有表示危險的警告標識，把文字放大標紅才更容易引起重視，防止事故發(fā)生。
除了標識類的設(shè)計，平時我們接觸比較多的日用品，把商品名放大，也是為了在超市貨架上更吸引眼球。
把產(chǎn)品名放大，另一方面也可以避免誤用，防止把牙膏當成洗面奶用之類的情況發(fā)生。
而對于促銷信息而言，商品名就沒有那么重要了，畢竟實物就擺在面前。這時候促銷和價格反而是最應該被放大突出的信息。
當然，走高端路線的商品就不必把字放得那么大。
字要大，表面上是放大字號，實際上是通過大小對比，突出主要信息，弱化次要信息。
03
分組
分組就是根據(jù)信息的不同，通過調(diào)整間距、顏色，做出清楚的區(qū)分。
分組和對齊配合使用，能讓雜亂無章的信息瞬間變得明明白白。比如超市小票，什么東西花了多少錢，排版后一一對應，再也不怕算錯帳。
又比如車站或者機場的列車航班信息，分組對齊之后簡直方便了太多，能有效避免旅客因為看錯時間地點導致的行程延誤。
當然，還有最近讓不少人頭疼的垃圾分類，通過顏色區(qū)分調(diào)整間距后，再也不用擔心扔錯垃圾了。
包括手機上收到的信息，通過不同顏色的邊框也能讓分類更清晰。
下面是幾種常見的文字分類方式：
圖片來源于Canva
04
留白
留白換個說法就是保持間距。
比如，文章、書籍排版如果文字間距過密，對讀者來說輕則密恐爆發(fā)，重則看不清文字影響閱讀。對于作者而言，四舍五入就約等于白寫了。
圖片來源于Canva
如果字間距大于行間距，文字比上下文字還要遠的時候，是先會自動把文字豎向連接起來，這樣的閱讀感受是非常糟糕的。
圖片來源于Canva
所以文字排版的時候要注意“行間距＞字間距”，而且篇幅較長的時候，要適當把行間距調(diào)大一點兒。
不止是單純的文字排版，海報設(shè)計也要注意留白，如果每個元素都放大，很容易給人一種窒息感，看著都難受，更別說看清圖上的信息是什么了。
寫在最后
強迫癥舒適歌、強迫癥福音、處女座幸福歌……幾乎可以說，這個只有一分多鐘的排版之歌把一本書的排版原則都說到了。
好的設(shè)計不是簡單的好看就夠了。好的設(shè)計首先要滿足最基本的易讀性，清晰明確地傳達信息，并突出重點。
而排版設(shè)計也早已融入了我們生活中的方方面面，不注重排版設(shè)計，不僅不美觀，而且會給我們的生活帶來極大的不便。
除了這首《排版之歌》，同一系列的還有討論點、線、面、之間的微妙關(guān)系的《點線面之歌》：
以及介紹日本家紋“圓生萬物”的《日式家紋之歌》：
這三首歌均出自豆瓣9.4分的兒童設(shè)計科普節(jié)目《啊！設(shè)計》，雖然面向兒童，但視角獨特，成年人看了也能深受啟發(fā)、激發(fā)新靈感。
作者公眾號：Canva設(shè)計（ID：canvadesign）
轉(zhuǎn)載請在文章開頭和結(jié)尾顯眼處標注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴禁轉(zhuǎn)載，授權(quán)事宜請聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請至數(shù)英微信公眾號(ID: digitaling) 后臺授權(quán)，侵權(quán)必究。
評論
評論
推薦評論
全部評論（2條）