在「設(shè)計網(wǎng)格的歷史」中潜索,我們概括了文藝復(fù)興起源及20世紀(jì)設(shè)計網(wǎng)格的發(fā)展逢净,探索有700年歷史的和諧比例原則是如何繼續(xù)指導(dǎo)印刷設(shè)計的被芳。在這篇文章最后肪获,我們也會看到它們對網(wǎng)頁的影響。
現(xiàn)在狮含,讓我們考察近代設(shè)計網(wǎng)格顽悼,并完善主題:20世紀(jì)藝術(shù)與設(shè)計對網(wǎng)格的公開提倡、隨后而來的短暫抵制几迄、以及現(xiàn)代最終在網(wǎng)頁設(shè)計上微妙而不可動搖的地位蔚龙。請閱讀并思考我們立足于何處,尋找資源發(fā)揮網(wǎng)格的最大潛能映胁。
20世紀(jì)的藝術(shù)與設(shè)計
當(dāng)瑞士排版師在建立印刷設(shè)計中網(wǎng)格的中心地位時木羹,世界純藝術(shù)領(lǐng)域也發(fā)起了類似運動。
網(wǎng)格在荷蘭風(fēng)格派運動中最為明顯解孙,這個運動由藝術(shù)家凡·杜斯堡(Theo van Doesburg)和蒙德里安(Piet Mondrian)于1917年發(fā)起坑填。基于對模塊設(shè)計廣泛理想化的潛力和對絕對簡潔的信仰弛姜,他們在畫布上只使用縱橫交錯的線條和未經(jīng)調(diào)和的顏色脐瑰。
2年后,在1919年娱据,德國的包豪斯成立蚪黑,他們崇尚形式追隨功能,舍棄一切「不必要」及裝飾的成分中剩。這個哲學(xué)引導(dǎo)他們使用網(wǎng)格忌穿,正如著名的包豪斯國際象棋。這副棋的棋子均為圓和方结啼,能緊密放置保證便攜保存掠剑。
同時,網(wǎng)格在平面設(shè)計中的地位越來越牢固郊愧。翻看Josef Muller Brockmann, Richard P. Lohse, Armin Hofmann 和Alberto Longhi等大師的著名招貼作品朴译,你能看到它們都嚴(yán)格遵循網(wǎng)格(有時網(wǎng)格是傾斜的,這被唯一許可)
1972年属铁,Massimo Vignelli重設(shè)計的紐約地鐵地圖改變了站點的地理位置眠寿,基于網(wǎng)格制作了一張更易讀的地圖。
而到1960年代的波普藝術(shù)時代焦蘑,網(wǎng)格地位大致到達頂峰盯拱。Andy Warhol、 Roy Lichtenstein、Chuck Close 和Gerhard Richter等藝術(shù)家把這個機械大生產(chǎn)的「粗俗」語言提升到藝術(shù)高度狡逢,網(wǎng)格成為核心宁舰。
很快人們厭倦了網(wǎng)格蛮艰,在1970到80年代左右,許多設(shè)計師嘗試減少甚至完全放棄使用設(shè)計網(wǎng)格雀彼。但網(wǎng)頁時代改變了這一切壤蚜。
當(dāng)代網(wǎng)頁設(shè)計
數(shù)字技術(shù)曾有一個時期被認為能超越設(shè)計網(wǎng)格,但這沒有持續(xù)很久徊哑。設(shè)計師逐漸發(fā)現(xiàn)網(wǎng)格是組織網(wǎng)頁結(jié)構(gòu)仍律、在多設(shè)備間實現(xiàn)響應(yīng)式的理想工具。
由于一格能重復(fù)使用实柠,清晰的網(wǎng)格能組織良好的網(wǎng)頁結(jié)構(gòu),易于瀏覽也為設(shè)計師規(guī)避麻煩善涨。由于網(wǎng)頁打開了印刷不能實現(xiàn)的新美學(xué)領(lǐng)域——比如可視顏色窒盐、材質(zhì)和字體的多樣性——相同的網(wǎng)格可以做出完全不同的視覺風(fēng)格。
一般來說钢拧,互聯(lián)網(wǎng)網(wǎng)格使用9蟹漓、12或16欄,但正如下面的案例源内,當(dāng)代設(shè)計師有時也會只用3欄葡粒。如果3欄足夠,就無需多用膜钓。
瀏覽網(wǎng)頁,使用特例網(wǎng)格的網(wǎng)站也越來越多沃疮。查看這些精妙例子盒让,你會發(fā)現(xiàn)有些網(wǎng)頁使用了垂直網(wǎng)格,也有一些使用了更模塊化的方案司蔬。
一些能幫你著手使用的資源:
Ultimate Guide To Grid-Based Web Design: Techniques and Tools
Grid-Based Web Design, Simplified