解析網(wǎng)頁設(shè)計的藝術(shù)效果提升途徑

戰(zhàn)會玲

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

關(guān)鍵詞：網(wǎng)頁設(shè)計；藝術(shù)設(shè)計；文字；色彩；版式

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

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

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

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

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

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

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

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

二、圖形圖像設(shè)計

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

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

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

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

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

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

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

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

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

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

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

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

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