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

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

　　關(guān)鍵詞：中文核心期刊,網(wǎng)站設(shè)計(jì),頁(yè)面設(shè)計(jì),色彩搭配,原則,方法

　　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)站頁(yè)面設(shè)計(jì)的基礎(chǔ)，頁(yè)面的色彩設(shè)計(jì)時(shí)非常重要的，決定了一個(gè)網(wǎng)站的基本風(fēng)格和行業(yè)，給人以豐富的想象和聯(lián)想，并且，在靜態(tài)形態(tài)的色彩之外還可以使用動(dòng)態(tài)進(jìn)行色彩的表達(dá)，設(shè)計(jì)者在對(duì)網(wǎng)頁(yè)的色彩進(jìn)行搭配的時(shí)候，要考慮到很多的方面，以實(shí)現(xiàn)最佳的色彩表達(dá)效果。

　　一、網(wǎng)頁(yè)界面色彩設(shè)計(jì)的要素

　　1.主色調(diào)

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

　　2.輔助色

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

　　3.背景色

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

　　4.色彩搭配

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

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

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

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

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

　　2.靜態(tài)色和動(dòng)態(tài)色的合理運(yùn)用

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

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

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

　　三、結(jié)語(yǔ)

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

　　參考文獻(xiàn)：

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

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

　　[3]王慶斌，張福昌.現(xiàn)代網(wǎng)頁(yè)色彩設(shè)計(jì)[J]，無(wú)錫輕工大學(xué)學(xué)報(bào)，2001.6，2(2)：26.

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

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

---

轉(zhuǎn)載請(qǐng)注明來(lái)自：http://www.jinnzone.com/jisuanjiwangluolw/41660.html