陳奇 呂琛

[內(nèi)容摘要]網(wǎng)頁設(shè)計作為一種視覺語言，它是平面設(shè)計在信息時代的延續(xù)，也是一項現(xiàn)代數(shù)字科技與傳統(tǒng)人文美學(xué)相結(jié)合的創(chuàng)造性智力活動?；ヂ?lián)網(wǎng)和多媒體技術(shù)的快速發(fā)展，網(wǎng)頁作為信息的主要載體，承擔(dān)著將各類信息展現(xiàn)和傳達的任務(wù)，網(wǎng)頁設(shè)計的使命是直接有效地傳達信息給用戶，現(xiàn)在網(wǎng)頁用戶群體復(fù)雜，層次多樣，對網(wǎng)頁的好用性要求越來越高，要求一個網(wǎng)頁在很好的需求戰(zhàn)略，功能規(guī)格，信息架構(gòu)的基礎(chǔ)上更多的關(guān)注交互細節(jié)設(shè)計。

[關(guān) 鍵 詞] 交互性 ?導(dǎo)向 ?設(shè)計 ?體驗

一、國內(nèi)外網(wǎng)頁設(shè)計現(xiàn)狀

網(wǎng)絡(luò)作為第四媒體，逐漸走向成熟，網(wǎng)頁設(shè)計業(yè)也已逐步脫離了傳統(tǒng)廣告設(shè)計的范疇，形成特殊而獨立的體系。同時表明了，設(shè)計人員對網(wǎng)站視覺審美以及網(wǎng)站功能應(yīng)用等多個方面的認知達到了新的高度。拋去媒體這層外衣，網(wǎng)站是信息的儲存空間。從理論上來說，套用相同的模板，只要保證瀏覽者能夠獲取信息，網(wǎng)站的功能其實也就實現(xiàn)了。

眾所周知，“優(yōu)者生存”是事物繁衍發(fā)展的自然規(guī)律。隨著網(wǎng)絡(luò)技術(shù)的更新?lián)Q代，以及計算機美術(shù)的可達到的范圍越來越廣，無法繼續(xù)滿足于：只有幾篇文字和版式一模一樣的網(wǎng)站。網(wǎng)頁藝術(shù)設(shè)計包含的視覺傳達效果以主題鮮明、形式與內(nèi)容相統(tǒng)一為設(shè)計原則。文字內(nèi)容的精心組織、圖片的唯美設(shè)計、和諧的色彩搭配都是吸引瀏覽者訪問網(wǎng)站的基本因素。表面上看，它不過是關(guān)于網(wǎng)頁版式編排的技巧與方法，而實際上，它不僅是一種技能，更是藝術(shù)與技術(shù)的高度統(tǒng)一。通過對網(wǎng)頁設(shè)計中的審美需求和其各種視覺構(gòu)成要素（文字、圖片、顏色、布局等）進行了分析。進入21世紀，人類社會正經(jīng)歷著從原子時代向數(shù)字時代的轉(zhuǎn)變，新世紀不可缺少的必然是互聯(lián)網(wǎng)，互聯(lián)網(wǎng)正在全世界進行著越來越深刻的革命。互聯(lián)網(wǎng)代表著一種嶄新的信息交流方式，它使信息的傳播突破了傳統(tǒng)的政治、經(jīng)濟、地域及文化的阻隔，使信息傳達的范圍、速度與效率都產(chǎn)生了質(zhì)的飛躍。

二、網(wǎng)頁設(shè)計中的視覺流程

視覺流程的形成是由人類的視覺特性所決定的。因為人眼晶體結(jié)構(gòu)的生理構(gòu)造，只能產(chǎn)生一個焦點，而不能同時把視線停留在兩處或兩處以上的地方。視覺流程往往會體現(xiàn)出比較明顯的方向感，它無形中形成一種脈絡(luò)，似乎有一條線、一股氣貫穿其中，使整個版面的運動趨勢有一個主旋律。當(dāng)然視覺流程是一種感覺而非確切的數(shù)學(xué)公式，只要符合人們認識過程的心理順序和思維發(fā)展的邏輯順序，就可以更為合理、靈活地運用。在網(wǎng)頁設(shè)計中，靈活而合理地運用視覺流程和最佳視域，組織好自然流暢的視覺導(dǎo)向，直接影響到傳播者傳達信息的準確與有效性。三、網(wǎng)頁中各個構(gòu)成要素分析

網(wǎng)頁的構(gòu)成要素包括文字、圖形、圖象、標(biāo)志、色彩等造型要素及標(biāo)題、信息菜單、信息正文、標(biāo)語、單位名稱等內(nèi)容要素。

1.文字的編排與設(shè)計

最適合于網(wǎng)頁正文顯示的字體大小為12磅左右，現(xiàn)在很多的綜合性站點，由于在一個頁面中需要安排的內(nèi)容較多，通常采用9磅的字號。較大的字體可用于標(biāo)題或其他需要強調(diào)的地方，小一些的字體可以用于頁腳和輔助信息。網(wǎng)頁設(shè)計者可以用字體來更充分地體現(xiàn)設(shè)計中要表達的情感。字體選擇是一種感性、直觀的行為。在同一頁面中，字體種類少，版面雅致，有穩(wěn)定感;字體種類多，則版面活躍，豐富多彩。關(guān)鍵是如何根據(jù)頁面內(nèi)容來掌握這個比例關(guān)系。

文字作為信息傳達的主要手段目前也是網(wǎng)頁設(shè)計的主體，文字是網(wǎng)頁中必不可少的元素，也是網(wǎng)頁中的主要信息描述要素，所以網(wǎng)頁中文字將占據(jù)相當(dāng)大的面積，文字表現(xiàn)的好與壞將影響到整個網(wǎng)頁的質(zhì)量。雖然可供選擇的字體很多，但在同一網(wǎng)頁上，使用幾種字體尚需精心編輯和考慮。一般來講，同一頁面上使用的字體種類最多只能有三四種。由于文本字體的顯示是需要本地硬盤字體文件的支持的，所以在互聯(lián)網(wǎng)上使用過多的字體是沒有意義的。文字在視覺傳達中作為頁面形象要素之一，除了表意以外，還具有傳達感情的功能，因而必須具有視覺的美感，能給人以美好印象，獲得良好的心理反應(yīng)。

2.圖像的編排與設(shè)計

圖片是文字以外最早引入到網(wǎng)絡(luò)中的多媒體對象?？梢哉f，要使網(wǎng)頁在純文本基礎(chǔ)上變得更有趣味，最為簡捷省力的辦法就是使用圖片。圖片的引入也大大美化了網(wǎng)絡(luò)頁面。在圖片的選擇和優(yōu)化的同時，應(yīng)考慮圖片在整體編輯計劃中的作用，到和諧整齊。

圖片的位置、面積、數(shù)量、形式、方向等直接關(guān)系到網(wǎng)頁的視覺傳達。在頁面圖片的合理選用時，一要注意統(tǒng)一，二要注意悅目，三要注意突出重點，特別是在處理和相關(guān)文字編排在一起的圖片時。一般來說，分辨率為72dpi（dotperinch）是大多數(shù)圖片最佳選擇;另一個特點是，圖片要盡量小。網(wǎng)絡(luò)頁面的圖片用于網(wǎng)絡(luò)的傳輸，受到帶寬的限制，其文件尺寸在一定范圍內(nèi)越小越好。這也是適應(yīng)信息高速公路的要求。

3.色彩的設(shè)計

首先，整個頁面的色彩選擇，確定一個主色調(diào)，可以有利于體現(xiàn)網(wǎng)站主題。其次，在背景的色調(diào)搭配上一定要注意不能有強烈的對比，特別是同時使用色彩對立的顏色。網(wǎng)頁在一定意義上說也是一種藝術(shù)品，因為它既要求文字的優(yōu)美流暢，又要求頁面的新穎、整潔，使用色彩可以產(chǎn)生強烈的視覺效果，使頁面更加生動。

實際上背景的作用主要在于統(tǒng)一整個網(wǎng)頁的風(fēng)格和情調(diào)，對視覺的主體起到一定的襯托和協(xié)調(diào)作用，一方面吸引網(wǎng)民的注意力，另一方面有助于體現(xiàn)網(wǎng)站的主題。只有少量精心選擇的元素，為了突出強調(diào)的需要，才采用明亮的色彩，這些彩色亮點就會產(chǎn)生強烈的視覺沖擊，但如果用得太多了，就會形成一種均勻的噪聲，而達不到強調(diào)的效果。

4.布局設(shè)計

關(guān)于布局也許是大家最不放在眼里的地方，其地位如同文字的排版一樣，隨便可布，布即隨便。

其實文字排版是一種不起眼但卻非常重要的細節(jié)。做好了會讓作品更為精細漂亮，做不好也許就成為作品失改的重要原因。其實布局也是一樣，需要足夠的重視起來。

結(jié)語

網(wǎng)頁作為一種新的視覺表現(xiàn)形式，它的發(fā)展雖然沒有多長時間，它兼容了傳統(tǒng)平面設(shè)計的特征，又具備其所沒有的優(yōu)勢，成為今后信息交流的一個非常有影響的途徑。在本文中只從視覺傳達的角度和如何能將頁面更優(yōu)化進行了一些闡述與分析。除了掌握技術(shù)知識，還要具備較高的審美能力和文化素質(zhì)，結(jié)合時代的發(fā)展。美是任何網(wǎng)頁所必需具備的基本因素，網(wǎng)頁信息不僅是為了滿足使用者的需求，更重要的是創(chuàng)造一種愉悅的視覺環(huán)境，使他們有一種全身心享受和共鳴。

本文系黑龍江省藝術(shù)科學(xué)規(guī)劃課題一般項目 課題名稱：網(wǎng)頁設(shè)計與創(chuàng)意思維的整合策劃及設(shè)計應(yīng)用研究

課題號：2013B083

參考文獻：

[1]郭潔恩，網(wǎng)頁色彩表現(xiàn)研究[D].西安美術(shù)學(xué)院，2007

[2]王慶斌，張福昌.現(xiàn)代網(wǎng)頁色彩設(shè)計[J].無錫輕工大學(xué)學(xué)報，2001

[3]張秀杰，個性化網(wǎng)頁設(shè)計技巧[J].黑龍江畜牧獸醫(yī)職業(yè)學(xué)院學(xué)報，2006