摘要：本文對網(wǎng)頁設(shè)計(jì)進(jìn)行了分析，界定了網(wǎng)頁設(shè)計(jì)的概念，分析了用戶對網(wǎng)頁頁面的視覺體驗(yàn)。并從網(wǎng)頁設(shè)計(jì)中的幾個(gè)方面論述了網(wǎng)頁信息視覺傳達(dá)的特點(diǎn)。本論文致力于從信息視覺傳達(dá)設(shè)計(jì)的視點(diǎn)去研究網(wǎng)頁設(shè)計(jì)，旨在為網(wǎng)頁設(shè)計(jì)中的信息視覺傳達(dá)的進(jìn)一步探索、研究提供可能性。

關(guān)鍵詞：網(wǎng)頁設(shè)計(jì) 視覺傳達(dá)

當(dāng)今社會，信息及信息獲取的質(zhì)量在人們生活中所占據(jù)的地位越來越重要，網(wǎng)絡(luò)日漸成為人們獲取信息的不可或缺的重要平臺。同時(shí)，人們對網(wǎng)頁頁面的視覺審美要求也日益提高。因此，在網(wǎng)頁設(shè)計(jì)中信息視覺傳達(dá)設(shè)計(jì)被大量的運(yùn)用。

一、網(wǎng)頁設(shè)計(jì)概述

網(wǎng)頁設(shè)計(jì)是一種建立在新型媒體之上的新型設(shè)計(jì)。它具有很強(qiáng)的視覺效果、互動性和互操作性等區(qū)別其它媒介設(shè)計(jì)的特點(diǎn)。它既使網(wǎng)頁信息傳達(dá)保持傳統(tǒng)媒體的優(yōu)點(diǎn)，同時(shí)又使信息傳播變得更為直接和有效。

1、網(wǎng)頁設(shè)計(jì)的主要構(gòu)成要素

網(wǎng)頁設(shè)計(jì)的主要內(nèi)容由五個(gè)要素構(gòu)成：文字、超鏈接、影像圖片、多媒體影音以及特效。文字是網(wǎng)頁構(gòu)成的主體，這里所說的文字不僅是在瀏覽器中看到的文字，還包括所有的在頁面上看不到的控制代碼等等。超鏈接代表的是一種在網(wǎng)絡(luò)世界中“跳躍”的功能，大致可分為三種：一是在同一個(gè)頁面中跳到不同的點(diǎn)；二是在同一個(gè)網(wǎng)站中，從一個(gè)頁面跳至另一個(gè)頁面中；三是跳至不同的網(wǎng)站的某一個(gè)頁面中。當(dāng)然，網(wǎng)頁之所以吸引人，絕不是靠單純的文字變化而已，利用不同的二維或是三維的圖片，可以使得網(wǎng)頁更加鮮明活潑。多媒體應(yīng)用早已在網(wǎng)絡(luò)的世界里呈現(xiàn)，單純的靜態(tài)圖片已經(jīng)不能滿足設(shè)計(jì)者的需求，在網(wǎng)頁中加入聲光影像技術(shù)已變成現(xiàn)在最流行的趨勢。而特效指的是透過html或是腳本語言撰寫的功能，使得網(wǎng)頁的畫面呈現(xiàn)各種特殊的動態(tài)效果。

2、網(wǎng)頁信息設(shè)計(jì)

網(wǎng)頁設(shè)計(jì)中的信息設(shè)計(jì)主要涉及信息構(gòu)建、視覺設(shè)計(jì)、網(wǎng)絡(luò)傳達(dá)等方面，其中也包含頁面的布局、色彩、文字等視覺傳達(dá)設(shè)計(jì)。這是設(shè)計(jì)中的一次革命，與傳統(tǒng)平面設(shè)計(jì)有著本質(zhì)的不同。所以在借鑒傳統(tǒng)的設(shè)計(jì)方法的同時(shí)要求更新的設(shè)計(jì)觀念，在傳統(tǒng)方法的基礎(chǔ)上理解新媒體的特征，以新的視點(diǎn)來解決新時(shí)代的問題。

二、網(wǎng)頁設(shè)計(jì)中的信息視覺傳達(dá)

1、文字

對于網(wǎng)頁設(shè)計(jì)來說，字體構(gòu)成的基本要求是易讀性和可讀性。易讀性是指文字的清晰表達(dá)?？勺x性是指對于頁面整體上的可視性，涉及到文字設(shè)計(jì)、單詞間距、行列長度和間距，以及段落間距等方面的處理。

可讀行和易讀性對于文字在媒體上發(fā)揮作用是非常重要的。一方面，因?yàn)槲淖值钠聊伙@示沒有紙張印刷的易讀性強(qiáng)。而且用戶通常在普通頁面的視覺停留時(shí)間很短。因此，文字形態(tài)構(gòu)成極大地影響了版面的閱讀效果。所以，頁面中的文字設(shè)計(jì)應(yīng)符合以下幾點(diǎn)要求：

（1）由于不同的計(jì)算機(jī)、操作系統(tǒng)所安裝的字體是不一樣的，所以必須選取一些常規(guī)的、用戶電腦上不會缺省的字體，否則他們的系統(tǒng)就可能默認(rèn)一種字體，這將使得頁面看起來和設(shè)計(jì)者的期望相去甚遠(yuǎn)。

（2）屏幕的顯示對字體也有一定影響。我們多采用黑體和宋體這兩種常用字體。從視覺角度來說，宋體閱讀起來最省力，不易造成視覺疲勞，具有很好的易讀性和識別性。而黑體不僅莊重醒目，而且極富現(xiàn)代感。但需要注意的是因其形體粗壯，在較小字體級數(shù)時(shí)易模糊而造成不易識別。

（3）雖然不同的字體和字體屬性（比如粗體、斜體、顏色、大小等）能有助于人們區(qū)分標(biāo)題和信息的相對重要性。但一個(gè)頁面中字體風(fēng)格的數(shù)量應(yīng)當(dāng)有所限制，因?yàn)楫?dāng)所有都被強(qiáng)調(diào)的時(shí)候，就沒有任何東西可以突出了。

頁面中的文字設(shè)計(jì)看似是一個(gè)很細(xì)小的方面，但實(shí)際上它潛移默化地影響網(wǎng)頁的視覺效果，蘊(yùn)藏著巨大的價(jià)值。中國人說“察言觀色”，我想“言語”的表達(dá)對于中國用戶的觸動應(yīng)該會更加的明顯。

2、色彩

借助于色彩的不同處理，使網(wǎng)站易于被人們認(rèn)知識別，有助于創(chuàng)造有個(gè)性的網(wǎng)站形象，從而起到強(qiáng)化信息記憶，使網(wǎng)站形象固定化的作用。此外，美妙的色彩組合所創(chuàng)造的完美境界能夠產(chǎn)生強(qiáng)烈的視覺沖擊力和藝術(shù)感染力，能引起人們觀感之外的聯(lián)想。

網(wǎng)頁頁面中的色彩運(yùn)用，主要體現(xiàn)在主色、輔色和背景色三方面。面積最大的色彩為頁面的主色調(diào)，它是貫穿網(wǎng)站中所有的頁面的主要顏色。主色調(diào)好似樂曲的主旋律，在創(chuàng)造特定的氣氛與意境上發(fā)揮主導(dǎo)作用。輔色的面積次之，起強(qiáng)調(diào)或調(diào)和的作用。輔色是網(wǎng)頁色彩設(shè)計(jì)中動感和活力的來源，還可以因其 “節(jié)點(diǎn)”的作用使主色在整個(gè)畫面中得到連貫。背景色是增加網(wǎng)頁空間感的重要手段。例如，灰暗的背景色產(chǎn)生后退感，鮮明的主色產(chǎn)生前進(jìn)感，因而形成清晰的前后空間關(guān)系。

當(dāng)然具體運(yùn)用中，只有對不同功能的色彩進(jìn)行綜合運(yùn)用和和諧構(gòu)建，才能夠產(chǎn)生良好的視覺效果，產(chǎn)生愉悅的用戶體驗(yàn)。

3、頁面布局

頁面結(jié)構(gòu)對表現(xiàn)網(wǎng)站的風(fēng)格具有十分重要的作用。網(wǎng)頁頁面由網(wǎng)站名稱，Logo，導(dǎo)航欄，搜索欄和圖形、文字等要素構(gòu)成。對其進(jìn)行結(jié)構(gòu)設(shè)計(jì)，主要體現(xiàn)在對實(shí)空間與虛空間的靈活掌握。頁面的實(shí)空間包括文字、圖片、符號、以及點(diǎn)、線、面等視覺元素所占有的空間；虛空間是指那些實(shí)空間以外的空白部分，空白不一定是“白”，它也可以是與背景色作用相同的表示“虛”的空間設(shè)定。設(shè)計(jì)師根據(jù)信息傳達(dá)的需要，將不同含義的視覺元素按照一定的設(shè)計(jì)法則對版面進(jìn)行組合、編排，構(gòu)成有機(jī)的實(shí)體空間，能夠表現(xiàn)統(tǒng)一和諧的視覺效果。而網(wǎng)頁界面中的虛空間，則以虛托實(shí)、以無襯有，使用戶體驗(yàn)獲得更佳的視覺印象。比如在用戶瀏覽過程中，頁面上被優(yōu)先注意到的文字總是那些周邊有空白的文字，這就是視覺的邊際效應(yīng)在虛空間的一個(gè)體現(xiàn)。此外，實(shí)空間與虛空間的和諧運(yùn)用，還能夠形成界面空間的視覺導(dǎo)向性，從而優(yōu)化整個(gè)網(wǎng)頁界面的形式。

4、視覺流程

視覺流程的形成是由人類的視覺特性所決定的。因?yàn)槿搜劢Y(jié)構(gòu)的生理特征只能產(chǎn)生一個(gè)焦點(diǎn)，而不能同時(shí)把視線停留在兩處或兩處以上的地方。所以人們在閱讀時(shí)，視覺總有一種自然的流動習(xí)慣。調(diào)查顯示，人眼的視線沿著水平方向運(yùn)動比沿著垂直方向運(yùn)動快而且不易疲勞。此外，來自于心理學(xué)的研究表明，在一個(gè)平面上，上半部讓人輕松和自在，下半部則讓人沉悶和壓抑。同樣，平面上的左半部相對讓人輕松自在，右半部相對讓人沉悶壓抑。所以平面的視覺影響力上方強(qiáng)于下方，左側(cè)強(qiáng)于右側(cè)。因此平面的上部和左上部被稱為“最佳視域”，符合通常情況下人的視覺習(xí)慣：從左到右，從上到下的視覺運(yùn)動。

對視覺流程進(jìn)行研究，設(shè)計(jì)師應(yīng)依據(jù)視覺移動規(guī)律，將多種視覺信息進(jìn)行有序組織，誘導(dǎo)瀏覽者的視線依設(shè)計(jì)師的意圖進(jìn)行流動，從而能夠使瀏覽者清晰、流暢地接受信息。

視覺流程的表現(xiàn)方式有以下幾種：1、導(dǎo)向類視覺流程，又分為形象導(dǎo)向和指示導(dǎo)向。形象導(dǎo)向：以圖片中人或物的朝向來引導(dǎo)觀者的視線，如人物的目光方向。指示導(dǎo)向：通過指示性的箭頭、手指或具有透視感的線條來引導(dǎo)視線。2、重心視覺流程：視覺會沿著形象方向與力的延展來變換、運(yùn)動。如表現(xiàn)向心力或重力的視線運(yùn)動。3、反復(fù)視覺流程：其運(yùn)動雖不如導(dǎo)向要素類和重心類視覺流程運(yùn)動感強(qiáng)烈，但更富于節(jié)奏和秩序美。4、散點(diǎn)視覺流程：沒有固定的視覺流動線，強(qiáng)調(diào)一種隨意性和偶然性的感知。

在網(wǎng)頁設(shè)計(jì)中，使網(wǎng)頁上的各種信息要素在一定空間內(nèi)合理分布，保持各信息要素的位置、間隙、大小，保持一定的節(jié)奏感和美感，靈活而合理地運(yùn)用視覺流程和最佳視域，組織好自然流暢的視覺導(dǎo)向，是保證傳播者傳達(dá)信息的準(zhǔn)確與有效的關(guān)鍵。當(dāng)然，視覺流程是一種感覺，而非確切的數(shù)學(xué)公式，只要符合人們認(rèn)識過程的心理和思維發(fā)展的邏輯順序，符合人們較為普遍的思維習(xí)慣，做到視覺流程自然、合理、暢快，就可以被更為靈活地運(yùn)用和設(shè)計(jì)。