前面介紹的關(guān)于Logo、Banner、導(dǎo)航的配色，都直接關(guān)系到主頁(yè)面的色彩選擇。因?yàn)橹黜?yè)面的色彩需要將Logo、Banner以及導(dǎo)航進(jìn)行協(xié)調(diào)統(tǒng)一的全局性考慮。主頁(yè)面在色彩選擇上，往往會(huì)與Logo、Banner以及導(dǎo)航這些已有的顏色相同、相似或者是對(duì)比明顯。具體的配色常識(shí)，商企云網(wǎng)站制作公司下面進(jìn)行介紹。

1. 頁(yè)面配色步驟

對(duì)頁(yè)面進(jìn)行配色，需要考慮到頁(yè)面是一個(gè)整體，根據(jù)頁(yè)面配色步驟，能夠起到把握全局的作用。同時(shí)，可以保證頁(yè)面色彩不至于產(chǎn)生雜亂無(wú)章的現(xiàn)象。網(wǎng)站制作公司介紹具體步驟如下。

⑴ 網(wǎng)站制作公司根據(jù)頁(yè)面風(fēng)格以及產(chǎn)品本身的訴求確定主色：頁(yè)面中有主要色彩、輔助色彩，以及其他色彩等。確定頁(yè)面的基本色，是對(duì)頁(yè)面進(jìn)行配色的首要任務(wù)。根據(jù)產(chǎn)品的特點(diǎn)以及頁(yè)面想要的風(fēng)格，能夠?qū)?yīng)選擇出一些色彩供參考，更終選擇更符合條件的作為頁(yè)面的主色。

⑵ 根據(jù)主色找配色：在頁(yè)面的主色確定之后，參照色彩搭配的原則，查找適合與主色搭配的相關(guān)色彩。例如，白色可以是很多色彩的配色。如果將白色作為主色，其配色的選擇范圍就比較廣。

⑶ 調(diào)整色彩在頁(yè)面中的比例：色彩選擇確定之后，在進(jìn)行色彩添加的過(guò)程中，根據(jù)不同色彩在頁(yè)面中的“色彩面積”不同，調(diào)整色彩在頁(yè)面中的實(shí)際面積，從而使色彩在頁(yè)面中變得協(xié)調(diào)、統(tǒng)一。

2. 實(shí)現(xiàn)主頁(yè)面配色

下面商企云網(wǎng)站制作公司通過(guò)幾個(gè)配色方案，來(lái)了解主頁(yè)面配色的實(shí)現(xiàn)。

方案一：紅色+白色

可口可樂(lè)公司在2011年，采用深紅色、淺紅色、白色這三種色彩，實(shí)現(xiàn)整個(gè)頁(yè)面的配色。

其中：

① 文字采用白色，與紅色有著鮮明的對(duì)比效果。

② 紅色的應(yīng)用，將氣氛進(jìn)行了很好的渲染，從而傳遞給用戶的感覺(jué)是比較有活力的。

③ 除了主要的顏色搭配之外，頁(yè)面中還采用了黃色、橙色作為點(diǎn)睛色。同時(shí)，一些文字中浮光效果的使用，使畫(huà)面更活潑，對(duì)比更鮮明。網(wǎng)頁(yè)中使用的主要顏色深紅、淺紅、白色。

方案二：紅色+白色+黑色

頁(yè)面中，文字使用了灰色?；疑c其他顏色的搭配，不會(huì)有不融洽的感覺(jué)。該頁(yè)面通過(guò)紅色、白色、黑色與灰色的搭配，使灰色導(dǎo)航欄的過(guò)渡變得融洽。

其中：

① 紅色作為圖片、圖標(biāo)的顏色，能夠在黑色背景色中凸顯出來(lái)，達(dá)到了醒目的效果。

② 白色的文字，通過(guò)大小不同的字體進(jìn)行搭配，使得頁(yè)面不再沉悶，有活躍感。

③ 頁(yè)面使用的灰色，使得過(guò)渡效果更好了。

網(wǎng)頁(yè)中使用的主要顏色紅色、白色、黑色。