現(xiàn)在網(wǎng)站需要發(fā)布的信息量越來越多，這樣無形中增加了頁(yè)面內(nèi)容放置的壓力。為了讓內(nèi)容能夠進(jìn)行有層次的編排，網(wǎng)站中多采用分欄目的形式，并將內(nèi)容分門別類地歸入相應(yīng)的欄目中。這時(shí)，頁(yè)面中就會(huì)有很多欄目。本節(jié)將介紹多欄目頁(yè)面的色彩布局。

企業(yè)網(wǎng)站建設(shè)公司以淘寶網(wǎng)首頁(yè)為例，有想從網(wǎng)站中購(gòu)買東西的用戶，也有在網(wǎng)站中開設(shè)網(wǎng)店的賣家，網(wǎng)站的欄目劃分比較多。分析該網(wǎng)站的色彩布局，主要有如下幾點(diǎn)。

1. 導(dǎo)航的色彩布局

下面通過導(dǎo)航的色彩布局，來了解多欄目頁(yè)面中的色彩布局。以淘寶網(wǎng)為例，下面分析導(dǎo)航的色彩應(yīng)用。

導(dǎo)航1：觀察顏色使用，分別有黃色導(dǎo)航文字、橙色導(dǎo)航文字填充、白色導(dǎo)航文字、白色導(dǎo)航條背景。

導(dǎo)航2：觀察顏色使用，分別有黃色邊框、奶黃色背景、分欄線、黑色文字、黃色按鈕、綠色與白色搭配的提醒按鈕。

產(chǎn)品類別的色彩布局

以產(chǎn)品類別色彩布局為例，下面企業(yè)網(wǎng)站建設(shè)公司對(duì)其選擇的顏色進(jìn)行具體分析。

⑴ 橙色交互操作邊框：顏色值為#FF4400。

⑵ 灰色邊框：顏色值為#D8D8D8。

⑶ 產(chǎn)品類別劃分線：實(shí)線，顏色值為#D8D8D8。

⑷ 產(chǎn)品劃分線：虛線，顏色值為#C2C2C2。

⑸ 文字顏色：橙色、黑色、藍(lán)色，顏色值分別為#FF5500、#444444、#076FA2。

⑹ 產(chǎn)品鏈接標(biāo)簽：應(yīng)用于產(chǎn)品圖片下方的文字，顏色值為#FF4400。

總結(jié)上述顏色的應(yīng)用，⑴ ~⑹ 的具體顏色及其顏色值。

企業(yè)網(wǎng)站建設(shè)公司以前也分析過網(wǎng)頁(yè)設(shè)計(jì)中形狀與顏色的變化，其有著“層巒疊嶂”的效果，是合理的。由此，在幫助提升多欄目頁(yè)面色彩布局技巧的同時(shí)，也可以發(fā)現(xiàn)多欄目頁(yè)面的色彩布局，不同欄目采用不同顏色搭配的手法。