鄭建鵬

二十世紀初的荷蘭，以杜斯伯格、蒙德里安為代表的畫家、設計師和建筑師組成了一個松散的創(chuàng)作集體，維系這個集體的是杜斯伯格創(chuàng)辦的一本名叫《風格》的雜志，現代設計史將這個組織稱之為“風格派”。風格派是二十世紀初期三大現代主義設計運動之一，其與俄國構成主義、德國包豪斯錯綜交織在一起。在“風格派”存續(xù)的十年間，他們向世人展示了抽象幾何線條在建筑設計、產品設計、平面設計中的巨大魅力。

在“風格派”那里，傳統建筑、家具、產品設計、繪畫和雕塑中的所有平面設計特征都被剝離和抽象為基本的幾何結構單體，藝術家和設計師將這些幾何結構單體進行組合，形成簡單的結構形態(tài)。如今，在網頁設計領域，設計師們又重新拾起風格派大師對于結構和形態(tài)的獨特理解，將網頁設計變成極具簡潔魅力和造型震撼的現代“風格派”。

當然，與風格派大師不同的是，現代網頁設計在幾何造型上已不再局限于縱橫結構，而是將更具動感的傾斜線、菱形、多邊形、彎角形、不規(guī)則四邊形等創(chuàng)意圖形作為視覺元素和組合結構應用于網頁造型中。這里面，近似于鉆石形態(tài)的菱形最受設計師歡迎，或許因為這種形態(tài)很好地融合了端正和動感兩種心理感受吧！NEO Lab是挪威一家互動創(chuàng)意與技術機構（圖一），其網站以鉆石形作為首頁主要的圖形造型要素，多個鉆石圖形拼合組接，構成一個連續(xù)的不規(guī)則多邊形。每個鉆石圖形鏈接一個獨立頁面內容，當鼠標懸停于其上時，原本灰色模式的傾斜方塊內圖片便呈現其原本的顏色。這些規(guī)整的鉆石圖形通過相互之間有規(guī)律的組合產生傾斜、別致、又充滿了運動張力的特殊造型效果，并產生大量的頁面留白，更凸顯作為視覺中心的傾斜圖形的存在感。

斜線不僅在平面造型中很容易被人知覺到，它更有助于網頁形式上的不均衡感和生動性的形成，進而同網站內容傳播產生內在的默契統一。Smilegate是韓國一家網絡游戲公司，其在中國大陸以《穿越火線》游戲為人所熟知。公司網站以三角形為創(chuàng)意元素，表現現代游戲公司無以倫比的創(chuàng)新活力（圖二）。公司網站動畫被設計為白色背景上不斷運動著的大量等邊三角形。這些色彩斑斕的三角形可拼合為一個更大形狀的規(guī)則三角形，也可反向組合為有尖角邊緣的四邊形（圖三）。在這些三角形運動組合的過程中，瀏覽者感受到萬花筒般的絢爛與迷幻。除頁面中心變化著的三角形或類四邊形外，外圍三個導航也被設計為以三角形為單面的多邊體，白色背景上更散落著零星彩色三角形。隨著鼠標的隨意運動，整個頁面也以逼真的透視關系呈現出頁面在立體空間內朝各個方向運動的效果。不僅幾何形態(tài)的設計充滿新意，網頁的遠動效果更讓人有在平面載體中體會立體空間的特殊感受，而這正是電腦游戲產品極力創(chuàng)造的浸入式體驗。

網格設計是網頁設計的基礎，這是源自二十世紀中期瑞士國際主義平面設計風格的悠久傳統，以斜線為基礎的個性化創(chuàng)意圖形打破了這一頁面設計的金規(guī)玉律，使網頁呈現更加多姿多彩的效果。而相對于用靜止與穩(wěn)定的斜線創(chuàng)意圖形切分頁面，處于運動和變化中的非常規(guī)圖形對于網頁布局脫離網格線的意義似乎更耐人尋味。圖四是法國飲料品牌Orangina的官方網站，這個以橙汁為主要產品的飲料品牌現已投入來自倫敦的歐洲知名軟飲料企業(yè)舒味斯旗下。Orangina官網首頁在上部設置了產品大圖片，下部則編排了品牌Facebook、喝前搖一搖的飲用方法、品牌的歷史遺產、產品的益處、1953年品牌第一支廣告以及產品的類型六項內容。每項內容均設計為不規(guī)則的四邊形。當鼠標懸浮于四邊形區(qū)域內時，對應圖形的四個邊框便向外圍擴張膨脹，在面積及形態(tài)上同周圍圖形產生明顯差別。Orangina官網幾乎集合當下網頁設計的所有重要趨勢：在首頁采用大面積的圖片背景和斜線造型；產品類型的下級頁面更將運動的斜線造型發(fā)揮得淋漓盡致；品牌歷史頁面則使用視差滾動，展現不同時期的品牌狀況；隱形按鈕和簡潔的創(chuàng)意導航圖標也在主頁中多次出現。

如文中所說，斜線圖形創(chuàng)意是極簡風格的現代網頁設計的個性化表現，它在造型上試圖跳脫出網格設計的窠臼，以滿足現代視覺審美的多樣化需求。但從頁面整體視覺的角度看，斜線圖形本身也是建立在網格基礎之上的，是對網格頁面的另一種幾何化切分，這是縱橫結構、斜線結構同有機曲線結構造型的本質不同。

鏈接

www.secondworldcup.com

第二個世界杯。由KRDS社交媒體機構發(fā)起的根據球迷的Tweet文章支持度來決定世界杯球隊勝負及冠軍歸屬的大型社交活動。巴西世界杯32強及核心球員被設計成一個個的圓形小氣泡，漂浮于首頁中，隨著鼠標的運動，這些氣泡還會上下左右浮動，甚至飛舞。

www.theuniversaltypeface.com

全球字體實驗。法國比克公司在全球范圍內邀請人們用圓珠筆手寫26個英文字母，并將這些手寫字體和書寫者信息呈現于網站之上。網站在頁面中部設計了一個類似中國書法的回宮格，26個英文字母以上下運動的形態(tài)依次出現在回宮格中。

irontoiron.com

Irontoiron網頁設計機構。這是一家創(chuàng)始于2010年的網頁設計公司，兩位創(chuàng)始人一位以品牌和視覺設計見長，一位則擅長于網頁技術開發(fā)。網站首頁以左右對稱的形式設計兩個相鄰的鉆石圖形，展示兩位合伙人的形象。深灰色頁面上則另有兩個稍大的鉆石圖形交叉疊放作為背景。

wybieramyklienta.pl

Peppermint網頁設計機構。位于波蘭首都華沙，網站所有的內容都被安排在眾多大小不等的五邊形內，這些五邊形無規(guī)律地散落在頁面內。整個頁面呈現為白色大背景、薄荷色的五邊形、深綠色的線條與文字，色彩及造型極為簡單，五邊形內有生動的手繪圖形，并設置了有趣的動畫效果。

www.vonvape.com

Vonvape電子香煙網站。首頁設計為一個倒V字形與正三角形的疊加，形成一個漏斗的形態(tài)。上部的倒V字形內編排首頁大圖片，下部的正三角形內則編排產品列表，左右兩側也形成兩個三角形留白區(qū)域，僅設置個人事務與加盟銷售兩個導航圖標。endprint