左圖: 瑞士風(fēng)格海報(bào) by Josef Müller-Brockmann。右圖: 后現(xiàn)代主義風(fēng)格海報(bào) by Wolfgang Weingart
現(xiàn)代布局柵格線系統(tǒng)是由瑞士設(shè)計(jì)(又名國(guó)際主義平面設(shè)計(jì)風(fēng)格)在20世紀(jì)早期確立的。
到了70年代,后現(xiàn)代風(fēng)格影響了瑞士設(shè)計(jì)風(fēng)格,瑞士風(fēng)格一改過(guò)去僵化的柵格線系統(tǒng),換之以更加靈活的柵格線布局。以完成更復(fù)雜、裝飾更華麗的設(shè)計(jì)。后現(xiàn)代主義設(shè)計(jì)師從未抵制過(guò)柵格線系統(tǒng),但是他們打破了限制。

左起:Sex Pistol Album cover by Jamie Reid,。Magazine, ‘Emigre’ Spread, ‘Ray Gun’ Magazine cover
還有一些平面設(shè)計(jì)師以新式風(fēng)格繼續(xù)推動(dòng)著柵格線系統(tǒng)的發(fā)展,形成了諸如朋克、新浪潮、數(shù)字表現(xiàn)主義等新風(fēng)格。一些設(shè)計(jì)師,比如David Carson,完全摒棄了柵格線。更多的是對(duì)柵格線系統(tǒng)理解基礎(chǔ)上的改良、突破。
時(shí)至今日,柵格線系統(tǒng)依然重要。但是不要那么死板,腦子要活一點(diǎn)兒,還有很多設(shè)計(jì)的技法,尤其是以自由開放而著稱的網(wǎng)頁(yè)設(shè)計(jì)。

如圖: The Amanda Project website, Ed Fella’s website, Kutztown Communications department website,MTV‘s website
你看上面這些網(wǎng)頁(yè)設(shè)計(jì),都使用了柵格線系統(tǒng),設(shè)計(jì)師”玩”的比誰(shuí)都”溜”,他們會(huì)根據(jù)現(xiàn)有的情況,突破柵格線的限制,在不犧牲可用性的前提下,達(dá)到出色的視覺效果。
因此,要想掌握本文的技法,必須要有扎實(shí)的基本功,要對(duì)柵格線有充分的了解和心得。本文可不是新手向的文章,”要想跑,先會(huì)走”。同理,要想改造柵格線,必須先要掌握柵格線基礎(chǔ)。什么叫做偉大的設(shè)計(jì)師?偉大的設(shè)計(jì)師便是:心中對(duì)基礎(chǔ)和原則了如指掌,但又不墨守成規(guī),根據(jù)實(shí)際情況與個(gè)人經(jīng)驗(yàn),打破規(guī)則,完成更美的設(shè)計(jì)。
廢話不多說(shuō),看看這些設(shè)計(jì)師們是如何打破規(guī)則的吧。
1. 階梯狀布局

階梯狀的字體布局富有后現(xiàn)代主義氣息,配合相關(guān)的圖像,能夠達(dá)成與眾不同的視覺效果。
2. 適度傾斜

性感的翹臀?性感的翹字?個(gè)性十足,遐想連篇。
3. 環(huán)繞形布局

更好的圖文結(jié)合、打造視覺焦點(diǎn)、充分利用空間,挖掘柵格線系統(tǒng)的潛力。
4. 插畫元素

柵格式布局太呆板?試著加入一點(diǎn)插畫元素吧。讓頁(yè)面看起來(lái)更具娛樂性,更好的平衡美學(xué)與功能。
5. 重疊

在Frank Chimero的動(dòng)態(tài)個(gè)人網(wǎng)站中,他采用了圖像重疊的手段,而非傳統(tǒng)的柵格線布局。令人印象深刻。
6. 利用頁(yè)面邊緣

不要為了留邊距而留邊距——可以做點(diǎn)小實(shí)驗(yàn),讓文本超出頁(yè)面邊緣,然后用成沓的印刷品來(lái)呈遞作品。
7. 妙用形狀

銳利的矩形配合以文本,看起來(lái)像是玻璃碎片,暗含一種暴力、興奮的因素。
8. 不對(duì)稱設(shè)計(jì)

不對(duì)稱設(shè)計(jì)讓人感覺非常自然、淳樸、無(wú)修飾。比如說(shuō)這罐蜂蜜,感覺就很天然。
9. 拼貼畫

這則可愛的婚禮邀請(qǐng)函感覺非常人性化、有手工質(zhì)感,濃厚的拼貼風(fēng)格。
10. 加入引用

用戶對(duì)一成不變的閱讀節(jié)奏感到厭倦怎么辦?那就試著打破節(jié)奏,給用戶一點(diǎn)驚喜,引用就是一個(gè)好方法。尤其是在大塊大塊的文本信息中,加入引用可以適度緩解多欄布局的閱讀節(jié)奏感,讓用戶讀起來(lái)更舒心。
11. 手繪字體

適度添加手繪風(fēng)格的字體,讓你的設(shè)計(jì)更加有趣,別有風(fēng)味,而不是一本正經(jīng)。
這就是突破柵格線布局設(shè)計(jì)的一些技法,大家可以舉一反三,在熟悉基礎(chǔ)的前提下,突破原則,也突破自我!