劉 丹

(安徽財(cái)經(jīng)大學(xué) 文學(xué)與藝術(shù)傳媒學(xué)院，安徽 蚌埠 233030)

網(wǎng)頁藝術(shù)設(shè)計(jì)的審美技巧

劉 丹

(安徽財(cái)經(jīng)大學(xué) 文學(xué)與藝術(shù)傳媒學(xué)院，安徽 蚌埠 233030)

在設(shè)計(jì)中，網(wǎng)頁文字要克服單調(diào)與平淡，以表達(dá)深層的設(shè)計(jì)思想。在網(wǎng)頁色彩的選擇上，應(yīng)考慮圖片在整體編輯計(jì)劃中的作用，達(dá)到和諧整齊。同時(shí)，根據(jù)色彩的形式美原則，將不同的色彩進(jìn)行組合，從而構(gòu)成賞心悅目的頁面。網(wǎng)頁設(shè)計(jì)布局的方法主要有骨骼型、滿版型、分割型、中軸型、曲線型等。

網(wǎng)頁要素；藝術(shù)設(shè)計(jì)；審美；網(wǎng)頁圖片；網(wǎng)頁色彩；網(wǎng)頁布局

網(wǎng)站藝術(shù)設(shè)計(jì)的內(nèi)容很多，如網(wǎng)站的文字、圖片、顏色搭配、版面布局的運(yùn)用等，設(shè)計(jì)者只有在制作網(wǎng)頁之前把這些方面都考慮到了，制作出來的網(wǎng)頁才能有個(gè)性、有特色，具有吸引力。

一、網(wǎng)頁文字的設(shè)計(jì)方法

文字設(shè)計(jì)主要承擔(dān)著信息傳遞視覺化作用，是網(wǎng)頁設(shè)計(jì)中進(jìn)行視覺溝通的主要媒介物。文字的表現(xiàn)形式具有極大的可塑性，既有規(guī)律性又有極大的自由度。將文字圖形化、意象化，以更富創(chuàng)意的形式表達(dá)出深層的設(shè)計(jì)思想，能夠克服網(wǎng)頁的單調(diào)與平淡，從而打動(dòng)人心。

1.不要使用過多的字體

計(jì)算機(jī)給我們提供了大量可供選擇的字體，導(dǎo)致字體的變化趨于多樣化。但在網(wǎng)頁文字的編排與設(shè)計(jì)中，同一頁面上使用的字體宜在三種以內(nèi)。如果字體過多，頁面會顯得繁雜零亂，訪問者會覺得視覺混亂而產(chǎn)生抗拒。另外，由于文本字體的顯示是需要本地硬盤字體文件的支持，所以在互聯(lián)網(wǎng)上使用過多的字體是沒有意義的。

2.提高文字的可讀性

網(wǎng)頁文字的主要功能是傳達(dá)各種信息，而要達(dá)到這種傳達(dá)的有效性，必須考慮文字編輯的整體效果，能給人以清晰的視覺印象，減去不必要的裝飾變化，使人易認(rèn)、易懂、易讀。這才能符合現(xiàn)代信息講究速度、效率的特點(diǎn)具有視覺傳達(dá)的瞬間效果。切記不能為造型而編輯，忘記了文字本身是傳達(dá)內(nèi)容和表達(dá)信息的目的。

3.大標(biāo)題、小內(nèi)文

利用字體大小的差異，表現(xiàn)標(biāo)題及內(nèi)文不同的重要程度，是字體的常用搭配方法。大標(biāo)題字體的大小尺寸應(yīng)為內(nèi)文的三倍以上，才能凸顯其領(lǐng)導(dǎo)地位。副標(biāo)題字體的尺寸必須小于大標(biāo)題一半以下，才不至于減弱大標(biāo)題的力量。小標(biāo)題可與內(nèi)文一樣大小或略為大一些，但不宜比內(nèi)文小。

二、網(wǎng)頁圖片的設(shè)計(jì)方法

圖片有直觀性，可以提高站點(diǎn)的訪問量，但不能因此而在網(wǎng)頁上加入過多的圖片，否則會降低網(wǎng)頁顯示的速度，圖片的位置、面積、數(shù)量、形式、方向等，直接關(guān)系到網(wǎng)頁的視覺傳達(dá)。

1.圖片定位準(zhǔn)確

設(shè)計(jì)特點(diǎn)之一就是圖形受到設(shè)計(jì)主題的限制和約定。因此網(wǎng)頁設(shè)計(jì)中的圖片要符合主題的要求，定位準(zhǔn)確，這是設(shè)計(jì)原則中的首要問題。

2.在設(shè)計(jì)上要富于創(chuàng)造性

“新穎”、“奇特”、“獨(dú)樹一幟”等是設(shè)計(jì)藝術(shù)蘊(yùn)涵潛在生命力的永恒主題，也是網(wǎng)頁設(shè)計(jì)師所不斷追求努力的方向。平淡的圖片很難引起人們足夠的重視。解決這一問題的辦法，就是運(yùn)用創(chuàng)意設(shè)計(jì)。在藝術(shù)表達(dá)這些普普通通的事物時(shí)，設(shè)計(jì)師往往是運(yùn)用創(chuàng)造性思維，采取嶄新的觀察事物的方法、不尋常的視角、超越一般人的經(jīng)驗(yàn)和視覺思維，由此達(dá)到強(qiáng)烈的感染力和視覺沖擊力，給人留下深刻的印象，引誘人們多次瀏覽本網(wǎng)站。

主要包括以下幾個(gè)方面：一是各地農(nóng)村飲水安全工程建設(shè)中管材選型，二是各地農(nóng)村供水工程管材使用的經(jīng)驗(yàn)，三是各地農(nóng)村供水工程管材使用中存在的問題。通過調(diào)研，對工程建設(shè)中管材的采購方式、政府主管部門對管材質(zhì)量的監(jiān)管、材料選用、施工安裝及工程運(yùn)行過程中存在的問題等進(jìn)行全面了解。

3.在視覺上應(yīng)給人以美感

在視覺傳達(dá)的過程中，圖片作為畫面的形象要素之一，同時(shí)具有傳達(dá)感情的功能，因而它必須具有視覺上的美感，能夠給人以美的享受。圖形設(shè)計(jì)精美，具有藝術(shù)性設(shè)計(jì)的圖片能讓人視覺上產(chǎn)生審美愉悅感受，從而留下深刻的印象。粗制濫造或者連明暗度、對比度都不經(jīng)過修飾就簡單插入到頁面中的圖片，既影響了人們的瀏覽興趣，也達(dá)不到應(yīng)有的設(shè)計(jì)意圖。

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

色彩可以產(chǎn)生強(qiáng)烈的視覺效果，使頁面更加生動(dòng)。瀏覽網(wǎng)頁留下的第一印象往往就是頁面的色彩設(shè)計(jì)。色彩總的應(yīng)用原則是“總體協(xié)調(diào)，局部對比”。

1.用一種主色調(diào)

這里指在主頁中先選定一種色彩，然后調(diào)整透明度或者飽和度，即將這種色彩變淡或者加深，產(chǎn)生新的多個(gè)同類色彩，用于整個(gè)網(wǎng)站的頁面。這樣的頁面看起來色彩統(tǒng)一，有層次感。

2.用具有對比度的兩種色彩

在主頁中先選定一種色彩，然后選擇它的對比色，這樣整個(gè)網(wǎng)站頁面色彩豐富但不花哨。

3.用同一個(gè)明度色系

簡單地說就是用同明度的色彩，例如淡綠，淡藍(lán)，淡黃；或者暗綠，暗藍(lán)，暗黃。

4.用大面積彩色和黑色、灰色搭配

這樣的頁面視覺沖擊力強(qiáng)，又很時(shí)尚、大氣。

另外需要注意的是：(1)不要將所有顏色都用到，盡量控制在三種色彩以內(nèi)；(2)背景和頁面的內(nèi)容對比盡量要大，以便于識別。不要用花紋繁復(fù)的圖案作背景，可選擇降低圖案的透明度，以突出主要文字內(nèi)容。

四、網(wǎng)頁設(shè)計(jì)布局的方法

網(wǎng)頁設(shè)計(jì)作為一種視覺語言，同傳統(tǒng)媒體一樣，要講究版式設(shè)計(jì)。

1.骨骼型

骨骼型版式是一種規(guī)范的、理性的設(shè)計(jì)形式，類似于報(bào)刊的版式。常見的有豎向通欄、雙欄、三欄、四欄和橫向的通欄、雙欄、三欄和四欄等。一般以豎向分欄為多。這種版式給人以和諧、理性的美。幾種分欄方式結(jié)合使用，顯得網(wǎng)頁既理性、條理，又活潑而富有彈性。

2.滿版型

頁面以圖片充滿整版。主要以圖片為訴求點(diǎn)，將少量文字壓置于圖片之上。視覺傳達(dá)效果直觀而強(qiáng)烈。滿版型給人以舒展、大方的感覺。美中不足的是，限于當(dāng)前網(wǎng)絡(luò)寬帶對大幅圖片的傳輸速度較慢，這種版式多見于強(qiáng)調(diào)藝術(shù)性或個(gè)性的網(wǎng)頁設(shè)計(jì)中。

3.分割型

分割型版式設(shè)計(jì)，是把整個(gè)頁面分成上下或左右兩部分，分別安排圖片和文案。兩個(gè)部分形成明顯的對比：有圖片的部分感性而具活力，文案部分則理性而平靜。設(shè)計(jì)實(shí)踐中，可以通過調(diào)整圖片和文案所占的面積，來調(diào)節(jié)對比的強(qiáng)弱。

4.中軸型

中軸性版式，是沿頁面的中軸將圖片或文字作水平或垂直方向的排列。水平排列的頁面，給人穩(wěn)定、平靜、含蓄的感覺。垂直排列的頁面，給人以舒暢的感覺。

5.曲線型

曲線型版式，是圖片或文字在頁面上作曲線的編排構(gòu)成。這種編排方式能產(chǎn)生韻律感與節(jié)奏感。

6.傾斜型

傾斜型版式，是頁面主題形象或圖片、文字作傾斜編排。它能造成頁面強(qiáng)烈的動(dòng)感，引人注目。

7.對稱型

對稱型版式，給人以穩(wěn)重、理性的感受。對稱，分為絕對對稱和相對對稱兩種類型。一般采用相對對稱的手法，以避免版式呆板。左右對稱的頁面版式比較常見。四角型也是對稱型的一種，是在頁面四角安排相應(yīng)的視覺元素。四個(gè)角是頁面的邊界點(diǎn)，重要性不可低估。在四個(gè)角安排的任何內(nèi)容都能產(chǎn)生安定感?？刂坪庙撁娴乃膫€(gè)角，也就控制了頁面的空間。越是凌亂的頁面，越要注意對四個(gè)角的控制。

〔責(zé)任編輯：王建霞〕

J03

A

1003-6873(2015)02-0107-02

2015-01-30

安徽財(cái)經(jīng)大學(xué)本科教學(xué)質(zhì)量與教學(xué)改革工程項(xiàng)目“基于圖形創(chuàng)意對學(xué)生創(chuàng)新思維培養(yǎng)的研究”(acjyyb2014071)；安徽省級人文社會科學(xué)研究項(xiàng)目“安徽形象塑造的媒體策略研究”(SK2012B015)。

劉丹(1976-- )，女，安徽財(cái)經(jīng)大學(xué)文學(xué)與藝術(shù)傳媒學(xué)院視覺傳達(dá)系教師，碩士，主要從事藝術(shù)學(xué)研究。

10．16401/j．cnki．ysxb．1003-6873．2015．02．024