網(wǎng)頁美工設(shè)計(jì)中色彩分析

劉俊

【摘要】在網(wǎng)絡(luò)平臺(tái)中承載信息的載體有很多種，網(wǎng)頁就是其中的一種。網(wǎng)絡(luò)信息交流效果深受網(wǎng)頁設(shè)計(jì)美觀性的影響。為此，為了能夠讓人們更好的關(guān)注網(wǎng)頁，在網(wǎng)頁美工設(shè)計(jì)中需要加強(qiáng)對(duì)色彩搭配的重視。文章在闡述網(wǎng)頁基本設(shè)計(jì)和美學(xué)要求的基礎(chǔ)上，就網(wǎng)頁美工設(shè)計(jì)中的色彩搭配問題進(jìn)行探究。

【關(guān)鍵詞】網(wǎng)頁設(shè)計(jì)? 美工? 色彩? 搭配

在計(jì)算機(jī)技術(shù)的快速發(fā)展下，以瀏覽器為標(biāo)注的訪問接口網(wǎng)站開始加強(qiáng)對(duì)云計(jì)算的使用，網(wǎng)頁的表現(xiàn)形式更加豐富多樣。網(wǎng)頁中的色彩會(huì)為瀏覽者留下對(duì)整個(gè)網(wǎng)站的第一印象。因此，對(duì)于網(wǎng)頁美工設(shè)計(jì)者來講，色彩搭配是至關(guān)重要的，因?yàn)槿藗兂３Ｈ菀滓驗(yàn)樯首笥抑约旱们榫w，就像是服裝的色彩搭配一樣，搭配好了可以讓人賞心悅目，如果顏色五花八門，就容易讓人眼花繚亂，非常不順眼。為了能夠給瀏覽者留下深刻的印象，文章著重就網(wǎng)頁美工設(shè)計(jì)中的色彩應(yīng)用問題進(jìn)行探究。

一、網(wǎng)頁設(shè)計(jì)和網(wǎng)頁美工色彩搭配

從某種角度上來看，網(wǎng)頁設(shè)計(jì)就是UI設(shè)計(jì)，也就是人們所說的實(shí)現(xiàn)用戶交互界面的設(shè)計(jì)。網(wǎng)頁設(shè)計(jì)是信息表現(xiàn)的主流設(shè)計(jì)模式，在具體設(shè)計(jì)的過程中既包含了傳統(tǒng)媒體的優(yōu)勢(shì)作用，而且還能夠在最大限度上提升信息交流傳播的效率。網(wǎng)頁設(shè)計(jì)的視覺效果良好會(huì)使得網(wǎng)頁設(shè)計(jì)顯示出交互性、互動(dòng)性、傳播性、容易被認(rèn)可的特點(diǎn)。

一個(gè)網(wǎng)頁會(huì)由不同要素組成， 這些要素在整個(gè)網(wǎng)頁構(gòu)成中所發(fā)揮出的作用不同，在網(wǎng)頁設(shè)計(jì)的過程中如何去平衡這些要素的使用就顯得十分重要。色彩依附各個(gè)物體作用于人們的感官，是最容易被人們感知的，色彩是網(wǎng)頁設(shè)計(jì)中的一個(gè)重要因素。在人類社會(huì)和科技 進(jìn)步發(fā)展下，人們?cè)诟鱾€(gè)設(shè)計(jì)領(lǐng)域?qū)ι实淖非笠哺鼮閺V泛，特別是在計(jì)算機(jī)技術(shù)快速發(fā)展的背景下，網(wǎng)頁開發(fā)設(shè)計(jì)也加強(qiáng)了對(duì)色彩的重視。

二、網(wǎng)頁美工設(shè)計(jì)中色彩的基本表現(xiàn)原則

（一）識(shí)別性

在網(wǎng)站云集的網(wǎng)絡(luò)世界中，一個(gè)網(wǎng)站的與眾不同是其在眾多網(wǎng)站中顯示出自身優(yōu)勢(shì)的一個(gè)重要關(guān)鍵。網(wǎng)頁設(shè)計(jì)色彩識(shí)別要首先考慮色彩的認(rèn)知度，因?yàn)榫W(wǎng)頁色彩的顯示模式是光顯示模式，如果色彩搭配不恰當(dāng)在長(zhǎng)時(shí)間瀏覽網(wǎng)頁的過程中會(huì)讓人產(chǎn)生視覺疲勞。一個(gè)網(wǎng)頁色彩的識(shí)別性還需要是容易辨認(rèn)的。每個(gè)網(wǎng)站的受眾群體是不同的，不同群體擁有不同的發(fā)展背景，因而對(duì)色彩的辨別能力也是不同的。為此，在網(wǎng)頁色彩設(shè)計(jì)和選擇的過程中要選擇認(rèn)知度較低、不容易辨別的色彩，通過應(yīng)用這些色彩進(jìn)行網(wǎng)頁設(shè)計(jì)能夠達(dá)到宣傳網(wǎng)站的目的。

（二）色彩語意的相關(guān)性

色彩效果的呈現(xiàn)不能夠僅僅體現(xiàn)在視覺上，而且還需要在心理層面予以一種別樣的體會(huì)和理解。不同色彩具有不同的語意特點(diǎn)，在人們長(zhǎng)期的生活中對(duì)色彩形成了不同的情感和心理感受。不同網(wǎng)站類型在選擇色彩的時(shí)候也體現(xiàn)出了自身獨(dú)有的語意相關(guān)性。比如兒童用品網(wǎng)站設(shè)計(jì)一般會(huì)選擇應(yīng)用一些色彩亮麗的純色;高科技產(chǎn)品在加工設(shè)計(jì)的時(shí)候會(huì)選擇使用藍(lán)色。在進(jìn)行網(wǎng)頁設(shè)計(jì)的時(shí)候需要相關(guān)人員根據(jù)不同網(wǎng)站的要求來選擇不同的網(wǎng)站色彩搭配模式。

（三）延展性

網(wǎng)頁色彩延展性能夠加深受眾對(duì)網(wǎng)頁的視覺印象。從實(shí)際設(shè)計(jì)上來看，網(wǎng)頁設(shè)計(jì)中色彩延展性主要體現(xiàn)在兩個(gè)方面，一方面是指設(shè)計(jì)選擇的網(wǎng)頁色彩在整體配色上要體現(xiàn)出可延展的特點(diǎn)。在選定好網(wǎng)站設(shè)計(jì)色彩之后需要在所有網(wǎng)站也面上根據(jù)不同內(nèi)容來進(jìn)行色彩搭配，通過發(fā)揮出色彩搭配的延展性來更好的進(jìn)行網(wǎng)頁設(shè)計(jì)，吸引人們充分關(guān)注網(wǎng)頁。

另外一個(gè)方面，網(wǎng)頁色彩的延展性還表現(xiàn)為局部色彩設(shè)計(jì)的延展性，設(shè)計(jì)者在更新設(shè)計(jì)網(wǎng)頁的時(shí)候在保證網(wǎng)頁主色彩不變的情況下對(duì)網(wǎng)頁局部色彩進(jìn)行更新，從而在確保網(wǎng)頁整體色彩搭配原則的基礎(chǔ)上更新頁面的局部色彩語言。

三、網(wǎng)頁設(shè)計(jì)中的色彩風(fēng)格

（一）網(wǎng)站內(nèi)容決定網(wǎng)頁色彩的風(fēng)格選擇

結(jié)合網(wǎng)頁設(shè)計(jì)對(duì)象的基本內(nèi)容和性質(zhì)，設(shè)計(jì)者可以根據(jù)固有的審美經(jīng)驗(yàn)和實(shí)踐操作基礎(chǔ)有針對(duì)的對(duì)網(wǎng)頁色彩進(jìn)行設(shè)計(jì)表現(xiàn)。比如對(duì)于可口可樂這一品牌產(chǎn)品的網(wǎng)頁色彩設(shè)計(jì)要凸顯出激情紅色，通過網(wǎng)頁色彩的選擇和設(shè)計(jì)使人們?cè)谔岬皆撈放频臅r(shí)候就能夠在腦海中浮現(xiàn)出紅色的標(biāo)志和產(chǎn)品。健康類的網(wǎng)站就不能采用較為刺激的大紅和黃、橙以及象征死亡和神秘的黑色和紫色，這樣會(huì)造成一種緊張和某種程度的恐慌，以及一些不利于健康的聯(lián)想。

（二）網(wǎng)頁色彩風(fēng)格體現(xiàn)網(wǎng)站內(nèi)容

網(wǎng)站內(nèi)容在某種程度上決定了網(wǎng)頁色彩設(shè)計(jì)和搭配的整體風(fēng)格，網(wǎng)頁的色彩語言風(fēng)格也在一定程度上體現(xiàn)了整個(gè)網(wǎng)站的內(nèi)容。在瀏覽網(wǎng)頁的時(shí)候受眾通過對(duì)一個(gè)網(wǎng)頁色彩語言的感知能夠快速捕捉關(guān)于網(wǎng)站內(nèi)容的信息。

（三）關(guān)注流行色的發(fā)展和應(yīng)用

流行色是從大量的人們的喜好中挑選出來的，被很多人喜愛和接受。為了能夠使得網(wǎng)頁設(shè)計(jì)達(dá)到理想的設(shè)計(jì)效果，網(wǎng)頁在設(shè)計(jì) 時(shí)候要多使用一些大家熟知和認(rèn)可的顏色。

四、網(wǎng)頁美工設(shè)計(jì)中色彩搭配應(yīng)用分析

（一）暖色系在網(wǎng)頁美工設(shè)計(jì)中的應(yīng)用。暖色系中的顏色波長(zhǎng)比較長(zhǎng)，具有較強(qiáng)的可見度，色彩感覺直接，是網(wǎng)頁美工設(shè)計(jì)中的常用色彩。在設(shè)計(jì)的過程中暖色系主要包含紅色、黃色和橙色三種。在人們的認(rèn)知中，這三個(gè)顏色象征了熱裂、歡快的心理情感，在一些慶典場(chǎng)面上經(jīng)常會(huì)看到這三個(gè)顏色的使用。比如在春節(jié)的時(shí)候人們會(huì)選擇一些紅色布景和服飾，象征了新一年的蓬勃朝氣和生機(jī)勃勃。

（二）冷色系在網(wǎng)頁美工設(shè)計(jì)中的應(yīng)用。冷色系主要是指青色、藍(lán)色和一些顏色比較臨近的色彩，冷色系顏色的波長(zhǎng)比較短暫，在視覺上會(huì)給人帶來一種比較遠(yuǎn)的感覺。基于冷色系的這個(gè)特點(diǎn)，在網(wǎng)頁設(shè)計(jì)中比較狹小的版面邊緣則是可以使用一些偏冷的顏色，通過使用這些顏色在有限的空間范圍內(nèi)增強(qiáng)空間的深遠(yuǎn)感。比如在中國(guó)公安系統(tǒng)網(wǎng)頁上的標(biāo)題中國(guó)警察的部分就應(yīng)用了藍(lán)色調(diào)，給人一種莊嚴(yán)肅穆的感覺，通過色調(diào)的選擇和使用很好的彰顯了警察這一職責(zé)的威懾力。

（三）同色系在網(wǎng)頁美工設(shè)計(jì)中的應(yīng)用。一些網(wǎng)頁在設(shè)計(jì)的時(shí)候選擇應(yīng)用了同一個(gè)色系的色彩，通過應(yīng)用同色系色彩的變化來進(jìn)行不同層次、虛實(shí)相應(yīng)的網(wǎng)頁色彩搭配，從而使得整個(gè)畫面達(dá)到和諧統(tǒng)一的特點(diǎn)。在網(wǎng)頁設(shè)計(jì)中常用的同色系模式包含紅色和橙色、橙色和黃色、黃色和綠色等。另外，同色系還體現(xiàn)在深淺程度的不同，比如深紅和粉紅、深綠和淺綠等。Virool是美國(guó)舊金山一家視頻廣告公司，主要面向個(gè)人、小公司、大品牌商等客戶網(wǎng)絡(luò)平臺(tái)和游戲平臺(tái)營(yíng)銷視頻廣告，結(jié)合客戶的需求利用分析工具對(duì)視頻進(jìn)行精準(zhǔn)的投放設(shè)計(jì)，從而使得網(wǎng)頁誰家更好的滿足客戶的需求。整個(gè)公司網(wǎng)站在設(shè)計(jì)的時(shí)候使用了灰紫色、灰黑色的莫蘭迪色調(diào)，代表了公司不張揚(yáng)、有個(gè)性又穩(wěn)重的風(fēng)格特點(diǎn)。

（四）對(duì)比色系在網(wǎng)頁美工設(shè)計(jì)中的應(yīng)用。在網(wǎng)頁設(shè)計(jì)中所應(yīng)用的對(duì)比色一般是指補(bǔ)色的對(duì)比，因?yàn)楹鸵话泐伾啾龋a(bǔ)色的色相差別比較大，對(duì)比效果鮮明，因而被人們廣泛的使用到網(wǎng)頁設(shè)計(jì)中。補(bǔ)色在色輪表中處于相反正對(duì)的角度，比如紅色和綠色、黃色和紫色、橙色和藍(lán)色等。網(wǎng)頁設(shè)計(jì)中對(duì)比色一般會(huì)應(yīng)用在廣告宣傳、超鏈接和標(biāo)題誰家中。比如新浪在藍(lán)色網(wǎng)頁邊框內(nèi)部安插了黃色的網(wǎng)頁標(biāo)題，在凸顯出標(biāo)題內(nèi)容的同時(shí)還會(huì)給人帶來一種強(qiáng)烈、熱情的效果。國(guó)外的很多食品網(wǎng)站都是以大面積黃色和紫色對(duì)色作為主要色調(diào)，在黃色中加入了紅色呈現(xiàn)出玫瑰色。

在補(bǔ)色對(duì)比中包含不同明度和純度的對(duì)比，明度對(duì)比是指色彩明暗程度對(duì)比形成的差異，明度對(duì)比在視覺上度色彩層次和空間關(guān)系的影響比較大，比如檸檬黃色明亮度較高，藍(lán)紫色的明亮度比較低。在網(wǎng)頁WWW.UHABBS.COM的設(shè)計(jì)中應(yīng)用了較多的大面積明亮度對(duì)比，整個(gè)整個(gè)版面呈現(xiàn)出灰色、明色和暗色三個(gè)色調(diào)，標(biāo)題是大灰色，標(biāo)題下面的內(nèi)容是明亮的淺灰色，字體是黑色，三個(gè)明亮度的差別會(huì)使得網(wǎng)頁設(shè)計(jì)顯示出比較明顯的層次感，也使得網(wǎng)頁設(shè)計(jì)顯示出鮮明的主次層次區(qū)分。

（五）復(fù)色在網(wǎng)頁設(shè)計(jì)中的應(yīng)用。復(fù)色是由兩種間色或者原色和間色共同組成的顏色，復(fù)色的呈現(xiàn)十分微妙，給人所造成的視覺刺激也比較緩和，但是在復(fù)色的選擇和使用如果不恰當(dāng)會(huì)使得整個(gè)網(wǎng)頁頁面呈現(xiàn)出灰蒙蒙的效果。比如WWW.BENHARPEI.NET是四種復(fù)色共同組成的，在具體表現(xiàn) 時(shí)候色相傾向表現(xiàn)不夠明顯。

（六）黑白色在網(wǎng)頁設(shè)計(jì)中的應(yīng)用

黑白色在色彩的使用中屬于一種極端色彩，多被人們應(yīng)用到復(fù)古網(wǎng)頁的設(shè)計(jì)中，在總體設(shè)計(jì)上會(huì)給人帶來一種高雅的風(fēng)格感受。黑色和白色經(jīng)常被人們應(yīng)用在網(wǎng)頁背景和文字設(shè)計(jì)中，比如白色背景黑色文字、黑色背景白色文字這樣的搭配模式。

結(jié)束語：綜上所述，色彩是用戶能夠直觀感受到的藝術(shù)要素。隨著網(wǎng)絡(luò)信息的開放性和多元化，用戶對(duì)網(wǎng)頁設(shè)計(jì)的色彩應(yīng)用有著更加嚴(yán)苛的要求。如果想在海量的網(wǎng)頁中獲得更多的點(diǎn)擊瀏覽量，讓用戶有眼前一亮的體驗(yàn)，網(wǎng)頁設(shè)計(jì)人員就要設(shè)計(jì)生動(dòng)吸引人的頁面、新穎的版面布局以及舒適美觀的色彩搭配，通過合理的色彩搭配來恰當(dāng)?shù)谋磉_(dá)中網(wǎng)站頁面設(shè)計(jì)的主題、情感和氛圍，使得整個(gè)網(wǎng)頁的設(shè)計(jì)和宣傳達(dá)到理想的效果。

參考文獻(xiàn)：

[1]劉會(huì)菊.淺析網(wǎng)頁美工設(shè)計(jì)中色彩搭配[J].城市建設(shè)理論研究：電子版， 2011（16）.

[2]楊巍.網(wǎng)頁美工設(shè)計(jì)中色彩搭配分析[J].經(jīng)濟(jì)技術(shù)協(xié)作信息，2019（23）：120-120.

[3]李佩珊.網(wǎng)頁美工設(shè)計(jì)中色彩搭配的研究[J].大科技，2014，000（025）：324-325.

[4]張童，譚春波.淺析網(wǎng)頁美工設(shè)計(jì)中色彩[J].當(dāng)代青年：下半月，2015，000（010）：P.69-69.

[5]方兵，肖鵬飛.淺析網(wǎng)頁美工設(shè)計(jì)中色彩[J].電腦迷，2017，000（009）：122.

[6]尹貝貝.淺談網(wǎng)頁設(shè)計(jì)中的色彩搭配[J].電腦迷，2017，000（021）：149.