新手設計快速入門—排版四大原則

大夥好久不見，本篇是新手設計入門系列讀書筆記第四篇—排版入門。

雖然《寫給大家看的設計書》在很久之前已經出版，如今再看還是有許多值得借鑒的地方。本期總結了書中排版的四大原則部分，結合我搜集的一些案例，希望有所幫助哈。

一般說來，如果我們想要控制頁面，首先要知道有哪些設計原則，一旦我們注意到它，他們便無處不在。其中，最基礎也是最重要的頁面排版四大原則：對比、重複、對齊、親密性。

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

對比（Contrast）

對比從字面上簡單易懂，很容易吸引讀者去看一個頁面。例如大字體和小字體的對比，冷色和暖色的對比等。如果兩個元素想要形成對比，就應當使之不同，而且是截然不同。

每天都會發生的錯誤案例：

一眼看下去這個頁面乾淨簡潔，但是缺少了一些能夠抓住眼球的東西，也就是看不到明顯的主次之分。既然不同，就可以讓他們截然不同，我們可以嘗試做以下修改：

對於標題，既然我們想讓讀者第一時間注意到，不妨用更大更粗的字體來強調它，內容的小標題，統一用一種稍小的加粗文字，也符合之後要講到的「重複」原則。同時，標題和內容的大小要做明顯的區分，以此達到「對比」。

一句話中不同部分也可以採用粗細或大小對比，強調感情強烈的部分，畫面也更具感染力。

強烈的大小對比可以使目光很快地聚集到文字較大的部分。

顏色對比，對於視覺感受的影響立竿見影，例如這張一加3手機發布會的PPT，僅僅通過顏色好像就能體會到高低溫的區別。

對比（contrast）小結

如果你想形成對比，不妨加大力度。對比不僅可以增強頁面效果，更有助於文字的組織。可以通過大小、顏色、粗細、空間等方式，需要注意的是，對比一定要強烈。

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

重複（Repetition）

重複絕不僅僅是元素的複製粘貼，更多地時候我們可以把它理解為頁面的一致性，利用某些元素的重複來使整個設計作品達到統一的效果。它們可以是字體、形狀、顏色等等，但是一定要遵循某種設定好的規律。

logo設計中，將相似的元素進行重複變形，也可以取得不錯的效果，例如華為和Adidas。

在PPT頁面排版中，將多個相同類別的欄目重複排放，屢試不爽。

在海報設計中，重複的運用也可以使畫面富有張力，例如今年的蘋果開發者大會（WWDC）邀請函。

蘋果的設計師對於重複似乎樂此不疲，官網的廣告中也頻繁使用這種手法，將多個相同的產品同時呈現，但他們各自在顏色、形態上並不完全相同。

在做設計的過程中，如果一個元素引起了你的興趣，不妨拿來做重複元素，同時也添加一些全新的東西。這些重複的部分並不一定完全相同，但是會給人一種不突兀的整體感。

重複（repetition）小結

重複最重要的作用就在於統一，並增強作品的視覺效果。同時，為了避免重複過多同一種元素，不妨對其進行適當的變化，引起興趣的同時又不會讓人生厭。

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

對齊（Alignment）

對於設計新手而言，圖片、文字的隨意擺放往往讓人感覺頁面很雜亂，任何東西好像都是隨意丟在一邊。相對的，對齊原則是說任何元素都不能隨意擺放，它們應該與頁面上的某個物體有空間上的聯繫，雖然眼睛看不到，但是好像有一條線將他們連接起來。

現代大多數人的閱讀習慣是從左側開始，為數不少的海報設計都採用了文字左對齊的方式，即使文字大小、數量不同，仍可以散發出一種整齊的美感。

在用到邀請函以及一些較為莊重的場合時，居中對齊的方式往往更加有儀式感，這也是平時我們最常用的一種方式。

對齊（Alignment）小結

對於新手而言，一個頁面上一種對齊方式已經足夠。另外在設計頁面時，使用輔助線是幫助我們對齊的一個好習慣，可以讓頁面統一而有條理。補充一條簡單實用的對齊方法：確保任何一個元素都能在本頁與另外一個元素存在著視覺聯繫。

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

親密性（Proximity）

親密性的原則是指將相關的部分組織在一起，這樣一來，有關係的部分被看做一個組，而不是零散的個體，這樣也給讀者明確的提示，快速掌握頁面的內容分布。

在這裡，我們不妨將「對比」中的案例進行優化。案例中小標題與內容、段落之間的距離過於相似，兩端的區別沒有能很好地區別開，我們可以做適當變化。

優化之後，頁面的內容被劃分為了明顯的兩個部分，更易於閱讀。

在多組並列內容排版時，重複與親密性往往是不可分離的，使頁面充滿條理。

親密性原則在一些時尚畫冊類的設計中也尤為明顯，畫面的內容呈現為塊狀分布。

親密性（proximity）小結

親密性的根本目的是實現組織性，如果信息具有條理，將更容易被閱讀，也更容易被記住。如果元素無關，就要將其分開，同時避免頁面上出現太多孤立元素。

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

四大原則的內容基本介紹結束啦，需要注意的是，它們並不是單獨分離的四項原則，而常常作為一個整體同時出現，下面補充一些優秀的排版設計作品，共同學習進步。

本期內容就到這裡，更多教程關注知乎專欄：做生活的設計師。

新浪微博/微信訂閱：觀海PPT

推薦閱讀：