網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用——色調(diào)_網(wǎng)頁(yè)配色教程
網(wǎng)頁(yè)頁(yè)面中總是由具有某種內(nèi)在聯(lián)系的各種色彩,組成一個(gè)完整統(tǒng)一的整體,形成畫(huà)面色彩總的趨向,稱(chēng)為色調(diào)。也可以理解為色彩狀態(tài)。色彩給人的感覺(jué)與氛圍,是影響配色視覺(jué)效果的決定因素。
為了使網(wǎng)頁(yè)的整體畫(huà)面呈現(xiàn)穩(wěn)定協(xié)調(diào)的感覺(jué),以便充分的把握其規(guī)律來(lái)更好的分析學(xué)習(xí),我們把視覺(jué)角色主次位置分為如下幾個(gè)概念,以便在網(wǎng)頁(yè)設(shè)計(jì)配色時(shí)更輕易操縱主動(dòng)權(quán)。
■ 主色調(diào)
頁(yè)面色彩的主要色調(diào)、總趨勢(shì),其他配色不能超過(guò)該主要色調(diào)的視覺(jué)面積。(背景白色不一定根據(jù)視覺(jué)面積決定,可以根據(jù)頁(yè)面的感覺(jué)需要。)
■ 輔色調(diào)
僅次與主色調(diào)的視覺(jué)面積的輔助色,是烘托主色調(diào)、支持主色調(diào)、起到融合主色調(diào)效果的輔助色調(diào)。
■ 點(diǎn)睛色
在小范圍內(nèi)點(diǎn)上強(qiáng)烈的顏色來(lái)突出主題效果,使頁(yè)面更加鮮明生動(dòng)。
■ 背景色
襯托環(huán)抱整體的色調(diào),協(xié)調(diào)、支配整體的作用。
→ 色調(diào)網(wǎng)頁(yè)例圖:http://www.robinssondivision.com

本部分小節(jié):
一個(gè)頁(yè)面的色彩角色主要是根據(jù)其面積多少的來(lái)區(qū)別主次關(guān)系、達(dá)到最終目的的。
當(dāng)不同的顏色使用的面積相當(dāng),這個(gè)頁(yè)面輕易呈現(xiàn)枯燥單調(diào)之感,而沒(méi)有局部細(xì)節(jié)的變化。當(dāng)一個(gè)頁(yè)面使用的顏色過(guò)多、面積大小用得過(guò)于瑣碎,這個(gè)頁(yè)面輕易呈現(xiàn)花哨、主次不分沒(méi)有整體的感覺(jué)。
為頁(yè)面設(shè)計(jì)配色的時(shí)候,應(yīng)根據(jù)主題內(nèi)容主次需要,各顏色有其各自的功能角色--面積使用最多的、最少的、不多不少的,加上冷暖的適度安排,純度明度的合理變化,遵循這條原則,網(wǎng)頁(yè)配色定能得心應(yīng)手。
下一節(jié)我們具體介紹各種色彩的對(duì)比方式和效果。
- 網(wǎng)站配色指南-互聯(lián)網(wǎng)的色彩心理學(xué)
- 網(wǎng)頁(yè)設(shè)計(jì)配色基礎(chǔ)分析:RGB與HSB
- 網(wǎng)頁(yè)設(shè)計(jì)色彩搭配寶藍(lán)色的介紹
- 看圖學(xué)配色藝術(shù),學(xué)習(xí)設(shè)計(jì)
- 學(xué)習(xí)HTML的一些關(guān)于顏色方面的參考
- 網(wǎng)頁(yè)配色:正文中國(guó)傳統(tǒng)色彩名錄
- 韓國(guó)在線(xiàn)配色網(wǎng)頁(yè)
- 網(wǎng)頁(yè)設(shè)計(jì)配色:原色
- 網(wǎng)頁(yè)設(shè)計(jì)配色:和色
- 網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用實(shí)例剖析——黑色系
- 主流web2.0網(wǎng)站的配色參考方案
- 網(wǎng)站設(shè)計(jì)中的對(duì)比配色和相近配色
網(wǎng)頁(yè)配色教程Rss訂閱網(wǎng)站制作教程搜索
網(wǎng)頁(yè)配色教程推薦
猜你也喜歡看這些
- 微軟中國(guó)校園協(xié)議:Office 2013專(zhuān)業(yè)版只需248元
- 交互設(shè)計(jì)實(shí)用指南系列(11)—減少記憶負(fù)擔(dān) - 交互設(shè)計(jì)
- Hitwise:中國(guó)雅虎郵箱關(guān)閉影響2%用戶(hù)
- 網(wǎng)頁(yè)按鈕的功能與表現(xiàn)
- web2.0是互聯(lián)網(wǎng)上的現(xiàn)代主義
- 如何快速的呈現(xiàn)我們的網(wǎng)頁(yè)
- Yahoo!韓國(guó)設(shè)計(jì)探討
- 想用戶(hù)所想——感受亞馬遜
- 臭魚(yú):QQ空間大頭貼改版設(shè)計(jì)總結(jié)
- 網(wǎng)站成功吸引眼珠的五大方法
- 相關(guān)鏈接:
復(fù)制本頁(yè)鏈接| 搜索網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用——色調(diào)
- 教程說(shuō)明:
網(wǎng)頁(yè)配色教程-網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用——色調(diào)
。