解析網頁設計的藝術效果提升途徑

戰會玲

摘要：隨著“互聯網+”的落實與發展，網站已不再是大公司、大企業專屬的產物，現在很多創業平臺、個人空間、小規模電子商務等都可以擁有自己的網站空間用于宣傳產品和樹立企業形象。網站的競爭早已擺脫了技術手段競爭的范疇，開始升級為頁面視覺效果的競爭。要想使你的網站在眾多主題相近或產品相同的網站中脫穎而出，就必須加大網頁視覺藝術效果的設計，以產生自己的特點，給人留下深刻的印象。本文就是主要探討提升網頁藝術效果的方法，主要從文字、圖形圖像、色彩、版面布局四個方面進行解析。

關鍵詞：網頁設計；藝術設計；文字；色彩；版式

當今社會，網絡作為第四媒體正在飛速發展，互聯網已經深度滲透到我們生活的各個層面，網頁設計已經脫離了傳統廣告設計的范疇，形成了特殊而獨立的體系。網站作為新媒體的媒介主體，具有更多與傳統媒體不同的特征和特性，可以說，網頁設計是一種基于視覺藝術的平面設計，它是瀏覽者進入站點第一時間接收到的視覺信息，它可以給瀏覽者一個概念、一種印象，因此，網站的視覺審美關系到網站生存與發展。

網頁設計是一個系統的整合工程，包含多種形態要素，如文字、圖形、圖像、動畫、音頻、視頻、交互元素等，這些元素在藝術上都具有相對的獨立性，它們好比網頁的零部件，只要零部件設計好了，網頁設計就有了好的視覺基礎。再合理規劃網站內容，搭建網頁框架結構，設計好網頁配色方案，就會呈現出高藝術水平的網頁視覺盛宴。

一、網頁文字的藝術設計

文字是網站頁面傳播信息的主要載體，在版面中一般占有絕大部分空間。文字設計是網頁設計中不可缺少的一環，規范的字體給人美的享受，可以讓人閱讀起來輕松舒適；新奇的字體可以讓人閱讀起來印象深刻，容易引起瀏覽者的興趣，提高信息傳達的有效性。在對文字進行藝術創意設計時，設計師多采用圖形文字表現手法。與文本文字不同，圖形文字能夠自由實現漢字的字體設計與編排設計，設計師可以完全自由的控制文字的外觀，自由使用各種特殊字體和圖形，采用不同的陰影、變形、質感、濾鏡等視覺特效，從而提高文字的藝術觀賞性。

從技術與藝術相結合的角度考慮，網頁文字設計要遵循以下幾點準則：

1.文字的風格和編排應符合網頁的主題。不同主題的網頁要使用不同樣式的字體，而不同的字體編排也會影響網頁的風格傾向，因此文字的設計要與網頁主題相結合。

2.保證文字的可讀性、整體性。文字最終是為傳達信息服務的，明確、清晰是文字設計的首要目的。而且多個文字設計之間一定要有主次邏輯關系，避免各自為戰。

3.合理控制文本文字與圖形文字的占比。追求美觀的同時，也要兼顧文件體積，選用合適的文件格式、色彩數量、調節好壓縮比，都有助于減小文件的體積。

二、圖形圖像設計

網頁圖形、圖像在網頁的編排中有著舉足輕重的地位，運用圖形、圖像，設計師可以美化網頁頁面效果，提高網頁的藝術價值，圖形圖像與文字結合可以加大信息傳播的質量和數量，提高信息傳播的效率。

在進行網頁設計時，要注意以下幾點：

1.圖像分辨率設置。顯示器的分辨率一般為96dpi或72dpi，高于這個標準會增加文件體積，降低頁面下載速度，而低于這個標準會降低圖像的顯示質量，因此，圖像的最佳分辨率為96dpi。

2.圖像文件格式設置。要根據不同的目的，選擇適當的文件格式。比如，在制作圖標、動畫時，使用的顏色比較少，可以選擇GIF格式圖像；在制作透明背景圖像時，可以選擇PNG格式圖像；在制作真彩色網絡圖像時，則可選擇JPEG格式，一般情況下，JPEG的壓縮質量選擇在7-9之間的數值，這樣能夠生成失真小而壓縮比比較大的圖像。

3.調整好網頁圖像的色調、位置、大小、平衡、主次等對于網頁的整體視覺印象十分重要。主次分明、與網頁整體協調是網頁圖形、圖像設計必須把握的原則。

三、網頁色彩的設計

色彩是最先進入瀏覽者視野的視覺元素，同時也是最持久占據記憶的視覺元素。網頁設計是依賴色彩的，色彩具有更直觀更強烈的視覺表現力，很多網站以其成功的色彩搭配令人過目不忘。對于網站來說，如果圖片信息較多，圖片中的色彩將主宰整個頁面，并且在后續信息不斷更新中，頁面感受也會隨著圖片色彩的變化而變化。因此，平衡好網頁設計與信息更新中的圖像色彩變化的關系，也是網頁藝術設計必須要考慮的問題之一。

1.網頁色彩的整體性設計

一般情況下，首先要根據網站的主題和產品特性確定網站的主題色以及背景色，其次，在基礎色調的基礎上，來協調輔助色的選用，包括補色配置、對比色配置、類似色配置、同類色配置等，從而形成網站的配色方案。通常情況下，背景色的配置對比不宜過分強烈，要避免背景色喧賓奪主；同時各造型要素的色彩也要主次分明，重點對象的色彩應居于網頁色彩體系中對比顯著的位置。在處理各要素的色彩時，既要注重色彩的變化，也要考慮色彩的整體性與協調性。

2.網站主題與色彩設計

網頁設計中，不同顏色會給瀏覽者不同的心理感受，每種色彩在飽和度、透明度上的變化都會產生不同的心理感受。現在網站的分類多種多樣，有公司、政府機構、產品、房產、旅游、購物、娛樂、個人空間等，因此對于不同主題的網站，網頁色彩設計應有不同的側重點。比如餐飲、食品類網站宜采用暖色系列，來刺激消費者的食欲；機械產品類網站宜采用冷色系列，給人以莊重、沉穩的感覺，而且能表現設計者嚴謹、科學、精確的設計理念，能讓消費者放心的使用產品；電子產品類網站適宜采用偏冷的灰、黑系列，這樣能與產品材質完美結合；而兒童用品或者與兒童相關的網頁，則適宜采用顏色鮮艷對比強的色調，這樣有利于表現兒童活潑、歡快的特點。

四、網頁的版式設計

網頁版式的布局是通過對網頁頁面結構的分割和造型空間的確立，合理安排網頁各元素的位置，使頁面內容和形式達到有機的統一。網頁的版式布局，不單是考慮頁面的美觀和可讀性，還要考慮網絡瀏覽的特殊性，如顯示的先后順序、頁面滾動時的效果等。網頁的分割一般從功能出發，將頁面分割為標題區、導航區、內容區等，不同區域具有不同的功能。從設計手法上講，通常利用點、線、面等元素進行頁面的劃分，常見的結構有兩種，一種是框架式分割，主要利用各種不同的方形框架對網頁進行分割，常用于門戶網站、購物網站等；另一種是自由式分割，主要利用各種顯性或隱性的直線、曲線或者交叉線自由分割頁面。