戰(zhàn)會(huì)玲

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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