鄭建鵬

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

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

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

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

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

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

鏈接

www.secondworldcup.com

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

www.theuniversaltypeface.com

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

irontoiron.com

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

wybieramyklienta.pl

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

www.vonvape.com

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