為了使網(wǎng)頁的整體畫面呈現(xiàn)穩(wěn)定協(xié)調(diào)的感覺，以便充分的把握其規(guī)律來更好的分析學(xué)習(xí)，我們把視覺角色主次位置分為如下幾個概念，以便在網(wǎng)頁設(shè)計配色時更輕易操縱主動權(quán)。

　　■ 主色調(diào)
　　頁面色彩的主要色調(diào)、總趨勢，其他配色不能超過該主要色調(diào)的視覺面積。（背景白色不一定根據(jù)視覺面積決定，可以根據(jù)頁面的感覺需要。）

　　■ 輔色調(diào)
　　僅次與主色調(diào)的視覺面積的輔助色，是烘托主色調(diào)、支持主色調(diào)、起到融合主色調(diào)效果的輔助色調(diào)。

　　■ 點睛色
　　在小范圍內(nèi)點上強烈的顏色來突出主題效果，使頁面更加鮮明生動。

　　■ 背景色
　　襯托環(huán)抱整體的色調(diào)，協(xié)調(diào)、支配整體的作用。
　　
　　
　　→ 色調(diào)網(wǎng)頁例圖：http://www.robinssondivision.com
　　
　　
　　
　　本部分小節(jié)：
　　
　　一個頁面的色彩角色主要是根據(jù)其面積多少的來區(qū)別主次關(guān)系、達(dá)到最終目的的。

　　當(dāng)不同的顏色使用的面積相當(dāng)，這個頁面輕易呈現(xiàn)枯燥單調(diào)之感，而沒有局部細(xì)節(jié)的變化。當(dāng)一個頁面使用的顏色過多、面積大小用得過于瑣碎，這個頁面輕易呈現(xiàn)花哨、主次不分沒有整體的感覺。

　　為頁面設(shè)計配色的時候，應(yīng)根據(jù)主題內(nèi)容主次需要，各顏色有其各自的功能角色--面積使用最多的、最少的、不多不少的，加上冷暖的適度安排，純度明度的合理變化，遵循這條原則，網(wǎng)頁配色定能得心應(yīng)手。

　　下一節(jié)我們具體介紹各種色彩的對比方式和效果。