指縫很寬,時間太瘦,悄悄從指縫間溜走,此刻的福州雷聲滾滾,驟雨綿綿,坐在電腦前,竟忽然很想家,而家在哪里呢?呵呵,廢話不多說了,今天將要和大家分享的是排版中比較高級的構(gòu)圖方法——網(wǎng)格構(gòu)圖法。
很多時候我們會發(fā)現(xiàn)一些排版非常精美的海報,這些海報的美是獨特的,它們的版面亂而有序,有些元素看似孤立,實則密切聯(lián)系,比如以下幾幅圖。




通過觀察版面中的一些元素,我們發(fā)現(xiàn)文字部分看似凌亂,但仔細想想應(yīng)該存在某種聯(lián)系,可是又一時語塞,無從說起,其實,它們之間確實存在著某種聯(lián)系,什么聯(lián)系呢?我們再來看一幅圖。

上圖中,我們利用參考線(或者guideguide 插件)對其中的一幅圖做了詳細的劃分,劃分之后我們發(fā)現(xiàn)文字部分分布在一個個的網(wǎng)格中,并且彼此間有一種對齊關(guān)系,這種構(gòu)圖方法,我們稱之為網(wǎng)格構(gòu)圖法。
網(wǎng)格構(gòu)圖法首先要進行網(wǎng)格劃分,然后根據(jù)版面需要,分析每個格子的位置關(guān)系,選擇合適的格子分布各個元素。我們常用12等分和16等分的分欄方式進行網(wǎng)格劃分,也可以用三等分、四等分的分欄方式,此外,網(wǎng)格間也要設(shè)置間隙,可以讓個個模塊之間既有聯(lián)系又有區(qū)別。
關(guān)于網(wǎng)格的劃分以上只是經(jīng)驗總結(jié),其實并沒有固定的答案,網(wǎng)格劃分還是要根據(jù)自己的版面來,這樣是不是靈活得讓人感覺無從下手?但是萬變不離其宗,網(wǎng)格的劃分一定要是等分,這是其一。
其二,畫好網(wǎng)格之后要遵循一個排版規(guī)律,這個規(guī)律我把它叫做二分之一法,具體來說就是超出格子部分的文字或者圖片與格子中的文字或圖片的比例是1:2的關(guān)系。我們通過下圖來深入理解下。

這樣,通過網(wǎng)格構(gòu)圖法可以讓我們很容易排版出來簡潔整齊有節(jié)奏感的版面,從而達到亂而有序的效果。
PS 這里和大家分享幾本有關(guān)設(shè)計的書籍,相信會對你的設(shè)計大有幫助,如果有需要的小伙伴,可以在評論區(qū)留下郵箱,三爺會免費發(fā)給你,當(dāng)然,順便再點個贊那就再好不過啦。

忽然想到句歌詞:最美的不是下雨天,是曾與你躲過雨的屋檐,今天的分享先到這里吧,希望這種構(gòu)圖方法對您以后的學(xué)習(xí)或工作有所幫助,感謝您的閱讀,晚安!