網格式頁麵的設計意趣
搜網誌
作者：鄭建鵬
2012年10月，微軟在全球範圍內發布了其能夠融合PC、平板電腦、手機、電視、遊戲機等多種終端於一體的新一代操作係統Windows 8。這款最新操作係統在界麵設計上不同於蘋果各操作係統使用陰影、漸變、高光等表現實物紋理的擬真視覺效果，而是傾向於以所謂“扁平化”的方式簡單直接地將信息呈現，並在頁麵上以簡潔排版方式造成網格式的現代化風格。
網格式的頁麵特色首先得益於“扁平化”的圖標或按鈕設計，這種同擬物化完全不同的設計創意更注重圖像信息的簡約直白。就像建築設計在20世紀針對繁複與裝飾興起了“形式服從功能”的極簡主義一樣，“扁平化”被很多人看作是對多年來界麵設計過度雕琢的突破與逆襲。不過，我們無法證明在界麵運用中扁平化設計一定能比擬物化設計帶來更多的點擊量，“扁平化”或“擬物化”更像是人們在長期習慣了某種風格後，設計師們為了創新和脫穎而出反其道而行之的做法。建築設計風格的曆史演變也證明了這個道理：20世紀60年代，簡單而功能至上的建築發展到極端，人們開始感覺乏味與厭倦，強調文脈與裝飾的新現代主義、後現代主義便成為了人們的新選擇。
扁平化的設計策略讓網格式網頁成為可能——不僅僅一個圖標或應用程序成為“扁平”的，一個頁麵也被圖畫化與整合化。穀歌瀏覽器的網上應用商店即是如此，網頁被垂直分隔為兩大區域，左邊為應用程序分類與目錄區域，右邊為大量應用程序圖片編排而成的網格式頁麵。在越來越多的瀏覽者習慣於通過移動終端設備選擇各種應用程序的狀況下，這樣的應用商店布局和設計更符合使用者長久形成的認知習慣和使用體驗。
網格式頁麵在分類展示大量並列信息時有得天獨厚的優勢，因此許多博客網站、新聞網站或個人網站更願意使用這樣的設計風格。berndkammerer.com是一家攝影工作室的網站，其作品涵蓋了人物、汽車、風景等多個類別。網站在頁麵設計中，豎向分三列、四列不等，作品圖片之間分區塊交錯排列，紅色圓圈內則編排關於工作室的“新聞”內容。鼠標滑過圖片，相關的作品信息便在圖片底部呈現，鼠標退出時，整個頁麵又恢複簡潔、幹淨、一覽無餘的狀態。
相比於那些經過複雜創意與精心編排的充滿裝飾性與個性化的“花式”頁麵，網格式頁麵雖然缺乏百般雕琢的形式美感，但其透露出來的簡單卻有著其他頁麵沒有的不需要瀏覽者過多思考才能體會到的秩序與平衡。網格結構本來就是網頁設計的基礎，網格式頁麵編排不過是回歸傳統與質樸。這種回歸在繁雜的頁麵設計風格中創造了新的視覺導向方式，讓頁麵中的各項內容既整合統一，又各自獨立。RVLT是丹麥著名的時尚服裝品牌，其官方網站頁麵編排采用了導航按鈕同服裝圖片隨意式組合的網格布局方式。瀏覽者可隨意點擊頁麵中的任何位置並向左右兩個方向拖曳，如同翻書一樣，被拖曳的頁麵會不斷變換。圖片的豐富色彩同文字導航的大量留白反倒形成強烈對比與反差，使得網格式頁麵的簡潔與時尚特性更加顯露無遺。
網格本就是網頁設計的基礎框架，擬物化的設計以及人們對網頁設計強烈的擬真體驗需求促使網格通過陰影、漸變、高光等方式立體起來，而所謂的“扁平化”設計則是讓網頁風格重新回歸平麵。雖然現在人們對“扁平化”的提法尚有異議，我們更無法斷定扁平化網站比擬物化網站更能吸引人們關注與點擊。但無論如何，在以蘋果操作係統為代表的擬物化設計大行其道之時，出現一種完全不同的風格也不失為撩撥使用者和瀏覽者興奮情緒的好現象，畢竟越多的頁麵設計風格出現，越會讓互聯網顯得豐富多彩與個性十足，這也才是互聯網自由與開放的精神所在。