宜家這本小冊子，居然暗藏了一個設計技巧
作為排版工具人，最怕領導給的反饋就是“排版太死板了”。可是給的素材一共就那么多，萬變不離其宗啊。
Canva醬偶然翻開了去年去宜家搶回來收藏的最后一期《宜家家居指南》，我才發現排版這活，真的不難！
01 網格系統
在分析宜家小冊子的排版前，Canva醬必須先提一下網格系統，也就是下面這樣的東西：
簡單說就是在頁面上畫出幾行幾列的網格，在網格內填充不同的元素。你也可以理解為往下面這樣的架子上放東西。
網格系統本質上是一種秩序系統，它能保證設計是客觀的、功能性的并且具備數學邏輯美感。
有了網格的限制，無論復雜還是簡單的頁面，都有了一套統一的規則來解決。你做的一系列設計就可以保證有系統性，并且便于閱讀。
無論是純文字的排版：
還是圖文混雜的排版：
使用網格系統，都能獲得不錯的效果。
02 單張圖排版
說回宜家小冊子，它本質上是一本畫冊，展示宜家的各種產品。其中較為常見的是一張圖加小段文字的頁面。
這樣的排版不難，但如果頁面很多，要保持風格統一，又要版面生動就要花些心思。
以左右排版為例，宜家的小冊子里有下面幾種形式。大家可以看到，版面的風格是統一的，但每張都有些許的變化。
想做到這種效果其實很簡單，就以下面這張圖為例。
這是一個標準的左右結構排版，簡化一下大概是這個樣子：
從這幾個圖片、文字的排列里面，我們可以看出，有一個隱形的網格。
劃重點：
通常來說更多行列的網格會帶來更多的變化，同時也會讓版面更細碎。所以網格的行數和列數還是依內容而定。
這樣的網格規定了圖和文的位置，你可以很方便地換圖和文，從而構成不同的版面。也可以稍加改動，變成完全不同的版式。
示例：
以下頁面都是基于3X3的網格，做的一系列小改動。
這張圖其實就是在上圖左右排版的基礎上，又加了一個小圖，于是就成了一個新的版式。
將左邊圖片上方空出，變成標題行，又有了一種版式。
兩張圖錯一下位置，也是一種不錯的嘗試。
把標題行砍成一半，再加一張小圖，一個不規則又有邏輯性的版面就出現了。
大家可以在Canva可畫側邊的工具欄里，找到【素材】中的【拼圖】選項，這里有各種形式的網格，可以幫你快速做出不同樣式的排版。
03 多圖排版
上面提到的頁面只有一兩張圖，版面內容的邏輯關系比較簡單。如果多圖混排要怎么做呢？
你依然可以使用網格系統，但橫平豎直的網格可能太過單調，看起來死板。那么你可以有以下幾種做法。
1. 加入文本框，打破死板的網格。
2. 使用兩種網格混搭。
下圖里，第一行分三欄，第二行分兩欄，兩行高度不同，兩個方向的排版都有變化，頁面就會顯得靈活。
如果頁面圖片更少，也可以用相似的處理手法。下圖與上圖的網格系統一樣，但少了兩張圖，其位置被文字替代。 為了讓頁面不會因為缺圖而顯得不穩，用對角線布局來處理圖片是很常見的做法。
3. 圖片進行摳圖處理
將其中一兩張圖片做摳圖處理，增加頁面的靈活性。
可以是中心的圖。
也可以是對角線排布的圖。
如果不會摳圖，可以嘗試Canva可畫中的一鍵摳圖功能。
操作步驟如下：
1.選中圖片（一定要選中！選中才會有摳圖的選項！）
2.點擊圖片左上角的“編輯圖片”
3.選擇“摳圖”工具
4.完事了
最后下載時記得選擇PNG文件以及透明背景。
模板分享
寫在最后
今天的設計小課堂就到這里了。簡單來說，先構建好適合內容的網格系統，然后通過在不同格子里添加圖或者文，就能獲得多樣的排版。
如果還不滿足，就使用兩種不同的網格混搭，打造出更豐富的形式。
這樣，你就可以做出看起來很規矩，又不完全規矩，在規矩和不規矩的邊緣瘋狂試探的多樣排版。
作者：Dong
作者公眾號：Canva設計（ID：canvadesign）
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）