1.4 網(wǎng)頁(yè)配色

網(wǎng)頁(yè)設(shè)計(jì)是平面設(shè)計(jì)的一個(gè)分支，和其他平面設(shè)計(jì)類似，對(duì)色彩都有較大的依賴性。色彩作為網(wǎng)頁(yè)視覺(jué)元素的一種，不僅情感豐富，其形式的美感也使瀏覽者得以視覺(jué)和心理的享受。將色彩成功地運(yùn)用在網(wǎng)頁(yè)創(chuàng)意中，可以強(qiáng)化網(wǎng)頁(yè)的視覺(jué)張力。

1.4.1 色彩的基礎(chǔ)概念

色彩是網(wǎng)站最重要的一個(gè)部分，在學(xué)習(xí)如何為網(wǎng)站進(jìn)行色彩搭配之前，首先要來(lái)認(rèn)識(shí)顏色。

1. 色彩與視覺(jué)原理

色彩的變化是變幻莫測(cè)的，這是因?yàn)槲矬w本身除了其自身的顏色外，有時(shí)也會(huì)因?yàn)橹車念伾约肮庠吹念伾兴淖儭?/p>

□ 光與色

光在物理學(xué)上是電磁波的一部分，其波長(zhǎng)在700～400nm，在此范圍稱為可視光線。當(dāng)把光線引入三棱鏡時(shí)，光線被分離為紅、橙、黃、綠、青、藍(lán)、紫，因而得出的自然光是七色光的混合。這種現(xiàn)象稱作光的分解或光譜，七色光譜的顏色分布是按光的波長(zhǎng)排列的，如下圖所示，可以看出紅色的波長(zhǎng)最長(zhǎng)，紫色的波長(zhǎng)最短。

光是以波動(dòng)的形式進(jìn)行直線傳播的，具有波長(zhǎng)和振幅兩個(gè)因素。不同的波長(zhǎng)長(zhǎng)短產(chǎn)生色相差別。不同的振幅強(qiáng)弱大小產(chǎn)生同一色相的明暗差別。光在傳播時(shí)有直射、反射、透射、漫射、折射等多種形式。

光直射時(shí)直接傳入人眼，視覺(jué)感受到的是光源色。當(dāng)光源照射物體時(shí)，光從物體表面反射出來(lái)，人眼感受到的是物體表面色彩。當(dāng)光照射時(shí)，如遇玻璃之類的透明物體，人眼看到是透過(guò)物體的穿透色，光在傳播過(guò)程中，受到物體的干涉時(shí)，則產(chǎn)生漫射，對(duì)物體的表面色有一定影響。如通過(guò)不同物體時(shí)產(chǎn)生方向變化，稱為折射，反映至人眼的色光與物體色相同。

□ 物體色

自然界的物體五花八門、變化萬(wàn)千，它們本身雖然大都不會(huì)發(fā)光，但都具有選擇性地吸收、反射、透射色光的特性。當(dāng)然，任何物體對(duì)色光不可能全部吸收或反射，因此，實(shí)際上不存在絕對(duì)的黑色或白色。

物體對(duì)色光的吸收、反射或透射能力，很受物體表面肌理狀態(tài)的影響。但是，物體對(duì)色光的吸收與反射能力雖是固定不變的，而物體的表面色卻會(huì)隨著光源色的不同而改變，有時(shí)甚至失去其原有的色相感覺(jué)。所謂的物體“固有色”，實(shí)際上不過(guò)是常光下人們對(duì)此的習(xí)慣而已。例如在閃爍、強(qiáng)烈的各色霓虹燈光下，所有建筑幾乎都失去了原有本色而顯得奇異莫測(cè)。

2. 色彩三要素

自然界的色彩雖然各不相同，但任何有彩色的色彩都具有色相、亮度、飽和度這3個(gè)基本屬性，也稱為色彩的三要素。

□ 色相

色相指色彩的相貌，是區(qū)別色彩種類的名稱。色相是根據(jù)該色光波長(zhǎng)劃分的，只要色彩的波長(zhǎng)相同，色相就相同，波長(zhǎng)不同才產(chǎn)生色相的差別。紅、橙、黃、綠、藍(lán)、紫等每個(gè)字都代表一類具體的色相，它們之間的差別就屬于色相差別。當(dāng)用戶稱呼到其中某一色的名稱時(shí)，就會(huì)有一個(gè)特定的色彩印象，這就是色相的概念。正是由于色彩具有這種具體相貌特征，用戶才能感受到一個(gè)五彩繽紛的世界。如果說(shuō)亮度是色彩隱秘的骨骼，色相就很像色彩外表華美的肌膚。色相體現(xiàn)著色彩外向的性格，是色彩的靈魂。

如果把光譜的紅、橙、黃、綠、藍(lán)、紫諸色帶首尾相連，制作一個(gè)圓環(huán)，在紅和紫之間插入半幅，構(gòu)成環(huán)形的色相關(guān)系，便稱為色相環(huán)。在六種基本色相各色中間加插一個(gè)中間色，其首尾色相按光譜順序?yàn)椋杭t、橙紅、橙、黃、黃綠、綠、青綠、藍(lán)綠、藍(lán)、藍(lán)紫、紫、紅紫，構(gòu)成十二基本色相，這十二色相的彩調(diào)變化，在光譜色感上是均勻的。如果進(jìn)一步再找出其中間色，便可以得到二十四個(gè)色相（見(jiàn)下圖）。

□ 飽和度

飽和度是指色彩的純凈程度。可見(jiàn)光輻射，有波長(zhǎng)相當(dāng)單一的，有波長(zhǎng)相當(dāng)混雜的，也有處在兩者之間的，黑、白、灰等無(wú)彩色就是波長(zhǎng)最為混雜，純度、色相感消失造成的。光譜中紅、橙、黃、綠、藍(lán)、紫等色光都是最純的高純度的色光。

飽和度取決于該色中含色成分和消色成分（黑、白、灰）的比例，含色成分越大，飽和度越大；消色成分越大，飽和度越小，也就是說(shuō)，向任何一種色彩中加入黑、白、灰都會(huì)降低它的飽和度，加的越多就降的越低。

當(dāng)在藍(lán)色中混入了白色時(shí)，雖然仍舊具有藍(lán)色相的特征，但它的鮮艷度降低了，亮度提高了，成為淡藍(lán)色；當(dāng)混入黑色時(shí)，鮮艷度降低了，亮度變暗了，成為暗藍(lán)色；當(dāng)混入與藍(lán)色亮度相似的中性灰時(shí)，它的亮度沒(méi)有改變，飽和度降低了，成為灰藍(lán)色。采用這種方法有十分明顯的效果，就是從純色加灰漸變?yōu)闊o(wú)飽和度灰色的色彩飽和度序列（見(jiàn)下圖）。

黑白網(wǎng)頁(yè)與彩色網(wǎng)頁(yè)之間存在著非常大的差異。大多數(shù)情況下黑白網(wǎng)頁(yè)給瀏覽者的視覺(jué)沖擊力不如彩色網(wǎng)頁(yè)效果強(qiáng)烈，同時(shí)對(duì)作品網(wǎng)頁(yè)的風(fēng)格也有著一些局限性。而色彩的選擇不僅僅決定了作品的風(fēng)格，同時(shí)也使得作品更加飽滿，富有魅力（參見(jiàn)下圖）。

□ 亮度

亮度是色彩賴以形成空間感與色彩體量感的主要依據(jù)，起著“骨架”的作用。在無(wú)彩色中，亮度最高的色為白色，亮度最低的色為黑色，中間存在一個(gè)從亮到暗的灰色系列（見(jiàn)下圖）。

亮度在三要素中具有較強(qiáng)的獨(dú)立性，它可以不帶任何色相的特征而通過(guò)黑白灰的關(guān)系單獨(dú)呈現(xiàn)出來(lái)。

色相與飽和度則必須依賴一定的明暗才能顯現(xiàn)，色彩一旦發(fā)生，明暗關(guān)系就會(huì)同時(shí)出現(xiàn)，在用戶進(jìn)行一幅素描的過(guò)程中，需要把對(duì)象的有彩色關(guān)系抽象為明暗色調(diào)，這就需要有對(duì)明暗的敏銳判斷力。用戶可以把這種抽象出來(lái)的亮度關(guān)系看作色彩的骨骼，它是色彩結(jié)構(gòu)的關(guān)鍵（參見(jiàn)下圖）。

3. 色彩的混合

客觀世界中的事物絢麗多彩，調(diào)色板上色彩變化無(wú)限，但如果將其歸納分類，基本上就是兩大類：一類是原色，即紅、黃、藍(lán)；另一類就是混合色。而使用間色再調(diào)配混合的顏色，稱為復(fù)色。從理論上講，所有的間色、復(fù)色都是由三原色調(diào)和而成。

在構(gòu)成網(wǎng)頁(yè)的色彩布局時(shí)，原色是強(qiáng)烈的，混合色較溫和，復(fù)色在明度上和純度上較弱，各類間色與復(fù)色的補(bǔ)充組合，形成豐富多彩的畫面效果。

□ 原色理論

所謂三原色，就是指這三種色中的任意一色都不能由另外兩種原色混合產(chǎn)生，而其他顏色可以由這三原色按照一定的比例混合出來(lái)，色彩學(xué)上將這3個(gè)獨(dú)立的顏色稱為三原色。

□ 混色理論

將兩種或多種色彩互相進(jìn)行混合，造成與原有色不同的新色彩稱為色彩的混合。它們可歸納成加色法混合、減色法混合、空間混合等3種類型。

加色法混合是指色光混合，也稱第一混合，當(dāng)不同的色光同時(shí)照射在一起時(shí)，能產(chǎn)生另外一種新的色光，并隨著不同色混合量的增加，混色光的明度會(huì)逐漸提高。將紅（橙）、綠、藍(lán)（紫）3種色光分別做適當(dāng)比例的混合，可以得到其他不同的色光。反之，其他色光無(wú)法混出這3種色光來(lái)，故稱為色光的三原色，它們相加后可得白光（見(jiàn)下圖）。

減色法混合即色料混合，也稱第二混合。在光源不變的情況下，兩種或多種色料混合后所產(chǎn)生新色料，其反射光相當(dāng)于白光減去各種色料的吸收光，反射能力會(huì)降低。故與加色法混合相反，混合后的色料色彩不但色相發(fā)生變化，而且明度和純度都會(huì)降低。所以混合的顏色種類越多，色彩就越暗越混濁，最后近似于黑灰的狀態(tài)（見(jiàn)下圖）。

空間混合法亦稱中性混合、第三混合。將兩種或多種顏色穿插、并置在一起，于一定的視覺(jué)空間之外，能在人眼中造成混合的效果，故稱空間混合。其實(shí)顏色本身并沒(méi)有真正混合，它們不是發(fā)光體，而只是反射光的混合。因此，與減色法相比，增加了一定的光刺激值，其明度等于參加混合色光的明度平均值，既不減也不加。

由于它實(shí)際比減色法混合明度顯然要高，因此色彩效果顯得豐富、響亮，有一種空間的顫動(dòng)感，表現(xiàn)自然、物體的光感更為閃耀。

1.4.2 色彩的模式

簡(jiǎn)單地講，顏色模式是一種用來(lái)確定顯示和打印電子圖像色彩的模型，即一幅電子圖像用什么樣的方式在計(jì)算機(jī)中顯示或者打印輸出。Photoshop中包含了多種顏色模式，每種模式的圖像描述和重現(xiàn)色彩的原理及所能顯示的顏色數(shù)量各不相同。常見(jiàn)的有如下4種模式。

1. RGB顏色模式

RGB色彩模式是工業(yè)界的一種顏色標(biāo)準(zhǔn)，是通過(guò)對(duì)紅（Red）、綠（Green）、藍(lán)（Blue）3個(gè)顏色通道的變化，以及它們相互之間的疊加，來(lái)得到各式各樣的顏色的。RGB即是代表紅、綠、藍(lán)3個(gè)通道的顏色，這個(gè)標(biāo)準(zhǔn)幾乎包括了人類視力所能感知的所有顏色，是目前運(yùn)用最廣的顏色系統(tǒng)之一，如下圖所示。其中的顏色為每?jī)煞N顏色的等量，或者非等量相加所產(chǎn)生的顏色。

其中，每?jī)煞N不同量度相加所產(chǎn)生的顏色如下表所述。

對(duì)RGB三基色各進(jìn)行8位編碼，這3種基色中的每一種都有一個(gè)從0（黑）～255（白色）的亮度值范圍。當(dāng)不同亮度的基色混合后，便會(huì)產(chǎn)生出256×256×256種顏色，約為1670萬(wàn)種，這就是用戶常聽(tīng)說(shuō)的“真彩色”。電視機(jī)和計(jì)算機(jī)的顯示器都是基于RGB顏色模式來(lái)創(chuàng)建其顏色的。

2. CMYK顏色模式

CMYK顏色模式是一種印刷模式。其中4個(gè)字母分別指青（Cyan）、洋紅（Magenta）、黃（Yellow）、黑（Black），在印刷中代表4種顏色的油墨。CMYK基于減色模式，由光線照到有不同比例C、M、Y、K油墨的紙上，部分光譜被吸收后，反射到人眼的光產(chǎn)生顏色。在混合成色時(shí)，隨著C、M、Y、K 4種成分的增多，反射到人眼的光會(huì)越來(lái)越少，光線的亮度會(huì)越來(lái)越低（參見(jiàn)下圖）。

3. HSB顏色模式

色澤（Hue）、飽和度（Saturation）和明亮度（Brightness）也許更適合人們的習(xí)慣，它不是將色彩數(shù)字化成不同的數(shù)值，而是基于人對(duì)顏色的感覺(jué)，讓人覺(jué)得更加直觀一些。其中色澤（Hue）是基于從某個(gè)物體反射回的光波，或者是透射過(guò)某個(gè)物體的光波；飽和度（Saturation），經(jīng)常也稱作chroma，是某種顏色中所含灰色的數(shù)量多少，含灰色越多，飽和度越小；明亮度（Brightness）是對(duì)一個(gè)顏色中光的強(qiáng)度的衡量。明亮度越大，則色彩越鮮艷（參見(jiàn)下圖）。

4. Lab顏色模式

Lab色彩模式是以數(shù)學(xué)方式來(lái)表示顏色，所以不依賴于特定的設(shè)備，這樣確保輸出設(shè)備經(jīng)校正后所代表的顏色能保持一致性。其中L指的是亮度；a是由綠至紅；b是由藍(lán)至黃（見(jiàn)下圖）。

1.4.3 自定義網(wǎng)頁(yè)顏色

一般情況下，訪問(wèn)者的瀏覽器Netscape Navigator和Internet Explorer選擇了網(wǎng)頁(yè)的文本和背景的顏色，讓所有的網(wǎng)頁(yè)都顯示這樣的顏色。但是，網(wǎng)頁(yè)的設(shè)計(jì)者經(jīng)常為了視覺(jué)效果而選擇了自定義顏色。自定義顏色是一些為背景和文本選取的顏色，它們不影響圖片或者圖片背景的顏色，圖片一般都以它們自身的顏色顯示。自定義顏色可以為下列網(wǎng)頁(yè)元素獨(dú)自分配顏色。

□ 背景：網(wǎng)頁(yè)的整個(gè)背景區(qū)域可以是一種純粹的自定義顏色。背景色總是在網(wǎng)頁(yè)的文本或者圖片的后面。

□ 普通文本：網(wǎng)頁(yè)中除了鏈接之外的所有文本。

□ 超級(jí)鏈接文本：網(wǎng)頁(yè)中的所有文本鏈接。

□ 已被訪問(wèn)過(guò)的鏈接文本：訪問(wèn)者已經(jīng)在瀏覽器中使用過(guò)的鏈接。訪問(wèn)過(guò)的文本鏈接以不同的顏色顯示。

□ 當(dāng)前鏈接文本：當(dāng)一個(gè)鏈接被訪問(wèn)者單擊的瞬間，它轉(zhuǎn)換了顏色以表明它已經(jīng)被激活了。

對(duì)于制作網(wǎng)頁(yè)的初學(xué)者可能更習(xí)慣于使用一些漂亮的圖片作為自己網(wǎng)頁(yè)的背景，但是，瀏覽一下大型的商業(yè)網(wǎng)站，你會(huì)發(fā)現(xiàn)他們更多運(yùn)用的是白色、藍(lán)色、黃色等，使得網(wǎng)頁(yè)顯得典雅、大方和溫馨，如下圖所示的網(wǎng)頁(yè)中，主要由白色背景，和藍(lán)色、黃色、粉紅色以及黑色筆觸組成，能夠加快瀏覽者打開(kāi)網(wǎng)頁(yè)的速度（參見(jiàn)下圖）。

一般來(lái)說(shuō)，網(wǎng)頁(yè)的背景色應(yīng)該柔和一些、素一些、淡一些，再配上深色的文字，使人看起來(lái)自然、舒暢。而為了追求醒目的視覺(jué)效果，可以為標(biāo)題使用較深的顏色。一些經(jīng)常用到的網(wǎng)頁(yè)背景顏色列表，如下表所述。

此表只是起一個(gè)“拋磚引玉”的作用，大家可以發(fā)揮想象力，搭配出更有新意、更醒目的顏色，使網(wǎng)頁(yè)更具有吸引力。

1.4.4 色彩推移

色彩推移是按照一定規(guī)律有秩序地排列、組合色彩的一種方式。為了使畫面豐富多彩、變化有序，網(wǎng)頁(yè)設(shè)計(jì)師通常采用色相推移、明度推移、純度推移、互補(bǔ)推移、綜合推移等推移方式組合網(wǎng)頁(yè)色彩。

1. 色相推移

選擇一組色彩，按色相環(huán)的順序，由冷到暖或者由暖到冷進(jìn)行排列、組合。可以選用純色系或者灰色系進(jìn)行色相推移（見(jiàn)下圖）。

2. 明度推移

選擇一組色彩，按明度等差級(jí)數(shù)的順序，由淺到深或者由深到淺進(jìn)行排列組合的一種明度漸變組合。一般都選用單色系列組合。也可以選用兩組色彩的明度系列按明度等差級(jí)數(shù)的順序交叉組合（見(jiàn)下圖）。

3. 純度推移

選擇一組色彩，按純度等差級(jí)數(shù)或者比差級(jí)數(shù)的順序，由純色到灰色或者由灰色到純色進(jìn)行排列組合（見(jiàn)下圖）。

4. 綜合推移

選擇一組或者多組色彩，按色相、明度、純度推移進(jìn)行綜合排列組合的漸變形式，由于色彩三要素的同時(shí)加入，其效果當(dāng)然要比單項(xiàng)推移復(fù)雜、豐富得多（見(jiàn)下圖）。

1.5 網(wǎng)頁(yè)的藝術(shù)表現(xiàn)與風(fēng)格設(shè)計(jì)

網(wǎng)頁(yè)設(shè)計(jì)屬于平面設(shè)計(jì)的范疇，所以網(wǎng)頁(yè)效果同樣包含色彩與布局這兩種元素。網(wǎng)頁(yè)設(shè)計(jì)雖然具有其自身的結(jié)構(gòu)布局方式，但是平面設(shè)計(jì)中的構(gòu)成原理和藝術(shù)表現(xiàn)形式也適用于網(wǎng)頁(yè)設(shè)計(jì)。并且當(dāng)兩者成功結(jié)合時(shí)，制作的網(wǎng)頁(yè)才更受瀏覽者喜愛(ài)。

1.5.1 網(wǎng)頁(yè)形式的藝術(shù)表現(xiàn)

平面構(gòu)成的原理已經(jīng)廣泛應(yīng)用于不同的設(shè)計(jì)領(lǐng)域，網(wǎng)頁(yè)設(shè)計(jì)也不例外。在設(shè)計(jì)網(wǎng)頁(yè)時(shí)，平面構(gòu)成原理的運(yùn)用能夠使網(wǎng)頁(yè)效果更加豐富。

1. 分割構(gòu)成

在平面構(gòu)成中，把整體分成部分，叫做分割。在日常生活中這種現(xiàn)象隨時(shí)可見(jiàn)，如房屋的吊現(xiàn)出頂、地板都構(gòu)成了分割。下面介紹幾種常用的分割方法。

□ 等形分割

該分割方法要求形狀完全一樣，如果分割后再把分隔界線加以取舍，會(huì)有良好的效果（參見(jiàn)下圖）。

□ 自由分割

該分割方法是不規(guī)則的將畫面自由分割的方法，它不同于數(shù)學(xué)規(guī)則分割產(chǎn)生的整齊效果，但它的隨意性分割，給人活潑不受約束的感覺(jué)（見(jiàn)下圖）。

□ 比例與數(shù)列

利用比例完成的構(gòu)圖通常具有秩序、明朗的特性，給人清新之感。分隔給予一定的法則，如黃金分割法、數(shù)列等（如下圖）。

2. 對(duì)稱構(gòu)成

對(duì)稱具有較強(qiáng)的秩序感。可是僅僅居于上下、左右或者反射等幾種對(duì)稱形式，便會(huì)產(chǎn)生單調(diào)乏味之感。所以，在設(shè)計(jì)時(shí)要在幾種基本形式的基礎(chǔ)上，靈活加以應(yīng)用。以下是網(wǎng)頁(yè)中常用的幾種基本對(duì)稱形式。

□ 左右對(duì)稱

左右對(duì)稱是平面構(gòu)成中最為常見(jiàn)的對(duì)稱方式，該方式能夠?qū)?duì)立的元素平衡地放置在同一個(gè)平面中。如下圖所示，為某網(wǎng)站的進(jìn)站首頁(yè)。該頁(yè)面通過(guò)左右對(duì)稱結(jié)構(gòu)，將黑白兩種完全不同的色調(diào)融入同一個(gè)畫面。

中軸對(duì)稱布局比較簡(jiǎn)單，所以在修飾方面也要采用簡(jiǎn)單大方的元素（如下圖）。

□ 回轉(zhuǎn)對(duì)稱

回轉(zhuǎn)對(duì)稱構(gòu)成給人一種對(duì)稱平衡的感覺(jué)，使用該方式布局網(wǎng)頁(yè)，打破導(dǎo)航菜單一貫長(zhǎng)條制作的方法，又從美學(xué)角度使用該方法平衡頁(yè)面（如下圖）。

3. 平衡構(gòu)成

在造型的時(shí)候，平衡的感覺(jué)是非常重要的，由于平衡造成的視覺(jué)滿足，使人們能夠在瀏覽網(wǎng)頁(yè)時(shí)產(chǎn)生一種平衡、安穩(wěn)的感受。平衡構(gòu)成一般分為兩種：一是對(duì)稱平衡，如人、蝴蝶，一些以中軸線為中心左右對(duì)稱的形狀；另一種是非對(duì)稱平衡，雖然沒(méi)有中軸線，卻有很端正的平衡美感。

□ 對(duì)稱平衡

對(duì)稱是最常見(jiàn)、最自然的平衡手段。在網(wǎng)頁(yè)中以局部或者整體彩頁(yè)對(duì)稱平衡的方式進(jìn)行布局，能夠得到視覺(jué)上的平衡效果。下圖就是在網(wǎng)頁(yè)的中間區(qū)域采用了對(duì)稱平衡構(gòu)成，使網(wǎng)頁(yè)保持了平穩(wěn)的效果（如下圖）。

□ 非對(duì)稱平衡

非對(duì)稱其實(shí)并不是真正的“不對(duì)稱”，而是一種更高層次的“對(duì)稱”，如果把握不好頁(yè)面就會(huì)顯得亂，因此使用起來(lái)要慎重，更不可用得過(guò)濫。如下圖所示，通過(guò)左上角淺色圖案堆積與右下角深色填充的非對(duì)稱設(shè)計(jì)，形成非對(duì)稱平衡結(jié)構(gòu)。

1.5.2 網(wǎng)頁(yè)構(gòu)成的藝術(shù)表現(xiàn)

重復(fù)、漸變以及空間構(gòu)成，這都是色彩構(gòu)成的方式，它們同樣也適用于網(wǎng)頁(yè)。運(yùn)用這些形式不僅可以使網(wǎng)頁(yè)具有充實(shí)、厚重、整體、穩(wěn)定的視覺(jué)效果，而且能夠豐富網(wǎng)頁(yè)的視覺(jué)效果，尤其是空間構(gòu)成的運(yùn)用，能夠產(chǎn)生三維的空間，增強(qiáng)網(wǎng)頁(yè)的深度感以及立體感。

1. 重復(fù)構(gòu)成

重復(fù)是指同一畫面上，同樣的造型重復(fù)出現(xiàn)的構(gòu)成方式，重復(fù)無(wú)疑會(huì)加深印象，使主題得以強(qiáng)化，也是最富秩序的統(tǒng)一觀感的手法。在網(wǎng)站構(gòu)成中使用重復(fù)，可以分成背景和圖像兩種形態(tài)出現(xiàn)，在背景設(shè)計(jì)中就是形狀、大小、色彩、肌理完全重復(fù)（如下圖）。

2. 漸變構(gòu)成

漸變是骨骼或者基本形循序漸進(jìn)的變化過(guò)程中，呈現(xiàn)出階段性秩序的構(gòu)成形式，反映的是運(yùn)動(dòng)變化的規(guī)律。例如按形狀、大小、方向、位置、疏密、虛實(shí)、色彩等關(guān)系進(jìn)行漸次變化排列的構(gòu)成形式（如下圖）。

3. 空間構(gòu)成

用戶一般所說(shuō)的空間，是指的二維空間。在日常生活中用戶可以看見(jiàn)，物體在空間給人的感覺(jué)總是近大遠(yuǎn)小。例如在火車站，月臺(tái)上的柱子近的高，遠(yuǎn)的低，鐵軌是近的寬，遠(yuǎn)的窄，用戶要對(duì)這些特性加以研究探索，分析立體形態(tài)元素之間的構(gòu)成法則，提高在平面中創(chuàng)建三維形態(tài)的能力。

□ 平行線的方向

改變排列平行線的方向，會(huì)產(chǎn)生三次元的幻象。下圖為具有空間感的網(wǎng)頁(yè)效果。

□ 折疊表現(xiàn)

在平面上一個(gè)形狀折疊在另一個(gè)形狀之上，會(huì)有前有后、上下的感覺(jué)，產(chǎn)生空間感（如下圖）。

□ 陰影表現(xiàn)

陰影的區(qū)分會(huì)使物體具有立體感和凹凸感。下圖為通過(guò)陰影得到的立方體效果的網(wǎng)頁(yè)。

1.5.3 網(wǎng)頁(yè)紋理的藝術(shù)表現(xiàn)

紋理歸根結(jié)底是色彩。它是網(wǎng)頁(yè)的重要視覺(jué)特征。在網(wǎng)頁(yè)設(shè)計(jì)時(shí)，使用不同的紋理，配以適當(dāng)?shù)膬?nèi)容，能夠讓瀏覽者記憶深刻，尤其當(dāng)運(yùn)用牛皮紙、木紋等圖案時(shí)，使得在網(wǎng)頁(yè)中具有了更強(qiáng)的真實(shí)感。此外，發(fā)射與密集構(gòu)成的圖案，能夠增強(qiáng)網(wǎng)頁(yè)的空間感，將瀏覽者的思維轉(zhuǎn)換到三維空間，充分發(fā)揮其想象力。

1. 肌理構(gòu)成

肌理又稱質(zhì)感，由于物體的材料不同，表面的排列、組織、構(gòu)造上不同，因而產(chǎn)生粗糙感、光滑、軟硬感。在設(shè)計(jì)中，為達(dá)到預(yù)期的設(shè)計(jì)目的，強(qiáng)化心理表現(xiàn)和更新視覺(jué)效應(yīng)，必須研究創(chuàng)造更新更美的視覺(jué)效果。

現(xiàn)代計(jì)算機(jī)、攝影和印刷技術(shù)的發(fā)展更加擴(kuò)大了肌理、材質(zhì)的表現(xiàn)性，成為現(xiàn)代設(shè)計(jì)的重要手段。抽象主義和其他現(xiàn)代藝術(shù)流派創(chuàng)造的各種表現(xiàn)技法，是藝術(shù)設(shè)計(jì)師必須研習(xí)的課題。肌理即形象表面的紋理特征，用戶可以通過(guò)多種方法創(chuàng)建不同的肌理。

□ 紙類肌理

各種不同的紙張，由于加工的材料不同，本身在粗細(xì)、紋理、結(jié)構(gòu)上不同，或人為的折皺、揉搓產(chǎn)生特殊的肌理效果。

物體表面的編排樣式不僅反映其外在的造型特征，還反映其內(nèi)在的材質(zhì)屬性，如下圖所示，該網(wǎng)頁(yè)以布料肌理為背景。

□ 利用噴繪

使用噴筆、金屬網(wǎng)、牙刷將溶解的顏料刷下去后，顏料如霧狀地噴在紙上，也可以創(chuàng)造出個(gè)性的肌理。下圖所示為毛筆紋理的網(wǎng)頁(yè)。

□ 渲染

這種方法是在具有吸水性強(qiáng)的材料表面，通過(guò)液體顏料進(jìn)行渲染、浸染，顏料會(huì)在表面自然散開(kāi)，產(chǎn)生自然優(yōu)美的肌理效果（如下圖）。

□ 自然界元素

現(xiàn)在網(wǎng)站設(shè)計(jì)對(duì)背景的重視程度越來(lái)越高，因?yàn)榫W(wǎng)站要給人一種整體效果。下圖為木紋與綠葉肌理形成的網(wǎng)頁(yè)背景。

2. 發(fā)射構(gòu)成

發(fā)射的現(xiàn)象在自然界中廣泛存在，太陽(yáng)的光芒、盛開(kāi)的花朵、貝殼、螺紋和蜘蛛網(wǎng)等形成發(fā)射圖形。可以說(shuō)發(fā)射是一種特殊的重復(fù)和漸變，其基本形和骨骼線均環(huán)繞著一個(gè)或者幾個(gè)中心。發(fā)射有強(qiáng)烈的視覺(jué)效果，能引起視覺(jué)上的錯(cuò)覺(jué)，形成令人眩目的、有節(jié)奏的、變化不定的圖形。

□ 中心點(diǎn)式發(fā)射構(gòu)成

該構(gòu)成方式是由中心向外或由外向內(nèi)集中的發(fā)射。發(fā)射圖案具有多方的對(duì)稱性，有非常強(qiáng)烈的焦點(diǎn)，而焦點(diǎn)易于形成視覺(jué)中心，發(fā)射能產(chǎn)生視覺(jué)的光效應(yīng)，使所有形象有如光芒從中心向四面散射（如下圖）。

□ 螺旋式發(fā)射

它是以旋繞的排列方式進(jìn)行的，旋繞的基本形逐漸擴(kuò)大形成螺旋式的發(fā)射（如下圖）。

□ 同心式發(fā)射

同心式發(fā)射是以一個(gè)焦點(diǎn)為中心，層層環(huán)繞發(fā)射。下圖所示為同心式發(fā)射網(wǎng)頁(yè)背景效果。

3. 密集構(gòu)成

密集在設(shè)計(jì)中是一種常用的組圖手法，基本形在整個(gè)構(gòu)圖中可自由散布，有疏有密。最疏松或者最緊密的地方常常成為整個(gè)設(shè)計(jì)的視覺(jué)焦點(diǎn)，在畫面中造成一種視覺(jué)上的張力，像磁場(chǎng)一樣，具有節(jié)奏感。密集也是一種對(duì)比的情況，利用基本形數(shù)量排列的多少，產(chǎn)生疏密、虛實(shí)、松緊的對(duì)比效果。下圖所示為雙色圓環(huán)圖案的網(wǎng)頁(yè)背景。

1.5.4 網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格類型

隨著審美要求的提高，網(wǎng)頁(yè)視覺(jué)效果越來(lái)越被重視。由于網(wǎng)頁(yè)設(shè)計(jì)隸屬于平面設(shè)計(jì)，所以平面設(shè)計(jì)中的繪畫風(fēng)格同樣能夠應(yīng)用于網(wǎng)頁(yè)設(shè)計(jì)。

1. 平面風(fēng)格

平面風(fēng)格是通過(guò)色塊或者位圖等元素形成二維的效果，這種效果最常出現(xiàn)在網(wǎng)頁(yè)設(shè)計(jì)中（見(jiàn)下圖）。

2. 矢量風(fēng)格

矢量風(fēng)格的網(wǎng)頁(yè)是通過(guò)矢量圖像組合而成，這種風(fēng)格的網(wǎng)頁(yè)圖像效果可以任意地放大與縮小，而不會(huì)影響查看效果，所以經(jīng)常應(yīng)用于動(dòng)畫網(wǎng)站中（如下圖）。

3. px風(fēng)格

px畫也屬于點(diǎn)陣式圖像，但它是一種圖標(biāo)風(fēng)格的圖像，更強(qiáng)調(diào)清晰的輪廓、明快的色彩，幾乎不用混疊方法來(lái)繪制光滑的線條，所以常常采用.gif格式，同時(shí)它的造型比較卡通，得到很多朋友的喜愛(ài)。下圖所示的網(wǎng)頁(yè)，就是采用了px畫與真實(shí)人物結(jié)合的方式制作而成的。

4. 三維風(fēng)格

三維是指在平面二維系中又加入了一個(gè)方向向量構(gòu)成的空間系。三維風(fēng)格中的三維空間效果，在網(wǎng)頁(yè)中的運(yùn)用，能夠使其效果無(wú)限延伸（如下圖）。

而三維風(fēng)格中的三維對(duì)象在網(wǎng)頁(yè)中的應(yīng)用，則能夠在顯示立體空間的同時(shí)，突出其主題（如下圖）。