網(wǎng)頁色彩設(shè)計的基本原理

頁面中色彩設(shè)計的基本原理主要涉及色彩的統(tǒng)一性、色彩的對比、色彩的調(diào)整以及色彩的視覺性原理，下面將詳細(xì)加以介紹。
一、網(wǎng)頁色彩設(shè)計的統(tǒng)一性原理
網(wǎng)頁的色彩設(shè)計是指在一個頁面中至少有兩個色相的色相組合，這樣就在色彩的選擇上，注意色彩間是否統(tǒng)一。所選擇的色彩就有相同色、同類色、類似色以及鄰近色等，怎樣在這些色彩之間達(dá)成和諧和統(tǒng)就顯得十分必要，這關(guān)系著整個頁面的整體布局是否統(tǒng)一和諧。
(一)網(wǎng)頁設(shè)計中相同色色彩的設(shè)計原理
在一個頁面中選擇相同的色彩組合是最具統(tǒng)一色彩效果的色彩設(shè)計，這種設(shè)計模式可以突出輪廓、形體以及材質(zhì)，給用戶一種整體、現(xiàn)代和朦朧的感覺。在具體設(shè)計的過程應(yīng)該將明度差適當(dāng)?shù)財U大。也可以利用同色異質(zhì)原理，即色彩設(shè)計相同，但質(zhì)感卻相異的策略。相同色設(shè)計是一種相對較為簡單的設(shè)計模式，在二級頁面中、在所需要表達(dá)的主題較為簡單的時候，相對采用這種的時候較多一些，不過這種設(shè)計模式盡管簡單但對一些主題的表達(dá)也是非常有效的，也是一些新的色彩設(shè)計師所喜歡的色彩搭配模式。
(二)網(wǎng)頁設(shè)計中同類色色彩的設(shè)計原理
如果說相同色設(shè)計略顯單調(diào)，那么同類色設(shè)計相對就顯得協(xié)調(diào)統(tǒng)又不失一些通過一些細(xì)節(jié)的變化，所體現(xiàn)出的柔和、含蓄以及優(yōu)雅的印象。但在具體色彩設(shè)計的時候應(yīng)注意明度差的調(diào)節(jié)，否則可能會出現(xiàn)混池、含糊不清的色感。同類色的設(shè)計模式的優(yōu)點在于是在實際應(yīng)用中最為簡便的一種，但是其缺點卻在于色相的差異太小，以至于色彩感不強。
(三)網(wǎng)頁設(shè)計中類似色色彩的設(shè)計原理
網(wǎng)頁設(shè)計中類似色彩的設(shè)計模式既有對比又有統(tǒng)一，既能夠顯現(xiàn)出整體色彩的和諧統(tǒng)一，又能體現(xiàn)出色彩間的對比，更能顯現(xiàn)出一種神秘感。例如，紅色與橙色的搭配，黃色與綠色的搭配，都給帶給用戶生動、明快而豐富的色感。在具體設(shè)計時，應(yīng)注意明度與純度差的調(diào)節(jié)。
(四)網(wǎng)頁設(shè)計中鄰近色色彩的設(shè)計原理
臨近色的頁面設(shè)計模式是最具色彩感和活力的一種設(shè)計模式，因為這種設(shè)計模式選擇的是鄰近色的區(qū)間，色相的選擇雖然跨度較大，但仍保持著一定的聯(lián)系，所所以，鄰近色的色彩設(shè)計是在色相、明度以及純度等方面都相對協(xié)調(diào)的設(shè)計方案，具有非常好的色彩感。

二、網(wǎng)頁色彩設(shè)計的對比性原理
網(wǎng)頁色彩設(shè)計的對比性原理具體指的是在色彩設(shè)計的過程中將相對的要素配列在一起，通過色彩相互間的比較以達(dá)到抗拒的狀態(tài)，即為色彩的對比性原則。色彩的對比就是色彩本身受到其他色彩的影響，從而產(chǎn)生與原來單獨看時不一樣色感。網(wǎng)頁的色彩設(shè)計中，往往對比色彩的設(shè)計豐富而繁雜，一般我們很少看到單色的設(shè)計，而是往往會利用色彩的對比，使之產(chǎn)生冷暖、強強弱、濃淡等不同的色彩感。色彩對比的類型很多，下面我們簡單對明度對比、色相對比、純度對比、冷暖對比、面積對比、補色對比以及推移對比加以介紹。
(一)明度對比
明度對比是利用色彩的明度差別而形成的色彩對比感，這種設(shè)計能顯現(xiàn)出色彩的空間感、層次感以及立體感，在視覺上帶給用戶以清晰柔和、明朗和純潔的感覺。一個明度階段的知覺度相當(dāng)于三個純度階段的知覺度，因此明度對比是影響畫面效果感、形體感以及光感的關(guān)鍵所在。如果將明度從黑到白等差分為9個段位，以形成明度序列，明度最暗的命名為1，最亮的命名為9，那么“1~3”為低明度，稱其為低調(diào)色4~6”為中明度，稱其為中調(diào)色，“7~9”則為高明度，并稱其為高調(diào)對比稱為短調(diào)對比；3到5度差的對比稱為中調(diào)對比，而將5度以上差色。色彩間明度差別的大小，決定了明度對比的強弱。將三度差以內(nèi)的對比則稱為長調(diào)對比。在明度對比中，如果其中面積大、作用也彩或也組屬于す簡包，和長調(diào)為比，組對比就林為長調(diào)。高長調(diào)可以由黑、白、灰組成，足以體現(xiàn)強勢的、男性的情感；中短調(diào)則具有夢幻般的薄暮感，含蓄、模糊而平靜；低長調(diào)則較強烈，富有爆發(fā)性，頗具苦悶的凄感。
一般而言，高調(diào)帶給用戶活潑、愉快、柔軟、輕盈的感覺；低調(diào)則顯得樸素、豐富、遲鈍、宏大、笨重，讓人頗具落寞感。明度對比較強，則光感較強，相應(yīng)地形象的清晰度就較高，也就不容易出現(xiàn)誤差。但如果明度對比弱、光感不明朗的話，則可能會使得形象不清漸，效果差；另外，如果對比太強則可能帶給用戶生硬、空曠以及炫目和簡單化的感覺。因此，對于色彩設(shè)計師來說，如何準(zhǔn)確地把握住色彩間的對比是至關(guān)重要的。
(二)色相對比
色相對比是因色相之間的差異而形成的色彩對比效果。色相的對比主要可以依據(jù)可見光波的長短差別來區(qū)分，但完全依靠光波的長短是不可靠的，例如，盡管紅光和紫光的波長差距大，但因都處于可見光的兩端，因而都接近于不可見光波，所以肉眼看來，二者的色相其實是接近的。綜上，在度量色相差時，不能只依靠測光器和可見光譜，還應(yīng)該借助于色相環(huán)。色彩的色相在具體設(shè)計的過程中有同類色相對比、類似色相對比、鄰近色相對比以及互補色色相對比等。
(三)純度對比
純度對比是借助于色彩純度高低的不同而產(chǎn)生的色彩對比現(xiàn)象。純度差的出現(xiàn)取決于在各色相中加入不同量的黑、白、灰或者是對比色而獲得的。純度對比的視覺效果要弱于明度對比的視覺效果。
般而言，高純度的色彩的色相較為醒目、明晰，但往往容易使人疲勞，不能長時間注視。因此在頁面色彩的選擇時設(shè)計師要慎重選擇高純度的色彩。同樣，低純度的色相雖然看起來較為含蓄，但卻不容易分清楚，雖能分清楚，但卻較為平淡乏味，就很容易讓用戶感到厭倦。所以，選擇恰當(dāng)?shù)募兌葘Ρ鹊纳蕦τ谠鰪娪蒙孽r艷感和明確感具有重。因為，在頭也彩計的過程中，如果配色的純度對比不足往往會出現(xiàn)臟、灰、悶、單調(diào)、混沌的感覺；而如果純度對比過強時則往往會出現(xiàn)生硬、雜亂、刺激以及炫目的感覺。
(四)冷暖對比
冷暖對比借助于冷色和暖色間的相互搭配而產(chǎn)生的冷暖差別。例如，紅色和橙色相對比時，紅色感覺要比橙色冷，而綠色和青色在一起對比，則感覺青色比較冷。冷暖對比可分為強對比、中對比和弱對比。強對比是冷極與極、冷色與暖色所形成的對比，這種對比往往讓用戶感受到醒目、刺激、警覺等，例如一些警示標(biāo)志往往會采用強對比；中對比是暖極與中性微冷色、冷極與中性微暖色所形成的對比，這種對比則給人種和諧、豐富之感，既能感受到一種統(tǒng)一感，又能感受到統(tǒng)一中的變化；弱對比是暖極與暖色、冷極與冷色所形成的對比，這種對比往往給人以和諧而又統(tǒng)一的色感。在網(wǎng)頁色彩的設(shè)計中，如果設(shè)計師能夠巧妙利用色彩的冷暖對比，往往會達(dá)到意想不到的色彩效果。
(五)面積對比
面積對比是通過色彩間面積大小的差別所形成的對比。不過色彩間面積大小的對比往往沒法離開色彩的純度，因為在色彩設(shè)計中，面積往往是和色相一起共同決定了色彩對比間的強弱，這種對比關(guān)系可以分兩種情況來說明:第一種情況，色相不同、面積不同所形成的對比。例如，大面積的綠和小面積的紅，在這種對比條件下，往往讓人覺得大面積的綠讓小面積的紅反而更鮮、更艷、更純，即小面積的紅變得更加醒目了能起到有效的凸顯和強調(diào)作用；反過來，用用大面積的紅對比小面積的綠，基于綠色本身具有收縮和后退性，再加上綠色本來的面積就小，所以看起來綠色幾乎被紅色所吞噬掉，反而更進(jìn)一步地樹托出了紅色的紅，綠色幾乎被忽略掉了。研究發(fā)現(xiàn)，在不同的色相中，小面積的明度和純度如高于大面積的明度和純度達(dá)到3~5倍時，會產(chǎn)生這樣的視覺效果:大襯小，小的會變得更鮮明，也更醒目。第二種情況，色相不同、面積相同所形成的對比。當(dāng)色彩間的面積基本相同時，這樣就只有色與色之間的差異了，即色感間的差異就只取決于色彩本身帶給我們的感覺了。
(六)補色對比
補色對比的出現(xiàn)是當(dāng)色相與色相混合在一起后出現(xiàn)中性的灰黑色時，而此時在這兩種色相間所產(chǎn)生的對比就是補色對比。補色對比是一種非常有趣的對比現(xiàn)象:當(dāng)兩種補色的色相互相靠近時，就能相互促進(jìn)，顯現(xiàn)出最活躍、最新鮮的視覺效果；但如果二者混合在一起，則二則相克，變成了灰色或者暗黑色。補色對比在網(wǎng)頁色彩的設(shè)計中應(yīng)用非常廣產(chǎn)生一種視覺上的平衡感，帶給人美好、舒適的視覺效果。泛，例如，在純度很高的色彩中加入補色，則可以起到完善畫面的作用。
(七)推移對比
設(shè)計師利用色彩對比的因素與原理架構(gòu)一定空間形態(tài)的表現(xiàn)形式從而形成多層面、多空間的色彩設(shè)計形態(tài)效果，這種設(shè)計模式就是推私對比。具體在設(shè)計的過程中有明度推移、色相推移、純度推移以及補推移等。明度推移是利用單個或多個色彩的明度變化來架構(gòu)其某一空間形態(tài)，這種空間形態(tài)層次清晰，色彩極具縱深感和空間感。色相推移是利用多個色彩的相互漸次推移變化架構(gòu)起來的某一空間形態(tài)，這種網(wǎng)站建設(shè)空間形態(tài)不但色彩間對比感很強而且空間感亦很強。純度推移是利用單個或多個色彩純度的漸變架構(gòu)的某一空間形態(tài)，這種空間形態(tài)極富空間感和層次感。補色推移則是利用補色間對比架構(gòu)其的空間形態(tài)，例如紅與綠、橙與黃等，這種空間形態(tài)對比感很強。

分享標(biāo)題：網(wǎng)頁色彩設(shè)計的基本原理
標(biāo)題來源：http://bm7419.com/news/147567.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)、網(wǎng)站導(dǎo)航、關(guān)鍵詞優(yōu)化、網(wǎng)站維護(hù)、定制開發(fā)、企業(yè)網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)