梁日升

網(wǎng)站藝術(shù)設(shè)計(jì)中，需要解決的主要問題之一就是網(wǎng)頁的版式設(shè)計(jì)?？梢哉f，版式設(shè)計(jì)處理得當(dāng)與否是網(wǎng)頁界面設(shè)計(jì)視覺展示的關(guān)鍵。所謂網(wǎng)頁版式設(shè)計(jì)，即是在有限的屏幕空間里將網(wǎng)頁設(shè)計(jì)的元素進(jìn)行組合構(gòu)成，將頁面設(shè)計(jì)構(gòu)成要素：文字、圖形、線條和色彩諸因素，根據(jù)特定內(nèi)容的需要進(jìn)行組合排列，并運(yùn)用造型要素及網(wǎng)頁版式設(shè)計(jì)原理，把構(gòu)思與計(jì)劃通過視覺形式的語言表達(dá)出來。網(wǎng)頁版式設(shè)計(jì)，是制造和建立有序版面的理想方式。版式設(shè)計(jì)是網(wǎng)頁藝術(shù)設(shè)計(jì)中不可缺少的設(shè)計(jì)內(nèi)容之一，它不僅在二維的一面上發(fā)揮其功用，而且在三維的立體和四維的空間中也能感覺到它的藝術(shù)效果。網(wǎng)頁的版式設(shè)計(jì)應(yīng)該從整體出發(fā)把握網(wǎng)站的全局，確保設(shè)計(jì)出來的網(wǎng)站能具有風(fēng)格統(tǒng)一、形式統(tǒng)一、色彩統(tǒng)一的整體高度統(tǒng)一性。

整站的頁面版式編排設(shè)計(jì)，要求各個(gè)頁面之間緊湊的聯(lián)系起來，特別是要處理好頁面之間和頁面內(nèi)的布局與形式的關(guān)系。為了讓網(wǎng)站達(dá)到最佳的瀏覽和視覺表現(xiàn)效果，應(yīng)反復(fù)推敲其整體版式設(shè)計(jì)結(jié)構(gòu)的合理性，讓瀏覽者有最佳的瀏覽體驗(yàn)。

網(wǎng)站頁面的版式設(shè)計(jì)雖然說是由傳統(tǒng)的平面設(shè)計(jì)延伸出來的，但是又不完全等同于一般的平面設(shè)計(jì)，版式設(shè)計(jì)是通過文字與圖形的空間組合，表達(dá)出具有美感的視覺效果與藝術(shù)氣息。網(wǎng)頁藝術(shù)設(shè)計(jì)過程中，為了將豐富的意義和多樣的形式組織成統(tǒng)一的頁面結(jié)構(gòu)，形式語言必須符合頁面版式設(shè)計(jì)的內(nèi)容，體現(xiàn)內(nèi)容的豐富意義。靈活運(yùn)用對(duì)比與調(diào)和、對(duì)稱與平衡、節(jié)奏與韻律及留白等手段，通過空間、文字、圖形之間的相互關(guān)系建立整體的均衡狀態(tài)，產(chǎn)生和諧的美感。如對(duì)稱原則在頁面設(shè)計(jì)中，它的均衡有時(shí)會(huì)使頁面顯得呆板，但如果加入一些富有動(dòng)感的文字、圖案，或采用夸張的手法來表現(xiàn)內(nèi)容往往會(huì)達(dá)到比較好的效果。點(diǎn)、線、面作為視覺語言中的基本元素，巧妙的互相穿插、互相襯托、互相補(bǔ)充構(gòu)成最佳的頁面效果，充分表達(dá)出完美的設(shè)計(jì)意境。這些巧妙的組合搭配都是網(wǎng)頁版式設(shè)計(jì)中的形式和基本原理，同時(shí)網(wǎng)頁的版式設(shè)計(jì)更加注重界面的交互設(shè)計(jì)，而傳統(tǒng)的平面設(shè)計(jì)主要是視覺傳達(dá)加信息傳遞為主，他們之間最本質(zhì)的區(qū)分是，傳統(tǒng)平面設(shè)計(jì)沒有深刻的交互意識(shí)，而網(wǎng)頁藝術(shù)設(shè)計(jì)注重界面人與界面的對(duì)話，信息互動(dòng)和注重交互設(shè)計(jì)以及交互意識(shí)，在設(shè)計(jì)思維設(shè)計(jì)執(zhí)行上有一定的差別。

1.網(wǎng)頁版式設(shè)計(jì)的點(diǎn)、線、面

網(wǎng)頁藝術(shù)設(shè)計(jì)是以視覺傳達(dá)為基礎(chǔ)的，主要是傳達(dá)網(wǎng)站的各種信息，使網(wǎng)站的頁面設(shè)計(jì)更加符合人機(jī)交互設(shè)計(jì)學(xué)和頁面變得更加符合人的視覺瀏覽習(xí)慣，感官上給人一種直接、美觀、合理的視覺感受也是網(wǎng)站要表現(xiàn)的內(nèi)容之一。在人們長期的實(shí)踐和認(rèn)識(shí)中我們發(fā)現(xiàn)，任何形式的組合都離不開點(diǎn)、線、面的構(gòu)成，同樣，網(wǎng)頁的版式設(shè)計(jì)也是由點(diǎn)、線、面、構(gòu)成的視覺空間要素。點(diǎn)、線、面、在網(wǎng)頁版式設(shè)計(jì)中扮演者致關(guān)重要的作用，不同的點(diǎn)、線、面組合會(huì)帶來不一樣的心理感受，也可以體現(xiàn)不同的情感訴求，點(diǎn)、線、面組合關(guān)系，影響著頁面版式的風(fēng)格以及網(wǎng)站的主題，它是頁面造型設(shè)計(jì)的基礎(chǔ)，也是構(gòu)成網(wǎng)頁版式設(shè)計(jì)的基本形態(tài)元素。

2.版式設(shè)計(jì)的點(diǎn)

點(diǎn)表示位置，沒有長度沒有寬度，是最小的單位，在網(wǎng)頁版式設(shè)計(jì)中，點(diǎn)是在對(duì)比中存在的一個(gè)相對(duì)的概念。例如：整個(gè)頁面版式設(shè)計(jì)中，一個(gè)標(biāo)志、一張圖片、一個(gè)文字、一個(gè)連接按鈕等都可以稱之為點(diǎn)。點(diǎn)的形狀也是改變的，不一定是圓形的，現(xiàn)實(shí)中的點(diǎn)是各式各樣的，我們可以劃分為規(guī)則和不規(guī)則兩類，嚴(yán)謹(jǐn)有序的點(diǎn)一般是圓點(diǎn)、方點(diǎn)、三角點(diǎn)；不規(guī)則的點(diǎn)形狀沒有規(guī)則，一般多是異形。自然界中的任何形態(tài)，只要縮小到一定程度，都可以產(chǎn)生不同形態(tài)的點(diǎn)。

網(wǎng)頁藝術(shù)設(shè)計(jì)中，點(diǎn)在頁面版式組合的時(shí)候，形狀、大小、位置、聚集、發(fā)散等不同的排列方式會(huì)給瀏覽者帶來不同的心理感受和視覺沖擊力，當(dāng)頁面上只有一個(gè)點(diǎn)的時(shí)候，瀏覽者的視線往往就只專注一個(gè)點(diǎn)上，這個(gè)時(shí)候，這個(gè)點(diǎn)就變成了整個(gè)頁面中的視覺焦點(diǎn)，也是力的中心。如果頁面空間中有兩個(gè)大小和形狀一樣的點(diǎn)，并處在兩個(gè)不同的位置時(shí)，頁面中的張力作用就連接這兩個(gè)點(diǎn)的連線上，在視覺上也會(huì)產(chǎn)生連續(xù)的效果。當(dāng)兩個(gè)點(diǎn)的大小不同時(shí)，即使形狀不一樣，大的點(diǎn)首先能引起我們的注意，但是我們的視覺流程會(huì)隨之馬上轉(zhuǎn)移到小的點(diǎn)。當(dāng)頁面空間中有三個(gè)點(diǎn)的時(shí)候，不管點(diǎn)所處在畫面的任何地方，點(diǎn)的視覺表現(xiàn)力就出現(xiàn)一個(gè)三角形的形狀，給人一種穩(wěn)固的視覺感受。在網(wǎng)頁藝術(shù)設(shè)計(jì)頁面中，點(diǎn)的運(yùn)用的是最常見的組合形式。

3.版式設(shè)計(jì)的線

線是點(diǎn)移動(dòng)的軌跡，沒有寬度和厚度，具有長度和位置，這個(gè)是在幾何學(xué)當(dāng)中對(duì)線的定義，在網(wǎng)頁版式設(shè)計(jì)中，線是有寬度和厚度的，只有這樣才可以表現(xiàn)出線的形象。

線的類型比較多，我們常見的有直線、曲線、斜線等。在網(wǎng)頁版式設(shè)計(jì)中，隨著線自身的變化，給瀏覽者帶來心理感受是不同的。一般來說，直線往往象征著快速、速度、力度、穩(wěn)定等，直線中的水平線則顯得比較平和、安靜、會(huì)讓讓人聯(lián)想到平靜的湖面或者消失在我們視線的海平面；垂直的直線可以讓人聯(lián)想到電線桿、高聳的建筑物、樹立起來的柱子，給人一種直立、挺拔的感覺。網(wǎng)頁版式設(shè)計(jì)中可以運(yùn)用直線傳達(dá)出飛速、傳遞的心理感受。曲線在頁面版式設(shè)計(jì)中，有時(shí)候宛如一條小溪，緩緩流淌在整個(gè)畫面當(dāng)中，自然而富有彈性，它可以象征著女性的柔美、優(yōu)雅、也可以給人一種很溫和、豐滿的感覺。斜線一般都可以給人一種不穩(wěn)定的感覺，有起飛、起跑的架勢，通常都傳達(dá)出一種速度感。

線的大小粗細(xì)不同、位置方向不同、曲直形態(tài)不同、所表達(dá)的情感訴求和視覺感受也不一樣。掌握和了解線在頁面中產(chǎn)生的各種情感聯(lián)想，對(duì)網(wǎng)頁的版式設(shè)計(jì)有很大的意義。

4.版式設(shè)計(jì)的面

面是線的連續(xù)移動(dòng)到最后而形成的，面具有長度、寬度，但沒有厚度、面在頁面版式設(shè)計(jì)常常出現(xiàn)，可以說，版式設(shè)計(jì)的構(gòu)成離開了不面的組合。面也有規(guī)則的面和不規(guī)則的面，一般認(rèn)為，方形的面和圓形的面是典型的規(guī)則面， 這兩種面相加或者相見可以產(chǎn)生無數(shù)個(gè)多樣的面；沒有規(guī)則的面，沒有規(guī)律可以遵循，一般很難去判定是屬于哪一張面。不同面的形態(tài)的面在視覺上具有不同的心理作用和情感表達(dá)，在網(wǎng)頁版式設(shè)計(jì)當(dāng)中，規(guī)則的面它具有簡潔明了、規(guī)則有序、平穩(wěn)牢固的感覺；不規(guī)則的面則是具有輕松、活躍、柔軟、自由的感覺。有效合理的處理頁面版式設(shè)計(jì)面構(gòu)成的關(guān)系，可以給整個(gè)頁面充滿美感、富有藝術(shù)氣息的網(wǎng)頁設(shè)計(jì)頁面。不同塊面大小和色調(diào)不一的面，使畫面產(chǎn)生動(dòng)感、活躍的視覺感受。水平、垂直和等距離的面，使畫面產(chǎn)生了穩(wěn)定、單一的視覺感受。平整有序等距離擺放的面，在畫面中顯得規(guī)整、單調(diào)，盯著畫面中的塊面也會(huì)產(chǎn)生流動(dòng)的錯(cuò)覺。