網(wǎng)頁設計中的色彩搭配應用
前言：想要寫出一篇引人入勝的文章？我們特意為您整理了網(wǎng)頁設計中的色彩搭配應用范文，希望能給你帶來靈感和參考，敬請閱讀。
摘要：研究色彩是為了最大限度地發(fā)揮色彩的作用，也是為了更好地使用色彩。色彩的意義與內(nèi)容在藝術創(chuàng)造和表現(xiàn)方面是復雜多變的，是一種很美的大眾語言。色彩具有無限的魅力，它可以讓網(wǎng)頁中本來很平淡的部分瞬間就能變得靚麗，令人回味無窮?，F(xiàn)在高校計算機專業(yè)都開設有網(wǎng)頁制作(設計)這門課程，如何制作漂亮的網(wǎng)頁是這門課程的任務，我們這里講的網(wǎng)頁色彩，是大眾登錄網(wǎng)頁頁面時的第一印象，漂亮的色彩搭配能夠馬上吸引網(wǎng)頁訪問者，給看到的人們一種賞心悅目的美感。一個網(wǎng)站的網(wǎng)頁設計是否成功，在很大程度上取決于設計者對色彩的應用與搭配。
關鍵詞：網(wǎng)頁；設計；色彩；搭配
隨著科技不斷地發(fā)展、我國的改革開放的逐步深入，我國經(jīng)濟快速發(fā)展，人們的生活水平越來越好，越來越多的人開始在網(wǎng)上通信、工作、購物、娛樂，電腦應用已經(jīng)越來越受到大眾的喜愛，網(wǎng)絡逐漸步入平常百姓家，我們現(xiàn)在生活及學習越來越離不開網(wǎng)絡，而接入網(wǎng)絡之后，我們經(jīng)常要接觸的就是地球村中的網(wǎng)頁，而網(wǎng)頁設計者們想要設計出漂亮的網(wǎng)站，必須要對網(wǎng)頁的色彩進行搭配。網(wǎng)站是當今世界的一個重要信息交流平臺，一個網(wǎng)站的網(wǎng)頁制作水平的高低直接體現(xiàn)了網(wǎng)站的好壞，而現(xiàn)在網(wǎng)站、網(wǎng)頁制作不再像以前的網(wǎng)站一樣只是把各類信息羅列在頁面上就萬事大吉了，而是要運用各種技術手段將網(wǎng)站進行化裝，提高人們打開網(wǎng)頁的興趣，提高網(wǎng)頁的訪問量，使更多的用戶在日常工作生活中都樂于打開你所制作的網(wǎng)站，進而發(fā)展成會員，保證有固定的用戶，那就算成功了。而要達到這樣的效果，那就必須在網(wǎng)頁設計中好好研究一下網(wǎng)頁的色彩搭配?，F(xiàn)在我們就來對網(wǎng)頁設計中的色彩搭配進行學習和探討。
1認識網(wǎng)頁色彩
網(wǎng)站是一個公司形象和品牌的重要宣傳陣地，有著代表公司形象的作用，現(xiàn)在很多公司對網(wǎng)網(wǎng)站越來越重視。網(wǎng)頁則是一個網(wǎng)站的門面，是公司的網(wǎng)絡商標，如何設計一個吸引大眾訪問的網(wǎng)站越來越重要。而網(wǎng)頁的設計包括網(wǎng)頁的布局、網(wǎng)頁的色彩搭配、網(wǎng)頁主題的表達。網(wǎng)頁色彩的設計是一個網(wǎng)站設計非常重要環(huán)節(jié)，色彩主要有明度、色相和純度三個特征。明度是指物體反射光的量。物體反射的光越多，它的色彩明度就越高。我們在設計網(wǎng)頁時，應該注意前景色、背景色及網(wǎng)頁各部分之間的色彩明度要相互協(xié)調。比如：網(wǎng)頁的背景色的明度較低，應該將網(wǎng)頁中的文字色彩選擇明度較高的色彩，不然，背景色和文字顏色相差不大，訪問者在瀏覽網(wǎng)頁時會感到非常不舒服。也不應該選擇明度太高的色彩，否則，訪問者會覺得很刺眼。接下來我們來研究下色相，色相是色彩最重要的特性，是色彩的種類。在網(wǎng)頁制作時，如果選擇冷色相，如綠色、藍色，可以使網(wǎng)頁變得清新、高雅的效果。假如選擇暖色相，如橙色、黃色、紅色等就可以創(chuàng)造出非常溫馨的效果。
2網(wǎng)頁色彩的搭配技巧
色彩可以使平淡的東西瞬間變得靚麗無比，它有著魔幻般的力量，它可以給予某樣東西鮮亮的生命，但它也可以使我們本來高漲的情緒轉瞬跌入萬丈深淵。網(wǎng)頁色彩是網(wǎng)頁制作設計的重要部分，屬于核心內(nèi)容，網(wǎng)站色彩的選擇非常重要，我們?yōu)g覽一個網(wǎng)站，我們最先看到的是網(wǎng)站的色彩，這也是最容易吸引人的部分，如果網(wǎng)頁色彩搭配效果較好，才能夠讓人流連忘返，用戶才有興趣花時間翻看網(wǎng)站的其他內(nèi)容。色彩的選擇和搭配是否合適，很大程度會影響訪問者的心情。所以，我們設計者在對網(wǎng)頁設計時，我們要形成獨家的特點風格，將色彩的應用搭配運用好，選擇主色調，突出本網(wǎng)站的風格，達到制作的要求。也要高度重視主要色調的搭配運用，要能夠反映本單位的精神面貌等。例如：北海職業(yè)學院網(wǎng)站藍色和白色相間，突出了北海市藍天白云的景象，同時也象征著活潑，生命力，及具有鮮明的沿海特色。一個網(wǎng)站不能只使用一種顏色，否則會讓人感覺非常單調又乏味，但是也不能把所有的顏色都應用到網(wǎng)站中，這樣看起來會覺得太花哨、太俗氣。網(wǎng)站的設計原則是一個網(wǎng)站最好有一種至三種主體色，可以這么說，網(wǎng)站的主體色的確定是網(wǎng)頁制作者最重要的決定。制作中，大部分的設計者把白色作為背景色，除了白色背景以外大量使用的顏色，就是指網(wǎng)站的主體色。現(xiàn)在很多著名門戶網(wǎng)站的主頁都有自己的特色，都選擇一種主體色作為網(wǎng)站的色調。網(wǎng)頁的分支頁盡量不要使用太多的色調，太多的色調使用會讓人覺得凌亂、不夠穩(wěn)重。主體色確定后，再考慮其他色彩方案。不同的顏色搭配在一起給人的感覺也會有所不同，色調、明暗不同，搭配在一起也會給訪問者感覺不同。我們在選擇一種顏色后，可以在這種顏色上變淺、加深或者加亮，再在同一頁面顯示同種顏色不同明度所達成的效果。網(wǎng)頁設計色彩的搭配還需要考慮人的生理特點，色彩搭配一定要合理，要給人一種和諧、愉快的感覺，避免采用純度很高的單一色彩，這樣很容易讓訪問者造成視覺疲勞，也容易造成訪問者不再對此網(wǎng)站有訪問的興趣。
3網(wǎng)頁色彩搭配在網(wǎng)頁制作(設計)中的應用
我們在網(wǎng)站制作(設計)時，要保證色彩應用的獨特性，突出主題，能夠讓訪問者瞬間喜歡瀏覽主頁，充分起到吸引瀏覽者的作用。因此我們要在網(wǎng)頁制作中注重色彩的搭配，使網(wǎng)站能夠脫穎而出，突出網(wǎng)站主題。1)確定網(wǎng)站主題思想一個優(yōu)秀的網(wǎng)站的主題是設計者重點考慮的問題，最好有一種主體色，主體色彩一般可以用公司的標準色，也就是一旦提到某個公司，可以馬上進入訪問者腦海的一個主題色彩?？梢岳眠@個主色彩貫穿網(wǎng)站的所有頁面，還可以根椐不同的分支頁面再輔助其他顏色進行搭配。在搭配網(wǎng)頁色彩之前最好要先搞明白網(wǎng)站的主題和網(wǎng)站的服務對象，還有制作者希望通過色彩達到的目的。2)文字和背景的搭配網(wǎng)頁制作的原則一般是背景色應該使用淡一些或者素一點的色彩，然后再搭配深色的文字，這樣處理的結果會讓訪問者看起來比較舒暢。制作者在設計網(wǎng)頁時還要考慮突出文字效果，背景只是一個襯托，用來表達公司相關業(yè)務的主題思想。文字和背景的搭配要簡單易懂、適當合理，最佳的設計理念是要吸引成千上萬的網(wǎng)頁訪問者進行瀏覽網(wǎng)站，這也是高校計算機專業(yè)學生學習網(wǎng)頁制作(設計)最核心的內(nèi)容，也是學生是否成功掌握網(wǎng)頁色彩合理搭配最高的境界。3)LOGO要突出網(wǎng)頁的LOGO是公司的重要標志，也是宣傳網(wǎng)站最重要的商標，因此，LOGO一定要在網(wǎng)頁中突出，最好要將LOGO做得鮮明靚麗一點，也就是色彩方面跟網(wǎng)頁的主色彩分離出來。LOGO對一個公司非常重要，訪問者在瀏覽網(wǎng)頁時停留的時間非常短暫，所以我們要在網(wǎng)站的每一頁都標清楚公司的LOGO，讓訪問者在快速瀏覽中第一時間記住并且停留下來繼續(xù)瀏覽的意愿。4)導航按鈕的應用導航按鈕是網(wǎng)站的指路燈。網(wǎng)頁中的導航按鈕的基本作用就是為了讓訪問者在瀏覽網(wǎng)頁的時候不至于迷失方向，而且可以通過它快速回到網(wǎng)站首頁以及其他相關內(nèi)容的界面。如果訪問者瀏覽網(wǎng)頁時，沒有醒目的導航按鈕，會很容易在網(wǎng)頁中迷失，這樣會給訪問者不好的印象，下次人家就不一定喜歡訪問你的網(wǎng)站了。所以我們可以使用一些極具吸引力的色彩，吸引訪問者的瀏覽視線，讓他們感覺網(wǎng)站還不錯，值得訪問，最終達到訪問者可以迅速快捷地找到自己想要到達的頁面。5)網(wǎng)頁制作在色彩搭配中的注意事項有部分新手在學做網(wǎng)頁時，全部使用單色調，確實是將網(wǎng)站內(nèi)容都羅列出來了，但是只有單一背景或者簡單使用彩色字體，這樣的設計太過于簡單了，沒有創(chuàng)新點，不能給訪問者留下深刻印象。因此我們應該在制作時盡量不要采用這樣的單一色調方法，如果確實沒有辦法要采用的話，最好能通過調整色彩的透明度和飽和度進行一定的變化，盡量使網(wǎng)頁變得生動車點。還有制作網(wǎng)頁時，背景盡量不要采用五花八門比較復雜的圖片或者純度非常高的色彩作為網(wǎng)頁背景色，盡量做到文字和背景有比較清晰的對比度，而且最好背景和文字的色彩對比要比較鮮明，不然會導致色彩顛倒，不能將網(wǎng)站的內(nèi)容很好表現(xiàn)出來。一個網(wǎng)頁的設計不要選擇太多的色彩數(shù)量，往往有不少的新手在制作網(wǎng)頁時會使用很多種不同的顏色，這樣會使得網(wǎng)頁很亂，也很“花”，雖然一眼看上去顯得好像五彩繽紛，但是再慢慢觀察，就會覺得缺少統(tǒng)一協(xié)調感，沒有內(nèi)在的美感，不能引人入勝，網(wǎng)頁就不能有很好的訪問量。最后，色彩的搭配要根據(jù)網(wǎng)站的主辦單位特色及網(wǎng)站主題來選擇好主色調，主頁面最好是控制在一到兩種色彩，整個頁面色彩不要超過三種顏色，還要充分研究各種色彩之間的關系，使得瀏覽訪問者在瀏覽時達到比較平順又鮮明及悅目的視覺效果，使訪問者有興趣長期停留在本網(wǎng)站閱讀。
4網(wǎng)頁色彩搭配的原則
網(wǎng)頁制作要考慮網(wǎng)頁樣式與布局(CSS+DIV)的設計，也要合理使用色彩搭配的相關原則，也要遵守相應的規(guī)律。網(wǎng)站代表了企業(yè)單位和個人的形象，正確的布局或要讓網(wǎng)站結構更加合理，使網(wǎng)站變得更加美觀。1)網(wǎng)頁制作需要配色的是畫布在網(wǎng)頁制作設計中最根本的原則是，無論我們花了多少時間創(chuàng)造了一個輝煌的設計，其最終的作用是發(fā)揮出內(nèi)容的核心位置。網(wǎng)頁的配色方案永遠不應該比它呈現(xiàn)的內(nèi)容的更加“響亮”。網(wǎng)頁設計應該是在后臺，目的是幫助突出網(wǎng)站的內(nèi)容2)網(wǎng)頁制作要使用素一點的灰色作為網(wǎng)站的基調色我們可以給網(wǎng)站基調選擇無數(shù)種顏色，但最好采用比較素的顏色，例如白色/淺灰色與深灰色的搭配文字背景。大家可以看看任何熱門的網(wǎng)站、模版、主題，白色或淺灰色與深灰色搭配成了大多數(shù)的選擇，這當然也是有充分理由的。這樣的搭配對訪客而言提高了你內(nèi)容的可讀性，并且把你的圖片突出在最前方。3)主色調突出顯示網(wǎng)頁設計中如果使用好幾種不同的色調，配色方案絕大多數(shù)會存在較多問題。網(wǎng)頁中色調用得越多，網(wǎng)頁的頁面就很難進行設計。因此，網(wǎng)頁的設計以灰色基調的前提下，最好只選擇一種鮮艷的色調來作為想要突出的事物，例如主標題、主菜單以及導航按鈕等。網(wǎng)頁中常用的高亮顏色主要有紅色、黃色、藍色，等等。最好使用與你的基調顏色相近的高亮顏色。打開顏色選擇器，并單擊你彩色方塊的中心。當然，這些顏色的選擇都不是固定死的。4)如果出現(xiàn)選擇困難時，可以使用藍色色調網(wǎng)頁設計中如果對高亮色的選擇舉棋不定的話，可以考慮使用藍色。藍色是一種彈性比較大的顏色，可以和很多種顏色靈活搭配。綠色和黃色也很不錯，但如果運用不當反而會使得網(wǎng)頁沒有達到原先設計的效果。而且，網(wǎng)頁設計中如果運用藍色進行設計，那么用錯顏色的概率就會很低。所以在設計中正猶豫著不知道用什么顏色好，就可以使用藍色來設計。合適一點的藍色包括從H235到H190，比如深藍色到海軍藍。5)網(wǎng)頁制作中增加高亮色進行變化設計網(wǎng)頁設計中如果使用了高亮的顏色，可以從該點移動滑塊來選擇接下來的顏色。在設計中也需要其他的顏色，高亮色的細微變化會讓網(wǎng)頁設計中的顏色選擇變得簡單。
5結束語
通過對網(wǎng)頁色彩搭配的探討，我們認識了網(wǎng)頁中的色彩，了解了網(wǎng)頁中色彩的合理搭配，網(wǎng)頁制作(設計)中的色彩，能夠使我們的網(wǎng)頁制作及設計更加豐富多彩。色彩的不同表達的心理就不同，不同的色彩搭配也可以制作出完全不同的網(wǎng)頁效果。一個完美的網(wǎng)站需要完美的色彩搭配設計，一個完美的色彩搭配可以成全一個完美的網(wǎng)頁，所以，網(wǎng)頁色彩搭配的應用在網(wǎng)頁制作及設計中的作用是舉足輕重的，只要是創(chuàng)作就離不開色彩。總之，色彩搭配不僅是一種技術層面上的工作，更是一種具體藝術性很強的工作，我們要想制作出讓人流連忘返的網(wǎng)頁，還要通過不斷的實踐操作進行探索。
參考文獻：
[1]李鏡,李忠明.淺談網(wǎng)頁設計中色彩搭配的運用[J].計算機光盤軟件與應用,2011(6):26-27.
[2]公希萌.網(wǎng)頁設計色彩搭配[J].科技信息,2012(36):299-300.
[3]楊超.網(wǎng)頁設計中色彩搭配的探討[J].江蘇第二師范學院學報：自然科學版,2006(1):121-122.
[4]劉玉紅.CSS3+DIV網(wǎng)頁樣式與布局案例課堂[M].清華大學出版社,2011.
[5]李愛國.網(wǎng)頁設計中的色彩搭配[J].湖南農(nóng)機：學術版,2012,39(6):79-79.
作者:陳永海 單位:北海職業(yè)學院