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