戰(zhàn)會玲

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

關鍵詞：網(wǎng)頁設計；藝術設計；文字；色彩；版式

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

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

一、網(wǎng)頁文字的藝術設計

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

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

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

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

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

二、圖形圖像設計

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

在進行網(wǎng)頁設計時，要注意以下幾點：

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

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

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

三、網(wǎng)頁色彩的設計

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

1.網(wǎng)頁色彩的整體性設計

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

2.網(wǎng)站主題與色彩設計

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

四、網(wǎng)頁的版式設計

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