幾何線條的風格魅力

鄭建鵬

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

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

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

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

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

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

鏈接

www.secondworldcup.com

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

www.theuniversaltypeface.com

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

irontoiron.com

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

wybieramyklienta.pl

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

www.vonvape.com

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