（上海理工大學(xué)公共實(shí)驗(yàn)中心200093）

任何平面設(shè)計(jì)形式都基于一個(gè)結(jié)構(gòu)體系，這些體系或框架可以歸納為不同的類型，每種版式類型也有著無數(shù)的變化。在網(wǎng)站創(chuàng)新設(shè)計(jì)中，設(shè)計(jì)師可以在單一的體系中機(jī)動(dòng)性地排列文字和圖形，可以將各類構(gòu)造混合，或是對(duì)某些肌理關(guān)系進(jìn)行重塑。版式設(shè)計(jì)過程本身是復(fù)雜的，因?yàn)榘媸街械脑夭粌H要完成傳達(dá)溝通的功能，另外還有視覺層級(jí)、閱讀順序、易讀性和對(duì)比關(guān)系等標(biāo)準(zhǔn)，我們會(huì)分析在創(chuàng)新中常用的幾類版式體系。

一、自由式體系

在自由式體系中，元素的安排并非有明確目的、模式、方向、規(guī)則、方式或意圖，但它只是看似隨意，因?yàn)橛^者會(huì)對(duì)構(gòu)圖進(jìn)行組織——哪怕是無意識(shí)的。人類已經(jīng)被程序化的眼睛和大腦，看到任何東西都要尋找模式、圖形和秩序，早期人類因?yàn)檫@樣的能力得以生存下來。創(chuàng)作自由體系構(gòu)圖，也就是在頁(yè)面上隨機(jī)散布各種元素，當(dāng)有些元素不可避免地排列起來，觀者會(huì)認(rèn)為構(gòu)圖是有意識(shí)的。但是創(chuàng)作自由構(gòu)圖并不復(fù)雜，當(dāng)畫面中元素被剪切、交疊、文字以不同的角度放置。易讀性因此而減弱時(shí)，這幅構(gòu)圖就將呈現(xiàn)出隨意的感覺。除此之外，自由放置的元素往往會(huì)出現(xiàn)非常動(dòng)態(tài)的自然效果，盡管易讀性差，但視覺效果卻十分吸引人。

當(dāng)文字行為水平排列時(shí)，構(gòu)圖幾乎不可能產(chǎn)生自由的效果。任何單一的方向，水平的、垂直的或者斜向的，都表露出一種次序感和意圖感。而角度的多重性會(huì)立刻給構(gòu)圖帶來自由感，而且角度越復(fù)雜，變化越多，構(gòu)圖的自由感越強(qiáng)。在具有多重角度的構(gòu)圖中，元素的交疊和剪切都會(huì)很自然地發(fā)生，這些也最明顯地表達(dá)了自由式體系構(gòu)圖的特征。

二、網(wǎng)格式體系

網(wǎng)格式體系使用垂直和水平分割來組織關(guān)聯(lián)各元素。網(wǎng)格式體系的構(gòu)圖通常是規(guī)整的，追求視覺秩序和流程化設(shè)計(jì)?，F(xiàn)實(shí)生活中網(wǎng)格式體系包括窗戶、地圖和數(shù)獨(dú)游戲等，在網(wǎng)頁(yè)文字布局上也常常被用到，因?yàn)樗鼈兛梢砸龑?dǎo)信息層次，在眾多頁(yè)面中形成一致的視覺節(jié)奏。用網(wǎng)格式體系來進(jìn)行視覺傳達(dá)，能使版面中各元素和有規(guī)律、成比例的文本、圖形和空間之間形成緊密聯(lián)系。

網(wǎng)格式體系讓設(shè)計(jì)師有機(jī)會(huì)以更為熟悉和有序的方式來研究水平構(gòu)圖，通過間隔來改變形式，通過斷開字行來改變組合，有意識(shí)地創(chuàng)造有趣的空白空間。網(wǎng)格體系也依賴于排列，但網(wǎng)格體系不局限于單一的軸線。它使用兩個(gè)以上的列，增加了排列關(guān)系的更多選擇。在這個(gè)體系中的形狀和空白空間是矩形的，構(gòu)圖中各個(gè)空間的比例也很重要。

三、過渡式體系

通過視覺上的過渡式體系，是紋理和位移的矩形狀組成的一種混合的體系。它不單單是依據(jù)一條線來組成關(guān)聯(lián)，也沒有對(duì)于邊緣的對(duì)齊，各類元素自主地左右位移。相比網(wǎng)格式體系，這是一種更加自主的體系，不用通過邊緣對(duì)齊來組成嚴(yán)格的關(guān)聯(lián)。字行可以自由地流動(dòng)，創(chuàng)造出的肌理對(duì)信息的組織起輔助作用。現(xiàn)實(shí)生活中的過渡式體系有層層堆疊的巖層，自由堆積的木料等等。

構(gòu)圖中的過渡式體系不僅可以疏松，而且可以緊湊，來突出氛圍感。這種體系下所形成的構(gòu)圖，常常會(huì)讓設(shè)計(jì)師聯(lián)想其他的作品，好似山水畫的別樣韻味。而且，該體系中圓的使用有時(shí)也能增強(qiáng)這一效果，因?yàn)閳D形像一個(gè)抽象的太陽或月亮。

過渡式體系是最自由、最松散的體系，內(nèi)里的元素項(xiàng)不依托其他形式的軸線來編排。由于采用不規(guī)整排列形式，流動(dòng)成為這種體系最明顯的特征。對(duì)于大多數(shù)設(shè)計(jì)師來說，這個(gè)體系最困難的方面就是克服通過排列來完全聯(lián)系各個(gè)元素的念頭。在這個(gè)體系中，元素光聯(lián)依靠紋理的匯聚，另外還有部分在這些紋理上的特殊組合形式。

此外，過渡式體系的最大優(yōu)勢(shì)在于它自然地不對(duì)稱性。字行在排版時(shí)進(jìn)行位移，塑造了肌理和空白空間。用組合起來的字行形成或緊或密，或深或淺的肌理，這也是我們需要重點(diǎn)考慮的一個(gè)因素。

四、模塊體系

模塊式體系是借用了標(biāo)準(zhǔn)抽象單位及元素，使它變成了承載文字組合的基本范圍。版面構(gòu)圖則是由模塊組織和排列而形成的，現(xiàn)實(shí)生活中的模塊體系有街區(qū)、集裝箱和構(gòu)件系統(tǒng)。版式上的線條和文字有自身的獨(dú)特形狀，并非千篇一律，需要有一個(gè)用于設(shè)計(jì)基礎(chǔ)的模塊。模塊可以是初階的，不用復(fù)雜化，例如簡(jiǎn)單的矩形。當(dāng)然，也可以是相對(duì)復(fù)雜的幾何形狀，比如圓、橢圓和三角形構(gòu)成。這個(gè)體系構(gòu)成是利用標(biāo)準(zhǔn)的模塊來編排版式，搭配信息。文字部分?jǐn)嚅_或切分為多個(gè)部分，如同組合模塊一樣便于傳達(dá)信息。

模塊式體系的小樣階段不同于其他體系，在所有的構(gòu)圖中它都涉及抽象元素，即使用大小一致、同樣粗細(xì)的字體樣例也是如此。模塊成了抽象元素，設(shè)計(jì)初期，設(shè)計(jì)師用模塊組合來編排。一部分簡(jiǎn)單的圖形，例如：圓、正方形和矩形是最容易掌控和描繪的，而長(zhǎng)條矩形則與字行有著最緊密的視覺聯(lián)系。不過，多邊形、橢圓形和其他繁雜形狀更加復(fù)雜，不易控制。模塊式體系中初期構(gòu)圖經(jīng)常呈現(xiàn)自身獨(dú)立的狀態(tài)，隨著不斷深入，模塊緊接著進(jìn)行連接、交替、組合，來形成更多豐富的圖例。

五、結(jié)語

綜上所述，本文對(duì)網(wǎng)站創(chuàng)新設(shè)計(jì)中的版式進(jìn)行了解析，一個(gè)優(yōu)秀的網(wǎng)站設(shè)計(jì)應(yīng)該注重其版式體系的運(yùn)用。本文著重探究自由式體系、網(wǎng)格式體系、過渡式體系、模塊式體系在實(shí)際運(yùn)用中所承擔(dān)的角色。在網(wǎng)站設(shè)計(jì)日益流行的當(dāng)下，廣大設(shè)計(jì)師應(yīng)提高藝術(shù)審美素養(yǎng)，認(rèn)真感知靈感和經(jīng)典，應(yīng)該結(jié)合過去所學(xué)，在國(guó)家提出的創(chuàng)新大潮下，突破以往觀念的束縛，尋找更加符合現(xiàn)下趨勢(shì)的版式體系。