畫冊/PPT排版四原則
雖然《寫給大家看的設計書》在很久之前已經出版,如今再看還是有許多值得借鑒的地方。本期總結了書中排版的四大原則部分,結合我搜集的一些案例,希望有所幫助哈。
一般說來,如果我們想要控制頁面,首先要知道有哪些設計原則,一旦我們注意到它,他們便無處不在。其中,最基礎也是最重要的頁面排版四大原則:對比、重復、對齊、親密性。
對比(Contrast)
對比從字面上簡單易懂,很容易吸引讀者去看一個頁面。例如大字體和小字體的對比,冷色和暖色的對比等。如果兩個元素想要形成對比,就應當使之不同,而且是截然不同。
一眼看下去這個頁面干凈簡潔,但是缺少了一些能夠抓住眼球的東西,也就是看不到明顯的主次之分。既然不同,就可以讓他們截然不同,我們可以嘗試做以下修改:
對于標題,既然我們想讓讀者第一時間注意到,不妨用更大更粗的字體來強調它,內容的小標題,統一用一種稍小的加粗文字,也符合之后要講到的“重復”原則。同時,標題和內容的大小要做明顯的區分,以此達到“對比”。
一句話中不同部分也可以采用粗細或大小對比,強調感情強烈的部分,畫面也更具感染力。
強烈的大小對比可以使目光很快地聚集到文字較大的部分。
顏色對比,對于視覺感受的影響立竿見影,例如這張一加3手機發布會的PPT,僅僅通過顏色好像就能體會到高低溫的區別。
對比(contrast)小結
如果你想形成對比,不妨加大力度。對比不僅可以增強頁面效果,更有助于文字的組織??梢酝ㄟ^大小、顏色、粗細、空間等方式,需要注意的是,對比一定要強烈。
重復(Repetition)
重復絕不僅僅是元素的復制粘貼,更多地時候我們可以把它理解為頁面的一致性,利用某些元素的重復來使整個設計作品達到統一的效果。它們可以是字體、形狀、顏色等等,但是一定要遵循某種設定好的規律。
logo設計中,將相似的元素進行重復變形,也可以取得不錯的效果,例如華為和Adidas。
在PPT頁面排版中,將多個相同類別的欄目重復排放,屢試不爽。
在海報設計中,重復的運用也可以使畫面富有張力,例如今年的蘋果開發者大會(WWDC)邀請函。
蘋果的設計師對于重復似乎樂此不疲,官網的廣告中也頻繁使用這種手法,將多個相同的產品同時呈現,但他們各自在顏色、形態上并不完全相同。
在做設計的過程中,如果一個元素引起了你的興趣,不妨拿來做重復元素,同時也添加一些全新的東西。這些重復的部分并不一定完全相同,但是會給人一種不突兀的整體感。
重復(repetition)小結
重復最重要的作用就在于統一,并增強作品的視覺效果。同時,為了避免重復過多同一種元素,不妨對其進行適當的變化,引起興趣的同時又不會讓人生厭。
對齊(Alignment)
對于設計新手而言,圖片、文字的隨意擺放往往讓人感覺頁面很雜亂,任何東西好像都是隨意丟在一邊。相對的,對齊原則是說任何元素都不能隨意擺放,它們應該與頁面上的某個物體有空間上的聯系,雖然眼睛看不到,但是好像有一條線將他們連接起來。
現代大多數人的閱讀習慣是從左側開始,為數不少的海報設計都采用了文字左對齊的方式,即使文字大小、數量不同,仍可以散發出一種整齊的美感。
在用到邀請函以及一些較為莊重的場合時,居中對齊的方式往往更加有儀式感,這也是平時我們最常用的一種方式。
對齊(Alignment)小結
對于新手而言,一個頁面上一種對齊方式已經足夠。另外在設計頁面時,使用輔助線是幫助我們對齊的一個好習慣,可以讓頁面統一而有條理。補充一條簡單實用的對齊方法:確保任何一個元素都能在本頁與另外一個元素存在著視覺聯系。
親密性(Proximity)
親密性的原則是指將相關的部分組織在一起,這樣一來,有關系的部分被看做一個組,而不是零散的個體,這樣也給讀者明確的提示,快速掌握頁面的內容分布。
在這里,我們不妨將“對比”中的案例進行優化。案例中小標題與內容、段落之間的距離過于相似,兩端的區別沒有能很好地區別開,我們可以做適當變化。
優化之后,頁面的內容被劃分為了明顯的兩個部分,更易于閱讀。
在多組并列內容排版時,重復與親密性往往是不可分離的,使頁面充滿條理。
親密性原則在一些時尚畫冊類的設計中也尤為明顯,畫面的內容呈現為塊狀分布。
親密性(proximity)小結
親密性的根本目的是實現組織性,如果信息具有條理,將更容易被閱讀,也更容易被記住。如果元素無關,就要將其分開,同時避免頁面上出現太多孤立元素。
四大原則的內容基本介紹結束啦,需要注意的是,它們并不是單獨分離的四項原則,而常常作為一個整體同時出現,下面補充一些優秀的排版設計作品,共同學習進步。