網(wǎng)絡技術隨著時代在進行不斷的發(fā)展，當前越來越多的網(wǎng)站開始涌現(xiàn)，從購物網(wǎng)站到企業(yè)網(wǎng)站，從交流平臺到專業(yè)信息網(wǎng)站，每個網(wǎng)站的基本功都是做好網(wǎng)站的頁面美化設計，以吸引更多的人氣，增加網(wǎng)頁的瀏覽量。

　　摘要：隨著我國信息技術的飛速發(fā)展，網(wǎng)絡和計算機技術已經(jīng)滲透到人們的生活和工作中，給人們的生活帶來了豐富的信息和愉快的業(yè)余享受。本文將針對網(wǎng)站頁面設計中的色彩元素，對網(wǎng)站頁面設計中的色彩搭配原則和搭配方式進行簡要的論述。

　　關鍵詞：中文核心期刊,網(wǎng)站設計,頁面設計,色彩搭配,原則,方法

　　Web page design with the principles of color

　　Cheng Zhuo Ma Yufei Chen Zheng

　　Shijiazhuang Vocational Technology Institute, Hebei Shijiazhuang 050081

　　Abstract: With the rapid development of information technology, networking and computer technology has penetrated into people's lives and work, to people's lives brings a wealth of information and enjoyable amateur enjoyment. This article will focus on the color of Web page design elements for website page design principles and color matching with a brief discussion of the way.

　　Keywords: website design with color page design principles and methods

　　作為網(wǎng)站頁面設計的基礎，頁面的色彩設計時非常重要的，決定了一個網(wǎng)站的基本風格和行業(yè)，給人以豐富的想象和聯(lián)想，并且，在靜態(tài)形態(tài)的色彩之外還可以使用動態(tài)進行色彩的表達，設計者在對網(wǎng)頁的色彩進行搭配的時候，要考慮到很多的方面，以實現(xiàn)最佳的色彩表達效果。

　　一、網(wǎng)頁界面色彩設計的要素

　　1.主色調(diào)

　　在網(wǎng)頁設計的時候，最大面積采用的色彩即為網(wǎng)頁界面的主色調(diào)，主色調(diào)掌管了整個畫面的色彩氣氛，給人們不同的視覺感受，并且能讓人們對網(wǎng)站的內(nèi)容產(chǎn)生聯(lián)想，例如女性化妝品網(wǎng)站大多采用粉紅色、黃色等暖色系，塑造出溫暖、可愛的女性氛圍，讓女性產(chǎn)生購買的沖動;而一些強調(diào)自然成分的保濕護膚品的網(wǎng)站大多采用藍色、綠色等顏色，讓購買者產(chǎn)生大海、樹木的聯(lián)想。

　　2.輔助色

　　相對主色調(diào)來說，輔助色所占的整體面積較少，起著強調(diào)和緩沖的作用。當起強調(diào)作用的時候，可以采用與主色調(diào)對比的顏色來增強畫面的跳動感，例如在主色調(diào)是綠色的時候，可以適當?shù)募尤爰t色作為輔助顏色，起到效果增強的作用;當起緩沖作用的時候，輔助色與主色調(diào)顏色較為相近，例如主色調(diào)是黑色，輔助色是灰色，適當對整個頁面的色彩進行調(diào)和，以免太過嚴肅。

　　3.背景色

　　在以宣傳為主的網(wǎng)頁設計的時候，背景色是色彩設計的基本步驟，可以有效的對主題進行突出。如購物網(wǎng)站主色調(diào)都是比較活潑的顏色，使購物者產(chǎn)生愉快的感覺，這時背景色一般是白色，對主色調(diào)起到突出的作用。另外，對背景色的設計還要考慮到平時人們的思考習慣和心理因素，例如人們經(jīng)常在偏黃色的光線下生活，因此對黃色產(chǎn)生一定的心理定勢，在進行色彩搭配的時候要注意人們的這種心理感受。

　　4.色彩搭配

　　色彩搭配是對網(wǎng)頁中的主色調(diào)、輔助色、背景色進行搭配，三者之間相互襯托、相互協(xié)調(diào)，以實現(xiàn)最佳的視覺效果，傳遞設計師想表達的思想情感。色彩搭配設計的關鍵在于色彩之間的對比和色調(diào)的和諧統(tǒng)一，在實際設計中，要多進行比對和調(diào)和，以采用最適宜的色彩表現(xiàn)手段。

　　二、網(wǎng)站頁面設計中的色彩搭配原則

　　1. 主色調(diào)與輔助色的合理運用

　　主色調(diào)是整個網(wǎng)站中最具有代表性的色彩，當人們想到網(wǎng)站時就會對網(wǎng)站的色彩有個大致的印象，不同的主色調(diào)決定網(wǎng)站的不同色彩格調(diào)，需根據(jù)網(wǎng)站的具體經(jīng)營項目和性質(zhì)來決定。在對網(wǎng)站的主色調(diào)進行設定的時候，要明確網(wǎng)站的主題和服務對象，例如服務對象是女性時，就需要采用粉色、淺紫色等柔和明快的顏色，當服務對象是兒童時，要采用豐富多彩的鮮艷活潑的色彩來塑造童話世界的感覺。餐飲業(yè)一般采用橘色或者黃色作為主調(diào)，讓購買者產(chǎn)生食欲并且增加溫暖的感覺。對企業(yè)網(wǎng)站的設計，除考慮到功能和性質(zhì)之外，還要考慮到企業(yè)的主題色，一般是將企業(yè)的標準色作為網(wǎng)站的主色調(diào)，以突顯企業(yè)的整體形象。如百事可樂的標準色是藍色，在網(wǎng)頁上也要對其標準色進行體現(xiàn)。

　　輔助色是用來增加頁面色彩的層次，或者實現(xiàn)某項功能而使用的，雖然占據(jù)的面積較小，但是有效的起到了緩沖的作用，能使整個網(wǎng)頁更加流暢、生動。在對輔助色進行選擇時，要根據(jù)其與主題的內(nèi)在聯(lián)系來進行選擇，既要保持幾個關系之間的和諧，也要保證主色調(diào)在其中的領導地位。輔助色與主色調(diào)一起構(gòu)成網(wǎng)站的整體色彩，決定著整個頁面的色彩風格。輔助色的選擇一般是在輔助色確定之后根據(jù)主色調(diào)來進行選擇的，可以是主色調(diào)相鄰的顏色，也可以是對比色。

　　2.靜態(tài)色和動態(tài)色的合理運用

　　一個完整的網(wǎng)頁都包含著動態(tài)和靜態(tài)的兩種色彩元素。靜態(tài)色主要是指靜止不動的顏色，并且以靜態(tài)文本的顏色為主。靜態(tài)文本在網(wǎng)頁中常以大面積的文字形態(tài)出現(xiàn)，功能相對來說比較簡單，是以閱讀為主要功能的色彩。瀏覽網(wǎng)頁的時候，人們習慣與閱讀自己感興趣的文字內(nèi)容，也更傾向于閱讀看起來更輕松、更舒服的文字，所以在進行靜態(tài)文本色彩的搭配時要注意對重點信息的突出和減少視覺上的疲勞。例如，當眼睛在閱讀兩種顏色對比明顯的文本時，眼睛周圍的肌肉會比較緊張，閱讀起來比較費力，因此一些鮮艷的補色方式是不利于瀏覽者進行閱讀的，如果文字在紫色背景下以黃色顯示，在閱讀的時候會非常的吃力，影響閱讀的體驗。如果底色和文字色的色彩差異度越低，就越貼近瀏覽者的閱讀需要，有利于瀏覽者進行長時間的閱讀。色彩差異度越高的色彩搭配，越容易引起瀏覽者的注意，瀏覽者就越能夠從其中提取出需要的信息。

　　動態(tài)色大致分為以時間為條件變化的動態(tài)色和以交互因素為條件變化的色彩。以時間為條件變化的動態(tài)色主要指閃爍，閃爍又分為單色閃爍和顏色閃爍。閃爍能夠進行氛圍的烘托，引起瀏覽者的注意，面積較小的閃爍也常用來活躍網(wǎng)頁的畫面。閃爍效果的決定因素包括閃爍的頻率和色彩變化的幅度。速度快的閃爍雖然能夠吸引更多瀏覽者的注意，但是也會增加瀏覽者的不安感受，而緩慢的閃爍效果較為柔美和優(yōu)雅，具有抒情的感受。閃爍的色彩明度越高則在畫面中的跳躍的就越高，明度較小的色彩閃爍較為含蓄柔和。閃爍的顏色若是溫暖的紅色、黃色時，產(chǎn)生的是突出和熱門的感覺，若閃爍的顏色是紫色、銀色等冷色調(diào)時，產(chǎn)生的更多的是神秘感。在使用閃爍效果的時候，也要注意閃爍頻率、色彩的明度和顏色的變化與整個網(wǎng)頁界面是否和諧，與其內(nèi)容和主題、風格是否一致。由于閃爍具有強烈的吸引性，所以在設計的時候要注意對閃爍位置的設置，并注意閃爍與其他元素的相互關系。

　　包含交互因素的動態(tài)色大多見于按鈕、超鏈接等區(qū)域，色彩變幻包括亮度、反色和特殊顏色。當鼠標移動到這些局域的時候，色彩和亮度會出現(xiàn)一定程度的變化，引起瀏覽者的注意力。，并且對于點擊過的內(nèi)容，會有區(qū)別于其他內(nèi)容的顏色。例如在一些網(wǎng)站首頁進行搜索時，普通網(wǎng)頁文本的顏色為藍色，瀏覽者將鼠標移動在超鏈接上就呈現(xiàn)紅色，點擊過的內(nèi)容就呈現(xiàn)紫紅色，就使得這幾個內(nèi)容有所區(qū)別又有所提示，方便瀏覽者的閱讀。

　　三、結(jié)語

　　隨著互聯(lián)網(wǎng)技術的進一步發(fā)展，新網(wǎng)站將會層出不窮，給人們帶來更多的業(yè)務生活享受，互聯(lián)網(wǎng)行業(yè)的競爭也會越演越烈，對網(wǎng)頁設計的要求也會越來越高，網(wǎng)頁設計將是具備藝術美感和使用功能的高水準作品，作為網(wǎng)頁設計者一定要對網(wǎng)頁中的色彩搭配有著明確的理解，并且充分利用設計中的色彩要素，設計出既美觀又實用的網(wǎng)站頁面。

　　參考文獻：

　　[1]董海斌，王家民.網(wǎng)頁界面中的色彩設計[J].藝術理論，2007.11，78—79.

　　[2]張秀杰.個性化網(wǎng)頁設計技巧[J].黑龍江畜牧獸醫(yī)職業(yè)學院學報，2006.12，59一60.

　　[3]王慶斌，張福昌.現(xiàn)代網(wǎng)頁色彩設計[J]，無錫輕工大學學報，2001.6，2(2)：26.

　　[4]王英玫，張文英. 網(wǎng)頁設計中的色彩運用[J].信息技術與信息化，2009年第1期:45-46.

　　[5]游婷. Web界面設計中的色彩設計原則[J].科技資訊，2009年第35期：13.

---

轉(zhuǎn)載請注明來自：http://www.jinnzone.com/jisuanjiwangluolw/41660.html