網(wǎng)頁設(shè)計(jì)的應(yīng)用與頁面優(yōu)化

陳奇 呂琛

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3.色彩的設(shè)計(jì)

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

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

4.布局設(shè)計(jì)

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

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

結(jié)語

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

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

課題號(hào)：2013B083

參考文獻(xiàn)：

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

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

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