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

（上海理工大學公共實驗中心200093）

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

一、自由式體系

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

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

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

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

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

三、過渡式體系

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

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

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

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

四、模塊體系

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

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

五、結語

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