試分析網(wǎng)頁設(shè)計中視覺元素的審美性和功能

吳希

摘要：在人類以計算機作為基礎(chǔ)界面技術(shù)開發(fā)的二十一世紀，迅速發(fā)展的互聯(lián)網(wǎng)絡(luò)覆蓋了人們的所有生活，使生活節(jié)奏和工作學(xué)習(xí)更加的方便快捷。互聯(lián)網(wǎng)絡(luò)不僅綜合了文字和聲音，還綜合了圖形和動畫等各種信息，形成了人們易接受的媒體形式，使人們之間的信息傳遞更加豐富多元化，為人們提供了一種全新便捷的交流方式。而網(wǎng)頁設(shè)計中，組成網(wǎng)絡(luò)信息傳達的重要部分——視覺元素，不僅需要綜合信息傳遞，還必須具有強而有力的色彩、圖像等視覺表現(xiàn)力，以此提高人們的審美和帶動情感作用。

關(guān)鍵詞：網(wǎng)頁設(shè)計；視覺元素；審美性；功能

發(fā)展迅速的信息網(wǎng)絡(luò)縮短了各國各地經(jīng)濟和文化的交融。我國的網(wǎng)頁設(shè)計在國際化的影響下，結(jié)合了自身的地域特色開始了新的探索，逐漸營造出具體中國精髓文化的網(wǎng)頁設(shè)計新格局。二十世紀末期，我國的網(wǎng)頁設(shè)計有跟風歐美、日、韓的狀態(tài)，一直未體現(xiàn)出我國文明大國的設(shè)計風格。目前，我國的網(wǎng)頁設(shè)計師已經(jīng)深入探索網(wǎng)頁設(shè)計的方向，從平面設(shè)計、網(wǎng)頁設(shè)計和建筑設(shè)計等方面進行實質(zhì)性研究。近些年，網(wǎng)頁設(shè)計已經(jīng)從單一的文字樣式編排發(fā)展到圖像、動畫、聲音等視覺元素的綜合體現(xiàn)，在新媒介的推動下，高要求的視覺元素和審美性能更值得深入研究。

一、網(wǎng)頁設(shè)計以及網(wǎng)頁設(shè)計中視覺元素的概況

（一）網(wǎng)頁設(shè)計概況

網(wǎng)頁是一個網(wǎng)站的支撐和體現(xiàn)，網(wǎng)站是信息傳播的依靠，在互聯(lián)網(wǎng)全面覆蓋的今天，網(wǎng)頁設(shè)計中的視覺元素的重要性不言而喻。實質(zhì)上，網(wǎng)頁設(shè)計已經(jīng)成為信息傳達的重要組成部分。根據(jù)現(xiàn)今的信息傳遞水平，網(wǎng)頁設(shè)計的方向不僅要符合人們的的心理和生理特點，還要從各視覺元素的構(gòu)成的順序和關(guān)系上體現(xiàn)自身特征和人文科學(xué)的表現(xiàn)風格。

（二）網(wǎng)頁設(shè)計的視覺元素類別劃分

網(wǎng)頁設(shè)計的視覺元素傳達與傳統(tǒng)的的相比，以信息傳遞媒介不同劃分為兩類，一類是二維平面元素，另一類是視聽元素。

就二維平面元素而言，其包含了網(wǎng)頁設(shè)計中基本的視覺元素，涉及到了文字與字體，圖形與圖像，版式設(shè)計和色彩。第一，在一般的網(wǎng)頁設(shè)計中，宋體是默認的字體，但計算機提供了多種可選擇的變化字體，為編輯網(wǎng)頁提供了方便。但一般經(jīng)過編輯的同一網(wǎng)頁設(shè)計的字體類別不宜超過4種。因為經(jīng)過編輯后的文字顯示需要計算機本地硬盤的支持，瀏覽者的計算機沒有PC的支持，將導(dǎo)致無法傳遞視覺的最終效果。第二，網(wǎng)頁設(shè)計中的圖形和圖像是經(jīng)過計算機設(shè)計和制作出的效果，精確度和效果特殊較傳統(tǒng)手工具有精、準、快的特點。圖片經(jīng)過顯示器分辨，質(zhì)數(shù)達到最佳；傳輸通過寬帶，圖片尺寸和所占空間越小、傳輸越快、下載時間越短。第三，網(wǎng)頁設(shè)計中的版式設(shè)計是以屏幕大小為空間，將多種視覺元素進行重疊組合，并做到各元素的連貫性和配置合理，以達到界面內(nèi)各元素的均衡、顏色飽和，并具有律動和導(dǎo)向作用。以文化為基礎(chǔ)不同的網(wǎng)站網(wǎng)頁設(shè)計格局不同，大致有門字型、拐角型、左右和上下結(jié)構(gòu)型、標題型和變化型等。現(xiàn)階段我國的門戶網(wǎng)站以宣傳意義的“門”字格式居多，其他個人或者企業(yè)的網(wǎng)站一般根據(jù)自身的宣傳特點，通?？梢宰杂蛇x擇動畫、圖形等元素設(shè)計網(wǎng)頁。另外，還應(yīng)考慮計算機的硬件基礎(chǔ)、屏幕的大小、像素等，詳細過多的內(nèi)容可以另建新窗口，以點擊鏈接形式獲得充分利用網(wǎng)頁的空間性，即三維性。第四，網(wǎng)頁設(shè)計的色彩必須均衡飽和，并能一眼突出重點。根據(jù)計算機的顯示設(shè)備定出總體網(wǎng)頁設(shè)計的顏色系，主色強烈。

視聽元素包含了動畫、視頻和聲音。首先，網(wǎng)絡(luò)廣告一般會采用動畫，常見的動畫模式有3D和Flash，有些會用Swish等。這些動畫在印刷媒介中是體現(xiàn)不出來的只有通過電腦完成，運用網(wǎng)頁的空間性才能完成。網(wǎng)頁動畫可以通過Flash、GIF89a軟件制作。Flash是利用幀的變化制成；GIF89a是由多幀光柵組合的圖像形成的。其次，視頻又叫流媒體，指的是音頻和視頻的數(shù)據(jù)在網(wǎng)絡(luò)上按時間順序傳輸或者連續(xù)播放的數(shù)據(jù)流，具有連續(xù)、實時和時序性等特點。傳統(tǒng)觀看電影或者聽音樂必須先下載到計算機上才能觀看，不僅不能馬上觀看耗用時間，還占計算機內(nèi)存?，F(xiàn)在的流媒體只需要邊看邊緩存部分內(nèi)容，數(shù)據(jù)一邊緩沖一邊播放，不僅節(jié)省了時間，也不占用計算機內(nèi)存。常見的網(wǎng)絡(luò)視頻播放格式有Real和直播的Media Player。流媒體的常見應(yīng)用有VOD、視頻廣播、視頻會議、遠程游戲等。當今網(wǎng)絡(luò)中流媒體的應(yīng)用居多已經(jīng)成為網(wǎng)絡(luò)元素的主流，除了應(yīng)用在寬帶網(wǎng)絡(luò)上，還應(yīng)用于3G網(wǎng)絡(luò)的無線流媒體。最后，聲音通常是指網(wǎng)絡(luò)信息傳遞中聲響和語言，甚至音樂的傳遞。網(wǎng)絡(luò)中的視覺元素文字信息的傳達和視聽同步，在感受了視覺元素的同時加入了聽覺元素，對網(wǎng)頁內(nèi)容文字的理解和感染力倍增。瀏覽者也可以在瀏覽網(wǎng)頁內(nèi)容的同時，通過聽覺輕松享受聽覺帶來的聲響音樂或者獲取其他信息。

（三）視覺元素的發(fā)展

網(wǎng)頁設(shè)計是視覺設(shè)計的一種，它的基礎(chǔ)是平面設(shè)計并依靠計算機和網(wǎng)絡(luò)，所以網(wǎng)頁設(shè)計是平面設(shè)計發(fā)展的新方向。網(wǎng)頁設(shè)計在兼具平面設(shè)計特征的基礎(chǔ)上又加入了視聽新元素，使更多信息傳遞便捷，使用范圍廣泛。在網(wǎng)頁設(shè)計上，參入了數(shù)字化、多媒體交互性，使瀏覽者得到視覺和聽覺的同時滿足，最終便可以實現(xiàn)傳遞信息的功能。

二、網(wǎng)頁設(shè)計中視覺元素的審美性和功能

（一）視覺元素的審美性和功能性

網(wǎng)頁設(shè)計是通過網(wǎng)絡(luò)，把信息快、準、簡的傳達給瀏覽者。網(wǎng)頁設(shè)計的審美性也應(yīng)運而生。審美是指通過視覺對美感的感受和心理體驗。網(wǎng)絡(luò)中的審美性是指在信息傳達過程中，瀏覽者對網(wǎng)頁上的各個視覺元素帶來的感知美和享受性。

網(wǎng)頁中的文字、色彩和圖形的設(shè)計都應(yīng)遵循視覺美的規(guī)律，實現(xiàn)功能形式的統(tǒng)一。故而，各元素之間的流程應(yīng)有序的準確表達出信息的傳達；內(nèi)容要有突出的主題和清晰的效果；網(wǎng)頁設(shè)計制作應(yīng)美觀統(tǒng)一使瀏覽者快捷接受信息，并滿足視覺審美。另外，網(wǎng)站的網(wǎng)頁版式審美主要指網(wǎng)頁設(shè)計的版式風格，比如對內(nèi)容的重要性的安排；圖形審美指網(wǎng)站的標志、圖標和banner圖形等；網(wǎng)頁上的動畫和流媒體可以增加趣味性和易捷的傳遞信息；網(wǎng)頁中的色彩能提高閱讀的準確度。

（二）網(wǎng)頁設(shè)計的視覺元素功能性和審美性的表現(xiàn)

隨著視覺元素趨近國際化，互聯(lián)網(wǎng)逐漸成為人類最大的信息資源庫，融入我們生活各方面。使信息的傳遞更快、更廣。另一方面，網(wǎng)頁設(shè)計成果之后用戶可以利用互聯(lián)網(wǎng)通過各網(wǎng)頁的檢索功能或者下載獲得自己想要的資料，并實現(xiàn)資源共享。而網(wǎng)頁設(shè)計上的突出視覺性，方便用戶易檢性，在視覺上易區(qū)別。

此外，在網(wǎng)頁上用戶可以對看到的內(nèi)容進行評論和信息反饋，使信息傳播的單一性變成雙向交流。視覺元素使信息多元化，為信息互動提供了空間性。

（三）視覺元素在不同網(wǎng)站上的審美性和功能差異

隨著商品經(jīng)濟的發(fā)展，商業(yè)網(wǎng)站琳瑯滿目。而商業(yè)網(wǎng)站主要用于商品交易。但是現(xiàn)階段大部分網(wǎng)頁結(jié)構(gòu)單調(diào)，過于注重產(chǎn)品介紹。色彩單一，文字多的情況屢見不鮮。盡管少許網(wǎng)站在網(wǎng)頁插入一些Flash等，在視覺上形成動感。其次，公共服務(wù)網(wǎng)站，其信息量大、結(jié)構(gòu)清晰、色彩簡潔、風格正式、視覺上沒有裝飾，無插頁廣告，內(nèi)容可信度高。視覺上簡潔明了，給人干凈清晰的美感。就現(xiàn)階段的個人網(wǎng)站而言。這種網(wǎng)站無格式、編排的局限，色彩一般明亮、圖形多樣、個性鮮明，視覺元素極具感染力。

結(jié)束語：

數(shù)字信息的時代，給人類帶來了信息傳遞的快捷與方便。網(wǎng)頁的設(shè)計和表現(xiàn)元素帶來了視覺和聽覺的美感交融。網(wǎng)頁設(shè)計功能給我們帶來了信息傳遞的方便性和美感性，使人類可以再互聯(lián)網(wǎng)的時代中，更加快速識別和接受信息的雙向交流。（作者單位：湖南師范大學(xué)美術(shù)學(xué)院）

參考文獻：

[1]孟凡軍.網(wǎng)頁設(shè)計創(chuàng)意與視覺元素審美性研究[J].佳木斯教育學(xué)院學(xué)報，2011（04）.

[2]張晶.網(wǎng)頁設(shè)計中平面視覺元素的應(yīng)用[J].中國管理信息化，2011（17）.

[3]李曉寧.論網(wǎng)頁設(shè)計中視覺元素的特性[J].大眾文藝，2014（02）.