網頁設計的表現特征

網絡作為一種新的媒體，隨著其應用的日益普遍和廣泛，豐富了視覺傳達設計的基本視覺要素的表現方式，網頁設計就成為隨著計算機技術、網絡技術、圖像處理、動畫制作的產生和發展而形成的［1］，技術與藝術高度統一的一門新學科。網頁設計既具有技術、功能的基本特征，又具備視覺傳達設計的藝術特征。依照設計目的和要求，對網頁進行功能上的實現和視覺形式的設計運用，使得技術、功能和藝術在網頁設計中緊密結合、相輔相成。

1、視覺形式是網頁設計的外在表現

視覺形式是反應具體事物美的特征內容的外在形式，包括“外形式”和“內形式”兩個方面。文字、圖形、視頻是網頁設計的視覺傳達要素，點、線、面是網頁設計中的特殊視覺形式［2］，這些是網頁設計的“外形式”。而網頁設計的“內形式”是視覺要素按一定的規律組合起來，以完美表現內容的結構形式［3］。網頁是通過視覺元素引入、被受眾關注，從而實現信息的傳達，這就要求網頁的設計必須適應受眾的視覺在心理和生理上的需求特點，遵循視覺的構成形式規則，確定各種視覺元素之間的關系和秩序。將信息準確的傳達給受眾，以滿足受眾的使用和需求，并通過獨特的藝術風格突出網頁內容和設計目的。

根據網頁的特點、設計內容、設計目的，將網頁設計中的文字、背景、按鈕、圖標、圖像、顏色、導航等外在視覺元素，以點、線、面，灰、白、黑，色彩對比等方面的形式構成，進行網頁設計。點的形態在空間中產生活潑、輕松的視覺效果，點的構成具有體現局部細節、集中視線、突出主題的視覺作用；線的形態在空間中產生方向性、條理性的視覺美感，線的構成具有體現平面分隔、類型劃分的視覺作用；面的形態在空間中產生完整、穩重的視覺效果，形成多層次感、縱深感、統一畫面的視覺作用。例如阿迪達斯的官方網頁（圖1），網頁整體是由多幅圖片構成一個完整的四方形面，當受眾進入網頁，使受眾產生穩重、值得信賴的第一感覺。相對整體的頁面而言，圖片就一點的形式存在，在規整的視覺感上添加了活潑感、多元素性、多方面性，與阿迪達斯運動、活力的特點相吻合。以圖片為參照物，圖片間的空隙成為網頁中線元素，將圖片貫穿、連接，構成完整的面。當鼠標放到圖片上，就會出現相應的文字，但又不破壞整體的構成形式。文字、圖片以點線面的形式存在整個網頁中，通過相互對比、相互作用，形成了統一、活潑的視覺心理感受。

圖1 阿迪達斯網頁

網頁設計無論運用何種視覺形式，都要將文字、圖形、色彩這些元素構成一個完整、統一的設計風格，也就是網頁的整體性，網頁設計在總體上整體統一，在細節上變化多樣，達到形式與內容、局部與整體的統一，形成視覺藝術效果的吸引力和視覺空間秩序。網頁設計運用不同的視覺要素，不同的構成形式規律，形成了不同的藝術風格，根據不同的網頁內容、不同的設計目的，運用恰當的視覺形式法則，通過對比、連續、重復、比例等方式，表現出嚴謹有序的網頁設計概念。符合人們的視覺邏輯、視覺美感，提高信息的視覺識別性，有意識的引導受眾順著網頁設計、網頁視覺流程迅速感知所傳達的信息，達到網頁的設計目的。

2、功能特征是網頁設計的內在基礎

伴隨著網絡的快速發展，網頁已經成為網絡信息表現和思想傳播交流的主要形式［4］。網頁作為信息傳達的新載體和重要的傳播途徑，信息傳播功能就成為網頁設計的基礎。網頁設計的視覺形式服務于網頁的主題，這是網頁設計最重要的一條規律，設計的形式既要實現功能，又要表現視覺美感，美感和功能相結合，就是為了更好的表達主題［5］。這就要求網頁設計在追求視覺形式美的同時，文字、色彩、板式、圖形等視覺元素必須適合主題，與網頁的內容、性質相一致，體現網頁的功能特征。

網頁根據功能、內容的不同，大致可分為及時性新聞網頁、政府官方網頁、品牌商業性網頁和論壇交流性網頁。搜狐、雅虎等及時性新聞網頁（圖2），主要的特征就是信息量大，針對的受眾范圍廣泛，為了滿足不同層次和不同領域的受眾的信息滿足和功能需求，網頁的視覺表現形式就需要適合受眾的審美需求，并及時的可以找到相關信息，這就需要根據網頁不同板塊的功能進行設計。文字就成為這類網頁的主要視覺元素，文字的字體單一、易識別。由于信息量巨大，線條和色彩就成為劃分區域的界限和標志。圖片在這類網站中起到對主要信息、新聞的強化點綴作用。政府網站則顯得十分正式和嚴肅，對于文字、色彩的運用有著十分嚴格的要求。中華人民共和國政府的網頁以中國國旗的顏色——紅色為主體顏色，色彩搭配顯得莊重、嚴肅，視覺表現形式規整統一、簡單直接（圖3）。和搜狐等及時性新聞網頁相比，對于視覺形式要求更加嚴格和簡單。耐克、三星、摩托羅拉等商業品牌網站，相對于以上兩種網頁，屬于品牌商業性質的網站，對于視覺表現形式的運用就顯得更加自由。主要的功能是宣傳自身品牌，展現產品理念。這類網站的設計主要結合品牌特點，沒有固定的文字、色彩要求，可以運用對比、互動、視頻等不同的表現方式。例如三星的網站（圖4、5），根據產品的不同，圖片、色彩也就不同，但是整體的版式、形式具有統一的框架結構。

從以上幾種不同性質的網頁分析中，可以看出，網頁設計中的視覺元素的運用，都是以網頁的功能為基礎，網頁的不同功能又是通過不同形式的文字、色彩、圖形、版式進行視覺表現，只注重唯美的視覺表現形式，強調獨特性、個性的設計風格，而忽略了功能特征的網頁設計會失去網頁的存在價值，造成信息的混亂，誤導受眾產生歧義。只重視主題思想的條理性，而忽視覺元素的形式表現，網頁設計將會失去生命力，顯得空洞無力，削弱了網頁的最佳訴求效果。網頁設計只有結合網頁的主題內容，以適當的視覺表現形式，將功能與視覺形式有機地結合，實現網頁的設計目的和要求。

圖2 搜狐、雅虎網頁截圖

圖3 中華人民共和國政府網頁

圖4、5 三星官方網頁

3、技術性是網頁設計的結構框架

網頁從最初的簡單字符的靜態網頁，到現在運用最為廣泛的圖形并茂的網頁，再到最新出現的動態交互式網頁，都是隨著技術的不斷更新而發展的［6］。技術性也就成為了網頁設計的結構框架基礎，成為網頁的存在價值的結構基礎。技術與功能有著密不可分的關系，人們對于技術的探索是在功能的不斷更新之下完成的，當功能的缺陷、不足被發現后，才會有技術的推陳出新來解決和完善功能，使得技術不斷成熟，有了更多的表現形式，從而通過功能效用的改善，使受眾在心理和生理上獲得享受［7］。可以說，一個新的技術原理的應用可以為人們開拓出一個全新的活動領域，技術的可能性成為人們審美創造的現實物質基礎［8］。網頁的技術性為受眾、客戶提供了一個全新的藝術形態。

網頁設計的技術性指的是，網頁設計是運用相關的編程技術、媒體技術、電子技術等實現網絡視覺表現效果的方式、方法。最初的網頁設計是以簡單的文字比安排為主，信息量少，并卻缺乏視覺美感。隨著圖片技術的加入，曾加了網頁設計的視覺表現形式，活躍了網站的整體氛圍，受眾在瀏覽網頁時，滿足了審美心理上的享受，使得信息流通和關注程度得到提高。動畫、視頻技術在不斷的運用到網頁設計之中，這些技術極大地滿足和豐富了受眾對網絡信息的接受和傳播。動畫具有很強的視覺沖擊力，與靜態的文字、圖片相呼應，可以達到動靜相宜的視覺效果。視頻具有信息豐富、傳達便捷、表現靈活等，其它視覺元素所不具備的特征和優勢，適用于不同文化層次的受眾，同時形象生動，具有較強的吸引力。

網頁設計的技術性是隱形的特征，只有通過頁面的視覺形式表現出來。相比之下，廣播、電視、報紙等媒體都是以線性的方式提供信息，也就是按照信息的要求和事先確定的格式來傳播。在網絡的環境中，受眾不再是對于信息的被動接受者，而是以主動參與者的身份，加入到信息的接受、處理和發布之中。龐大的信息量充斥著整個網絡，那么網頁中信息的鏈接導航設計就成了網頁設計中最為重要的一個方面。以技術作為框架，形成完整、合理的信息鏈接框架，再通過視覺元素將其視覺化，引導受眾可以選擇性的認識、運用和接受信息。這種持續的交互性，是以交互的技術為支持的，如阿迪達斯的網頁，網頁設計雖然是圖片元素展現網頁的主題內容，但是當鼠標移至某一個單獨的圖片時。就會顯現相關的文字主題，凸顯品牌產品的特征，或企業的某一個理念，使得受眾產生趣味性的同時，并與不同的受眾產生信息選擇互動，根據受眾自身的喜好，選擇的接受了企業信息，了解了企業的產品。網頁設計的視覺表現形式以技術為框架結構，技術性又通過視覺元素將其展現。

結語

隨著計算機技術的不斷更新和發展，網頁設計只有掌握了各種網絡技術規律、通過多樣的視覺形式，注重技術、功能和藝術的時間的關系，相輔相成，才能滿足未來受眾對網頁信息的更高要求。網頁設計是主觀和客觀共同作用的結果，網頁設計的功能特征主要表現為客觀因素，視覺表現形式主要表現為主觀因素，視覺表現形式是網頁設計技術性的外在表現，功能決定了技術的表現方式，視覺表現形式又通過技術和功能得以支持，實現技術和與藝術的緊密結合，使網頁設計從平面設計擴展到到交互式設計，極大地豐富了網頁設計的表現形式。網頁設計的技術性和藝術性高度統一，把受眾帶入一個全新的信息傳播視聽空間。

［1］徐輝，李建軍.網頁設計的“美”與“技術”.安徽電子信息職業技術學院學報［J］，2006Vol5（27）：119～120

［2］楊西惠，劉西莉.網頁設計的視覺要素與編排創意.裝飾［J］，2005（144）：56～57

［3］耿陽，孫志紅.淺談網頁設計的形式和藝術風格.藝術與設計［J］：65～66

［4］宋春暉.網頁設計中的美學應用分析.海南師范學院學報(自然科學版)［J］，2005Vol18（1）：46～49

［5］許金友.藝術與技術的完美結合——淺議網頁設計的特色.藝術與設計（理論）［J］，2009（4）：67～69

［6］張亮.論網頁設計中的美學.大眾科技［J］，2009（115）：38～39

［7］鄒立坤.技術美——現代設計的新訴求.藝術與設計［J］：17～19

［8］徐恒醇.設計美學［M］.北京：清華大學出版社.2006: