網(wǎng)頁設(shè)計(jì)與色彩分析范文

本站小編為你精心準(zhǔn)備了網(wǎng)頁設(shè)計(jì)與色彩分析參考范文，愿這些范文能點(diǎn)燃您思維的火花，激發(fā)您的寫作靈感。歡迎深入閱讀并收藏。

摘要:

色彩在網(wǎng)頁設(shè)計(jì)中扮演著舉足輕重的角色，在影響網(wǎng)頁功能的同時(shí)，調(diào)動(dòng)著觀者的情緒。文章闡述了網(wǎng)頁色彩成像的規(guī)律和方式，著重分析了色彩在網(wǎng)頁的可用性、認(rèn)知與美感和情感中的巨大影響，并介紹了網(wǎng)頁色彩的可用性、偏好和情感表達(dá)的評(píng)估方法。

關(guān)鍵詞:

網(wǎng)頁設(shè)計(jì)；色彩；界面

一、網(wǎng)頁中的色彩

在現(xiàn)實(shí)世界中，我們看到的色彩由三種色光組成，他們本身不能再拆分出其他的色彩成分，所以被稱為三原色。光學(xué)的三原色由紅、綠、藍(lán)組成，這三種光混合則會(huì)形成白色光。電腦的屏幕成像同樣符合這一原理，由三原色光構(gòu)成色彩。在網(wǎng)頁html語言中，我們使用RGB色彩模式，通過調(diào)節(jié)三原色的數(shù)值表達(dá)確定的色彩。例如，紅色的RGB數(shù)值為（225，0，0）十六進(jìn)制的表示方法為（#FF0000），白色則為（#FFFFFF）。目前，一般電腦都能顯示32位色彩，所以在網(wǎng)頁界面中約存在著100萬種以上的色彩。網(wǎng)頁設(shè)計(jì)的發(fā)展大約經(jīng)歷了三個(gè)階段：第一個(gè)階段為靜態(tài)網(wǎng)頁，界面由字符組成，只能保存單純的文本；第二個(gè)階段，網(wǎng)頁開始圖文并茂，走上了技術(shù)與藝術(shù)結(jié)合的道路，網(wǎng)頁的美感逐漸為人重視；第三個(gè)階段是動(dòng)態(tài)交互網(wǎng)頁，網(wǎng)頁承載著更大的信息量和更豐富的交互方式，網(wǎng)頁設(shè)計(jì)成為了一門交叉的學(xué)科。色彩對于網(wǎng)站設(shè)計(jì)的作用是巨大的，它不僅在美學(xué)上奠定了網(wǎng)站的風(fēng)格基礎(chǔ)，同時(shí)對于網(wǎng)站的信息傳達(dá)效率和功能實(shí)現(xiàn)也有著很大的影響。網(wǎng)頁還可以通過色彩引起用戶不同的情緒與感受，從而創(chuàng)造出與眾不同的瀏覽體驗(yàn)。

二、色彩對網(wǎng)頁設(shè)計(jì)的影響

（一）色彩與網(wǎng)頁可用性網(wǎng)站的重中之重就是其功能性。網(wǎng)頁需要有效地傳遞信息，幫助用戶在互聯(lián)網(wǎng)“地圖”中來回自由穿梭，能夠去往想去的地方，不至于迷路，最終攫取到自身所需的內(nèi)容。網(wǎng)頁在多大程度上能實(shí)現(xiàn)其目標(biāo)功能被稱為網(wǎng)頁的可用性，而色彩是其中重要的影響因素之一。在導(dǎo)航設(shè)計(jì)中，文字與背景色彩的選擇決定用戶是否能快速地察覺鏈接并正確地點(diǎn)擊。導(dǎo)航中色彩組合會(huì)影響點(diǎn)擊精度和速度，如果一個(gè)目標(biāo)對象相對顯眼，相應(yīng)的搜索時(shí)間可以提升83%。選用不當(dāng)?shù)膱D底對比色彩組合，會(huì)使文字模糊不清，難以在第一時(shí)間察覺和辨別（圖1），不僅影響搜索效率，更是不美觀。在顏色的選擇時(shí)，應(yīng)該仔細(xì)思考選擇目的和期望的效果，再添加適合的顏色。在網(wǎng)站的布局方面，色彩起著分組和層級(jí)的作用，是用于創(chuàng)造界面布局的最有影響力的元素。通過色彩的選擇，我們可以將界面的某些元素突出或隱藏起來。色彩不僅將元素分割開來，比如導(dǎo)航菜單內(nèi)容文字、標(biāo)題、圖片、符號(hào)和廣告燈等內(nèi)容，也可以使界面元素互相協(xié)調(diào)，達(dá)到設(shè)計(jì)的一致性。錯(cuò)誤的顏色選擇則會(huì)導(dǎo)致混亂，使界面上出現(xiàn)“壞斑”，破壞整體效果。針對色弱和色盲的特殊用戶，我們需要借助特殊的色彩模型，在網(wǎng)頁特別是文字圖底對比中使用特殊的色彩組合，使得網(wǎng)頁在不影響視力正常的用戶使用的同時(shí)，幫助低視用戶突破視力缺陷的障礙。

（二）色彩、認(rèn)知與美感有數(shù)據(jù)表明，用戶會(huì)在打開網(wǎng)頁的最初5秒鐘內(nèi)形成對網(wǎng)頁的初步印象，并且決定是否繼續(xù)瀏覽該網(wǎng)頁。所以，從認(rèn)知形成的角度來說，色彩很大程度上決定著一個(gè)網(wǎng)頁的生死。色彩還有一種使人增強(qiáng)記憶的作用。巧妙而獨(dú)特的網(wǎng)頁色彩搭配可以瀏覽者留下深刻的印象，從而從海量的網(wǎng)站中脫穎而出。“沒有丑陋的顏色，只有丑陋的搭配。”色彩的組合是影響頁面美感的重要因素。有研究表明，雖然每個(gè)人對于色彩的偏好是不同的，但是其中存在著一定的規(guī)律。對于特定人群，需要開發(fā)迎合其審美的色彩組合。在選用色彩時(shí)，可以遵守視覺設(shè)計(jì)普遍規(guī)律：對比與平衡。在表達(dá)強(qiáng)烈的主題時(shí)（例如賽車網(wǎng)站），可選擇對比度大的色彩，用其落差形成強(qiáng)烈的視覺刺激；在表達(dá)溫和的主題時(shí)（例如女性網(wǎng)站），可選擇相近的色彩，通過弱化對比迎合主題。形成色彩美感的一般規(guī)律為：色彩組合在明度、純度和彩度三個(gè)參數(shù)中平衡，其中至少有一個(gè)參數(shù)保持接近狀態(tài)，否則就容易出現(xiàn)混亂的情況。

（三）色彩與情感心理學(xué)家認(rèn)為，情感是指個(gè)體對客觀事物是否符合自身需要的態(tài)度體驗(yàn)。人在接觸網(wǎng)頁色彩后，會(huì)通過直覺形成一種“感覺”，繼續(xù)深入探索和思考后，就會(huì)引起悲、喜、優(yōu)等心理反應(yīng)，形成更高層次的“感情”。在不同的用戶群體中，美感偏好具有高度的主觀性和差異性。根據(jù)Norman的人腦識(shí)別處理的三個(gè)層次理論，人腦對美感呈現(xiàn)中的色彩搭配的處理處于“本能層次（VeisceralLevel）”，即在大腦處理前就會(huì)對對象進(jìn)行生理反饋。但是這一點(diǎn)在之前的研究中體現(xiàn)的不多，應(yīng)為美感偏好不僅受本能影響，還會(huì)受思考（reflective）的影響。當(dāng)被測者被要求“主觀的判斷”時(shí)，人受到文化、教育和經(jīng)驗(yàn)影響的價(jià)值觀會(huì)影響人的決策。在網(wǎng)頁設(shè)計(jì)中，選擇的色彩組合會(huì)形成不同的主題，使用戶產(chǎn)生聯(lián)想，誘發(fā)各種情感，使心理發(fā)生變化。需要注意的事，好的色彩組合必然是切合網(wǎng)頁內(nèi)容和情境的，不同的色彩適用領(lǐng)域也不盡相同，需要慎重的選擇。例如，紫色和藍(lán)色等冷色系會(huì)在心理上引起人們的食欲不振，因此日常生活中很少有此類顏色的碗碟。所以在設(shè)計(jì)食物類網(wǎng)站時(shí)，應(yīng)該避免這些色彩，盡量選用刺激食欲的橘色、黃色、綠色等；在設(shè)計(jì)嬰童產(chǎn)品的網(wǎng)站時(shí)，選用柔和的淡色系能喚起憐愛、柔情，非常切合主題，但是將這種組合放到商務(wù)類網(wǎng)站中就大不合適了。選擇正確的色彩主題方能準(zhǔn)確地傳達(dá)信息，引發(fā)不同種類的情緒，從而達(dá)成網(wǎng)站的期望目標(biāo)。

三、網(wǎng)頁色彩的評(píng)估方式

對于網(wǎng)頁色彩功能側(cè)重點(diǎn)的不同，網(wǎng)頁設(shè)計(jì)的色彩評(píng)估方式也會(huì)變化。以下為評(píng)估網(wǎng)頁色彩對網(wǎng)頁可用性、網(wǎng)頁色彩偏好和網(wǎng)頁色彩情感表達(dá)時(shí)常用的評(píng)估方法。網(wǎng)頁色彩可用性評(píng)估：1.通常在選定評(píng)估對象，如導(dǎo)航欄、文字段落、按鈕等后，以色彩為變量設(shè)置對比試驗(yàn)組并完成相應(yīng)任務(wù)（圖2），通過測算完成時(shí)間、正確率等參數(shù)評(píng)估網(wǎng)頁可用性；2.在評(píng)估網(wǎng)頁信息傳達(dá)效率，可以通過使用眼動(dòng)儀設(shè)備追蹤用戶瞳孔，記錄注意力軌跡和視線集中點(diǎn)，評(píng)估重要信息是否容易被用戶接受。色彩偏好評(píng)估：通常以分發(fā)調(diào)查問卷，獲取被測者對網(wǎng)頁色彩方案的評(píng)分為評(píng)估手段。在分析數(shù)據(jù)時(shí)，除了分析數(shù)據(jù)平均值外，必要時(shí)還需要分析數(shù)據(jù)方差，找出獲得最高一致性評(píng)價(jià)和平均分的方案。色彩方案的方差得分可以作為平均分的補(bǔ)充，驗(yàn)證該方案是否能達(dá)成較一致的偏好感受。色彩情感表達(dá)評(píng)估：可借鑒感性工學(xué)方法，引入SD語義法。使用色彩模型，例如RGB、CMYK、PANTON、NCS等色彩體系，提取色彩屬性，分發(fā)5或7點(diǎn)量表問卷，將情感標(biāo)簽量化為色彩的屬性值，建立色彩與情感主題的科學(xué)關(guān)系。這一評(píng)估方法可以一定程度上地將感性的色彩進(jìn)行量化，通過確定的數(shù)值找到最切合主題的色彩方案。

四、結(jié)語

歐洲與日本對色彩的研究非常深入，并取得了相當(dāng)?shù)某删汀Ｔ?851年，歐洲最早進(jìn)行城市色彩規(guī)劃，并與1963年成立了流行色協(xié)會(huì)。而國內(nèi)的色彩消費(fèi)和應(yīng)用市場日益壯大，但是，國內(nèi)的色彩研究卻還未跟上，需要通過大量實(shí)踐和研究，找出符合國人審美和獨(dú)具東方韻味的網(wǎng)頁色彩搭配。色彩擁有無限的可能性。人們在瀏覽網(wǎng)站時(shí)，第一感受就是其色彩帶來的整體印象，其次才是探索網(wǎng)站的內(nèi)容。色彩影響著網(wǎng)站的可用性，更是調(diào)動(dòng)著用戶的情緒和感受。同樣的網(wǎng)站運(yùn)用不同的色彩方案，就會(huì)渲染出不一樣的氛圍和意義，這就是色彩的魅力所在。在選擇網(wǎng)頁中的色彩時(shí)，設(shè)計(jì)師不能夠憑著自身喜好設(shè)計(jì)，而是應(yīng)該有一個(gè)嚴(yán)謹(jǐn)、科學(xué)的選擇方式。設(shè)計(jì)師需要在充分了解網(wǎng)頁側(cè)重功能與目標(biāo)人群后，考慮色彩對網(wǎng)頁的各方面影響，若有條件可以通過實(shí)驗(yàn)設(shè)置驗(yàn)證色彩搭配的準(zhǔn)確性。

作者：謝雪瑩 單位：上海交通大學(xué)媒體與設(shè)計(jì)學(xué)院