網(wǎng)站創(chuàng)新設(shè)計中的版式體系研究

（上海理工大學(xué)公共實驗中心200093）

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

一、自由式體系

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

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

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

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

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

三、過渡式體系

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

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

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

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

四、模塊體系

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

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

五、結(jié)語

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