- 相關(guān)推薦
網(wǎng)頁設(shè)計(jì)顏色搭配步驟
在網(wǎng)頁設(shè)計(jì)中，對目前的網(wǎng)站配色認(rèn)真琢磨一下還是非常有趣的。下面小編為你介紹網(wǎng)頁設(shè)計(jì)顏色搭配的小技巧吧，歡迎參考！
第一步、底色和圖形色
色彩搭配的問題確實(shí)不是一個(gè)簡單的問題。這一代的設(shè)計(jì)師比上一代的設(shè)計(jì)師，所能運(yùn)用的色彩工具多了許多。如今，我們能運(yùn)用好計(jì)算機(jī)為我們提供的豐富色彩，看來不是很簡單的事情。就我個(gè)人而言，在我從事設(shè)計(jì)師工作以來，往往也會迷失在色彩的世界�，F(xiàn)在交流一下自己學(xué)過的和掌握的一些經(jīng)驗(yàn)，希望大家指正。 配色所要注意的要素 實(shí)際設(shè)計(jì)時(shí)，我們經(jīng)常會按照設(shè)計(jì)的目的來考慮與形態(tài)、肌理有關(guān)聯(lián)的配色及色彩面積的處理方案，這個(gè)方案就是我的配色計(jì)劃。在做配色計(jì)劃時(shí)，我們應(yīng)該考慮下述幾點(diǎn)以突出視覺效果。 1.底色和圖形色 在設(shè)計(jì)時(shí)我們會經(jīng)常遇到用幾個(gè)色做各種形的構(gòu)成，作為底的色我們往往會將它推遠(yuǎn)，而作為圖形或文字的色我們要將它拉近。這就需要我們了解受配色關(guān)系的影響是什么樣的。 一般明亮和鮮艷的色比暗濁的色更容易有圖形效果。因此，配色時(shí)為了取得明了的圖形效果必須首先考慮圖形色和底色的關(guān)系。 圖形色要和底色有一定的對比度。這樣才可以很明確的傳達(dá)我們要表現(xiàn)的東西。 我們要突出的圖形色必須讓它能夠吸引觀者的主要注意力。如果不是這樣就會喧賓奪主。
第二步、整體色調(diào)
如果我們想使我們的設(shè)計(jì)能夠充滿生氣，穩(wěn)健，冷清或者溫暖，寒冷等感覺都是由整體色調(diào)決定的。那么我們怎么能夠控制好整體色調(diào)呢?只有控制好構(gòu)成整體色調(diào)的色相、明度、純度關(guān)系和面積關(guān)系等。才可以控制好我們設(shè)計(jì)的整體色調(diào)。首先要在配色中心決定占大面積的色，并根據(jù)這一色來選擇不同的配色方案會得到不同的整體色調(diào)。從中選擇出我們想要的。 如果我們用暖色系列來做我們的整體色調(diào)則會呈現(xiàn)出溫暖的感覺，反之亦然。 如果用暖色和純度高的色作為整體色調(diào)則給人以火熱刺激的感覺，以冷色和純度低的色為主色調(diào)則讓人感到清冷、平靜的感覺。 以明度高的色為主則亮麗，而且變得輕快，以明度低的色為主則顯得比較莊重、肅穆。 取對比的色相和明度則活潑，取類似、同一色系則感到穩(wěn)健。 色相數(shù)多則會華麗，少則淡雅、清新。 以上幾點(diǎn)整體色調(diào)的選擇要根據(jù)我們所要表達(dá)的內(nèi)容來決定。
第三步、配色的平衡
顏色的平衡就是顏色的強(qiáng)弱、輕重、濃淡這種關(guān)系的平衡。這些元素在感覺上會左右顏色的平衡關(guān)系。因此，即使相同的配色，也將會根據(jù)圖形的形狀和面積的大小來決定成為調(diào)和色或不調(diào)和色。一般同類色配色比較容易平衡。 處于補(bǔ)色關(guān)系且明度也相似的純色配色，如：紅和蘭綠的配色，會因過分強(qiáng)烈感到刺眼，成為不調(diào)和色�？墒侨舭岩粋�(gè)色的面積縮小或加白黑，改變其明度和彩度并取得平衡，則可以使這種不調(diào)和色變的調(diào)和。 純度高而且強(qiáng)烈的色與同樣明度的濁色或灰色配合時(shí)，如果前者的面積小，而后者的面積大也可以很容易的取得平衡。 將明色與暗色上下配置時(shí)，若明色在上暗色在下則會顯得安定。反之，若暗色在明色上則有動(dòng)感。
第四步、配色時(shí)要有重點(diǎn)色
配色時(shí)，為了彌補(bǔ)調(diào)子的單調(diào)，可以將某個(gè)色作為重點(diǎn)，從而使整體配色平衡。在整體配色的關(guān)系不明確曖昧?xí)r，我們就需要突出一個(gè)重點(diǎn)色來平衡配色關(guān)系。選擇重點(diǎn)色要注意以下幾點(diǎn)： 重點(diǎn)色應(yīng)該使用比其他的色調(diào)更強(qiáng)烈的色。 重點(diǎn)色應(yīng)該選擇與整體色調(diào)相對比的調(diào)和色。 重點(diǎn)色應(yīng)該用于極小的面積上。而不能用于大面積上。 選擇重點(diǎn)色必須考慮配色方面的平衡效果。
第五步、配色的節(jié)奏
由顏色的配置產(chǎn)生整體的調(diào)子。而這種配置關(guān)系在整體色調(diào)中反復(fù)出現(xiàn)排列就產(chǎn)生了節(jié)奏。色的節(jié)奏和顏色的排放，形狀，質(zhì)感等有關(guān)。由于漸進(jìn)的變化色相、明度、純度都會產(chǎn)生變化而且時(shí)有規(guī)律的，所以就產(chǎn)生了階調(diào)的節(jié)奏。 將色相、明暗、強(qiáng)弱等等的變化做幾次反復(fù)，從而會產(chǎn)生反復(fù)的節(jié)奏。 可以通過賦予色彩的配置以跳躍和方向感就會產(chǎn)生動(dòng)的節(jié)奏，等等。我們可以通過學(xué)習(xí)或訓(xùn)練來掌握更多的節(jié)奏效果。
第六步、漸變色的調(diào)和
2色或2個(gè)以上的色不調(diào)和時(shí)，在其中間插入階梯變化的幾個(gè)色，就可以使之調(diào)和。色環(huán)的漸變：色相的漸變象色環(huán)一樣，在紅、黃、綠、蘭、紫等色相之間配以中間色，就可以得到漸變的變化。 明度的漸變：從明色到暗色階梯的變化。 純度的漸變：從純色到濁色或到黑色的階梯變化。 根據(jù)色相、明度、純度組合的漸變，把各種各樣的變化作為漸變的處理，從而構(gòu)成復(fù)雜的效果。這些漸變色都是調(diào)和的。
第七步、在配色方面的統(tǒng)調(diào)
所謂統(tǒng)調(diào)，即為了多色配合的整體統(tǒng)一而用一個(gè)色調(diào)支配全體，將這個(gè)色叫做統(tǒng)調(diào)色，也就是支配色調(diào)。 色相統(tǒng)調(diào)是在各色中加入相同的色相，而使整體色調(diào)統(tǒng)一在一個(gè)色系當(dāng)中。從而達(dá)到調(diào)和。 明度統(tǒng)調(diào)是加白色或黑色，以使全體色調(diào)的明度相似。這樣也可以達(dá)到調(diào)和。 純度統(tǒng)調(diào)是加灰色，以使全體色調(diào)的純度相似。
第八步、在配色方面的分割
2個(gè)色如果互相處于對立關(guān)系是對比的，具有過分強(qiáng)烈的效果，成為不調(diào)和色。為了調(diào)節(jié)它們，在這些色中用其它色把它們劃分開來，即分割。將用于分割的色叫做分割色。由于分割的目的，可以用于分割色的顏色不多，最常用的是白、灰、黑。 金色和銀色也具有分割的效果。但在我們的電腦中很難調(diào)出具有重量感的這兩種色，所以在電腦中幾乎用不到這兩種色。但可以用于印刷中。 使用其它彩色進(jìn)行分割也可以，但要選擇與原來色有明顯區(qū)別的明度，同時(shí)也應(yīng)考慮色相和純度。
以上這些是我們在配色時(shí)注意的一些問題和解決的一些基本方法。我想還有更多的色彩問題，我這里沒有談到。如：色彩的感情、色彩的形狀、色彩的味覺、色彩的距離感、色彩的音樂感等等。
紅色：熱情、浪漫、火焰、暴力、侵略。紅色在很多文化中代表的是停止的訊號，用于警告或禁止一些動(dòng)作。
紫色：創(chuàng)造、謎、忠誠、神秘、稀有。紫色在某些文化中與死亡有關(guān)。
藍(lán)色：忠誠、安全、保守、寧靜、冷漠、悲傷。
綠色：自然、穩(wěn)定、成長、忌妒。在北美文化中，綠色代表的是「行」，與環(huán)保意識有關(guān)，也經(jīng)常被連結(jié)到有關(guān)財(cái)政方面的事物。
黃色：明亮、光輝、疾病、懦弱。
黑色：能力、精致、現(xiàn)代感、死亡、病態(tài)、邪惡。
白色：純潔、天真、潔凈、真理、和平、冷淡、貧乏。白色在中華文化中也代表著死亡的顏色。打開一個(gè)網(wǎng)站，給用戶留下第一印象的既不是網(wǎng)站豐富的內(nèi)容，也不是網(wǎng)站合理的版面布局，而是網(wǎng)站的色彩。色彩對人的視覺效果非常明顯，一個(gè)網(wǎng)站設(shè)計(jì)成功與否，在某種程度上取決于設(shè)計(jì)者對色彩的運(yùn)用和搭配。因?yàn)榫W(wǎng)頁設(shè)計(jì)屬于一種平面效果設(shè)計(jì)，在排除立體圖形、動(dòng)畫效果之外，在平面圖上，色彩的沖擊力是最強(qiáng)的，它很容易給用戶留下深刻的印象。因此，在設(shè)計(jì)網(wǎng)頁時(shí)，我們必須要高度重視色彩的搭配。
【網(wǎng)頁設(shè)計(jì)顏色搭配步驟】相關(guān)文章：
網(wǎng)頁設(shè)計(jì)的基本步驟及設(shè)計(jì)方法08-16
網(wǎng)頁設(shè)計(jì)教程 :設(shè)計(jì)步驟及思考08-13
網(wǎng)頁設(shè)計(jì)的基本步驟及技巧07-19
網(wǎng)頁設(shè)計(jì)詳細(xì)操作步驟07-01
最新個(gè)人網(wǎng)頁設(shè)計(jì)步驟07-02
網(wǎng)頁設(shè)計(jì)中的色彩搭配原則10-30
網(wǎng)頁設(shè)計(jì)中色彩搭配的運(yùn)用10-21