建站常識

網(wǎng)頁設(shè)計配色應(yīng)用——色調(diào)

2006-10-08 07:59:00

　　前面我們介紹了常用的電腦色彩模式RGB、HSB，以及色彩的三大屬性，還有常用配色的基本概念和相關(guān)實例剖析。今天開始我們介紹應(yīng)用部分，本節(jié)介紹調(diào)色。

　　網(wǎng)頁頁面中總是由具有某種內(nèi)在聯(lián)系的各種色彩，組成一個完整統(tǒng)一的整體，形成畫面色彩總的趨向，稱為色調(diào)。也可以理解為色彩狀態(tài)。色彩給人的感覺與氛圍，是影響配色視覺效果的決定因素。

　　為了使網(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)點上強(qiáng)烈的顏色來突出主題效果，使頁面更加鮮明生動。

　　■ 背景色
　　襯托環(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é)我們詳細(xì)介紹各種色彩的對比方式和效果。