• 當(dāng)前位置：創(chuàng)新互聯(lián) >> 常見問題 >> 網(wǎng)站建設(shè) >> 網(wǎng)頁設(shè)計(jì) >> 網(wǎng)站建設(shè)中的色彩搭配

網(wǎng)站建設(shè)中的色彩搭配

• 作者：創(chuàng)新互聯(lián) 文章來源： 點(diǎn)擊數(shù)： 更新時(shí)間：2014-07-02
• 一、引言
  網(wǎng)站是否美觀，色彩搭配非常重要。網(wǎng)頁設(shè)計(jì)就是依據(jù)網(wǎng)站的宗旨，把網(wǎng)站的造型、結(jié)構(gòu)、信息、色彩等視覺元素有機(jī)地統(tǒng)一在網(wǎng)頁中，并對(duì)網(wǎng)頁風(fēng)格等進(jìn)行整體設(shè)計(jì)。其目的主要是利用造型的原則和規(guī)律，合理的分配和排版文字、圖形、動(dòng)畫等視覺元素，以便準(zhǔn)確、系統(tǒng)、有效地傳達(dá)網(wǎng)站所要表示的信息。
  
  二、色彩的特征
  色彩的基本特征主要有色調(diào)、亮度和飽和度。
  1.色調(diào)。色調(diào)是表現(xiàn)色彩的種類。色調(diào)是色彩的主要特征，同一色調(diào)的色彩是指色彩中組成彩色成分的三原色光組合比例相同的一系列色彩，在外觀上表現(xiàn)出一種鮮明的色彩傾向。
  2.亮度。色彩相同的色彩看上去還有深淺之分，通常把色彩的這一個(gè)特征稱為亮度。亮度表現(xiàn)出色彩的明亮程度。在網(wǎng)站的設(shè)計(jì)中，如果底色是黑色的，而文字也選用了較深的色彩，那么由于色彩的亮度比較接近，瀏覽者在瀏覽時(shí)，眼睛就會(huì)感覺很吃力，影響到瀏覽的效果。當(dāng)然，色彩的亮度也不能變化太大；否則屏幕上的亮度反差也會(huì)太強(qiáng)，也會(huì)使瀏覽者在瀏覽時(shí)感到刺眼。
  3.飽和度。色調(diào)相同的色彩除了亮度上的差別外，還表現(xiàn)出不同的鮮艷程度，即色彩的飽和度。飽和度表現(xiàn)色彩鮮艷程度。色彩的飽和度的高低受物體表現(xiàn)結(jié)構(gòu)、照射光源的特點(diǎn)及視覺生理特性的影響。
  

  
  

  三、網(wǎng)頁設(shè)計(jì)的色彩搭配的原理

  搭配的原理主要包括：第一，色彩的鮮明性。網(wǎng)頁的色彩鮮艷，容易引人注目；第二，色彩的獨(dú)特性。要有與眾不同的色彩，使得大家對(duì)你的網(wǎng)站印象深刻；第三，性站點(diǎn)的溫柔性；第四，色彩的聯(lián)想性，用不同的色彩會(huì)產(chǎn)生不同的聯(lián)想，藍(lán)色想到天空，黑色想到黑夜，紅色想到喜事等�？傊�，選擇的網(wǎng)頁色彩要和你網(wǎng)頁的內(nèi)涵相關(guān)聯(lián)。
  
  四、網(wǎng)頁色彩的搭配方法，應(yīng)遵循以下幾個(gè)要點(diǎn)
  1.確定主體色。                                                                                                                                                  　　遵循主從關(guān)系，這是處理色彩的主要原則。色相是指色彩的相貌，是區(qū)別色彩種類的名稱。紅、黃、綠、藍(lán)、紫都代表一類具體的顏色。在頁面上，除了白色為背景外大量使用的顏色，就是這個(gè)網(wǎng)面的主體顏色。設(shè)計(jì)時(shí)應(yīng)確定選用何種顏色作為頁面主體色，避免在同一個(gè)頁面內(nèi)運(yùn)用多種顏色，其他的顏色面積不能過大，應(yīng)該遵循主從關(guān)系。
  2.選用相近色。                                                                                                                                                 　　設(shè)計(jì)網(wǎng)頁顏色時(shí)，應(yīng)盡量選擇色彩相近的顏色，易于搭配。明度是指任何一種色彩的明暗程度；色彩的純度是指彩色系中每個(gè)色彩的鮮艷程度。一般情況下，同色彩系（同色相）、明度不同或者純度不同的幾種顏色比較容易搭配，如選擇幾種深淺不同的綠色來搭配，就不會(huì)使頁面產(chǎn)生不和諧的問題。同一頁面盡量不要超過四種顏色。同樣，網(wǎng)站中超鏈接的色彩搭配也要遵循以上的原則。而文字顏色的搭配，則要與背景分離。在實(shí)際設(shè)計(jì)過程中，可以利用所選擇的網(wǎng)頁設(shè)計(jì)工具中的調(diào)色板，選中某種顏色周圍的顏色作為頁面設(shè)計(jì)的選用色。其中，在Dreamweaver的調(diào)色板中就列出了6色為一組的配色方案。           　　　　　 3.色彩均衡原則                                                                                                                                                 　　遵循色彩均衡原則能夠使頁面中的色彩達(dá)到一種平衡。在網(wǎng)頁設(shè)計(jì)中，當(dāng)運(yùn)用了較多明度較高的顏色時(shí)可以用黑色或者同色相的深顏色小面積色塊點(diǎn)綴一下，使得頁面增加分量，達(dá)到色彩重量平衡的效果。而平衡的顏色符合多數(shù)瀏覽者的色彩心理。 4.黑白灰顏色的運(yùn)用
  在網(wǎng)頁設(shè)計(jì)時(shí)遇到色彩凌亂的情況，可以大面積地加白、灰等淺色，小面積加黑色，以調(diào)節(jié)顏色搭配不當(dāng)?shù)那闆r。當(dāng)遇到使用純度很高的顏色，如純藍(lán)、純黃等，這樣的搭配會(huì)很鮮艷，使人的視覺感受比較興奮。
  5.色彩心理與情感
  在網(wǎng)頁設(shè)計(jì)色彩的運(yùn)用中，不同的顏色會(huì)使瀏覽者產(chǎn)生不同的心理感受。例如：紅色代表熱情、活潑、幸福、吉祥等。綠色代表和平、希望、環(huán)保、清新等。
  五、色彩搭配的常用技巧
  1.用一種色彩。這里是指先選定一種色彩，然后調(diào)整透明度和飽和度，這樣的頁面看起來色彩統(tǒng)一、有層次感。
  2.用兩種色彩。先選定一種色彩，然后選擇它的對(duì)比色。
  3.用一個(gè)色系。簡(jiǎn)單地來說就是用一個(gè)感覺的色彩，如淡藍(lán)、淡黃、淡綠；或者土黃、土灰、土藍(lán)。確定色彩的方法因人而異，例如：可以在Photoshop中單擊前景色方框，在彈出的“混色器”對(duì)話框中選擇“自定義”，然后在“色庫”中選擇即可。
  4.用黑色和一種彩色。例如：大紅的字體配黑色的邊框感覺很鮮明。
  5.避免配色中的一些誤區(qū)。（1）不要將所有顏色都用到，盡量控制在三至五種色彩以內(nèi)。（2）背景和前文的對(duì)比盡量要大（絕對(duì)不要用花紋繁復(fù)的圖案作背景），否則，背景圖案會(huì)影響要突出主要文字的內(nèi)容。
  總之，在網(wǎng)頁設(shè)計(jì)時(shí)，色彩搭配總的應(yīng)用原則是“總體協(xié)調(diào)，局部對(duì)比”，網(wǎng)頁的整體色彩效果應(yīng)該是和諧的，只是在局部的，小范圍的地方突出強(qiáng)烈色彩對(duì)比，這樣的色彩搭配才能進(jìn)一步增強(qiáng)網(wǎng)站的吸引力。
• 成都網(wǎng)站建設(shè)公司淺談網(wǎng)站首頁布局 :上一篇
  網(wǎng)頁設(shè)計(jì)中7大令人抓狂的錯(cuò)誤 :下一篇