網(wǎng)頁藝術(shù)設(shè)計點線面的版式設(shè)計

梁日升

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

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

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

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

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

2.版式設(shè)計的點

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

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

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

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

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

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

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

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