網(wǎng)頁(yè)設(shè)計(jì)中的色彩設(shè)計(jì) 色彩設(shè)計(jì)說(shuō)明怎么寫
發(fā)布時(shí)間:2020-03-18 來(lái)源: 日記大全 點(diǎn)擊:
從心理的角度來(lái)講,設(shè)計(jì)元素給人一定的先后印象,它們的次序分別是:色彩―圖象―文字。色彩起著必不可少的作用,把握好色彩,才能把握好網(wǎng)頁(yè)的整體設(shè)計(jì)。 一、網(wǎng)頁(yè)設(shè)計(jì)中的色彩模式
網(wǎng)頁(yè)設(shè)計(jì)的頁(yè)面最終顯示在計(jì)算機(jī)顯示器上,而非傳統(tǒng)的紙張上,因此,它的色彩運(yùn)用有特殊的要求。
網(wǎng)頁(yè)設(shè)計(jì)中用色以RGB色彩模型為基礎(chǔ),而RGB模型則依賴混合不同的R(紅)、G(綠)、B(藍(lán))值來(lái)建立色譜中的大多數(shù)顏色,RGB模式主要用于計(jì)算機(jī)上所顯示的圖象。以紅,綠,藍(lán)為計(jì)算機(jī)上所顯示圖象的三原色,其它的色彩都可以用這三種色彩調(diào)和而成。
二、網(wǎng)頁(yè)設(shè)計(jì)的色彩藝術(shù)設(shè)計(jì)
。ㄒ唬┚C合色相、明度、純度進(jìn)行的網(wǎng)頁(yè)色彩設(shè)計(jì)
網(wǎng)頁(yè)的色彩藝術(shù)設(shè)計(jì)是以色彩的屬性進(jìn)行配色的依據(jù),而色彩的屬性包括色相―色彩不同的相貌、明度―色彩的明暗程度、純度―色彩的鮮濁程度。
1、根據(jù)色相的特征考慮網(wǎng)頁(yè)的色彩
充分運(yùn)用色彩的特性,可以使我們的網(wǎng)頁(yè)設(shè)計(jì)具有深刻的藝術(shù)內(nèi)涵,從而提升網(wǎng)頁(yè)的文化品位。下面分析不同色彩的特性:
。1)黑色使人感覺沉靜、莊重、含蓄。無(wú)論什么色彩與它相配,都能取得賞心悅目的良好效果,在網(wǎng)頁(yè)設(shè)計(jì)中,把黑色與其他流行色彩組合應(yīng)用,頗有時(shí)尚、個(gè)性的氣派。但是,黑色大面積使用會(huì)產(chǎn)生壓抑、陰沉的恐怖感。
(2)白色給人的印象是潔凈、光明、恬靜等。在它的襯托下,其他色彩會(huì)顯得更鮮艷、更明朗。
。3)灰色突出的性格是柔和、平穩(wěn),它不會(huì)明顯影響其它色彩,因此,在網(wǎng)頁(yè)設(shè)計(jì)中,作為背景色非常理想。任何色彩都可與灰色相混合,給人以高雅、細(xì)膩、含蓄、而有素養(yǎng)的高檔感覺。
。4)紅色一般用作迎貴賓的場(chǎng)合,含白的高明度粉紅色,則有柔美、甜蜜、幸福的感覺,不妨考慮用它作為女性網(wǎng)站的色彩。
。5)橙色感覺活潑、華美、甜密、幸福等,但也有疑惑、嫉爐等消極的傾向。含白的淺橙色與橙色本身都是食品包裝中常用的甜美色彩,用在食品的網(wǎng)頁(yè)設(shè)計(jì)上是不錯(cuò)的選擇。
。6)黃色是所有色相中明度最高的色彩,具有輕快、活潑、健康等印象。但黃色過(guò)于明亮而顯得刺眼,并且與他色相混和即容易失去原來(lái)的色相,所以也有輕薄、不穩(wěn)定等含義。
(7)綠色象征生命、青春、和平等,人眼最適應(yīng)綠色。黃綠帶給人們春天的氣息。藍(lán)綠、深綠有著深遠(yuǎn)、睿智等含義;揖G給人以成熟、深沉的感覺。
。8)藍(lán)色表示沉靜、理智等含義。淺藍(lán)色系明朗而富有青春朝氣,被年輕人所喜愛,但也有不夠成熟的感覺。深藍(lán)色系沉著、穩(wěn)定,為中老年人普遍喜愛的色彩。藍(lán)色也有另一面的性格,如刻板、冷漠、悲哀、恐懼等。藍(lán)色受到世界各國(guó)、各族人民的歡迎。
。9)紫色具備神秘、高貴、優(yōu)美、莊重、奢華的氣質(zhì),但也有孤寂、消極的感覺。尤其是暗紫容易給人以腐朽、死亡的印象。但藍(lán)紫色,卻有著類似太空、宇宙色彩的幽雅、神秘的時(shí)代感,在現(xiàn)代生活里被廣泛采用。
。10)光澤色指除了金、銀等貴金屬色以外,所有色彩帶上光澤后的色彩。金色富麗堂皇,象征榮華富貴;銀色雅致高貴,象征純潔、信仰,比金色溫和。在網(wǎng)頁(yè)設(shè)計(jì)中,小面積點(diǎn)綴,具有提神作用,大面積使用則會(huì)產(chǎn)生過(guò)于眩目的影響,顯得浮華而失去穩(wěn)重感。
2、網(wǎng)頁(yè)色彩設(shè)計(jì)除了考慮以上所講色相的各種特征,還要結(jié)合色彩的明度、純度綜合考慮
可以歸納為這幾方面:
。1)用對(duì)比色調(diào)來(lái)表現(xiàn)網(wǎng)頁(yè)的色彩設(shè)計(jì),包括色相對(duì)比、明度對(duì)比、純度對(duì)比
色相的對(duì)比是指不同色彩之間的對(duì)比,從24色環(huán)上按度數(shù)可分為同類色(15°)、類似色(60°)、鄰近色(90°)、對(duì)比色(120°)和互補(bǔ)色(180°),它們分別使網(wǎng)頁(yè)呈現(xiàn)以下的特點(diǎn):同類色對(duì)比:和諧、統(tǒng)一。紅色、橙色、黃色、赭色等暖色調(diào)可使網(wǎng)頁(yè)呈現(xiàn)溫馨、和煦、熱情的氛圍。藍(lán)色、藍(lán)紫色等冷色調(diào)可使網(wǎng)頁(yè)呈現(xiàn)寧?kù)o、清涼、高雅的氛圍。鄰近色對(duì)比:豐滿、活潑,既保持了統(tǒng)一的優(yōu)點(diǎn),又克服了視覺不滿足的缺點(diǎn)。類似色相對(duì)比:仍然統(tǒng)―、和諧,與同類色相比效果要豐富得多。對(duì)比色相對(duì)比:效果強(qiáng)烈、興奮;互補(bǔ)色(紅色-綠色、藍(lán)色-橙色、黃色-紫色)對(duì)比:飽滿、活躍、刺激的特點(diǎn)。
明度對(duì)比,就是將不同明度的兩色或多色并列在一起,明的更明、暗的更暗的現(xiàn)象。高明度具有優(yōu)雅、明亮的感覺;中明度具有柔和穩(wěn)定的感覺;低明度具有沉靜厚重的感覺。
純度對(duì)比是將不同純度的兩色并列在一起,因純度差而形成鮮的更鮮、濁的更濁的色彩對(duì)比現(xiàn)象。高純度色彩具有明朗、積極的感覺;中純度色彩具有含蓄、穩(wěn)定的感覺;低純度色彩具有:樸素、平淡的感覺。
利用高中低明度、純度的特點(diǎn)組進(jìn)行網(wǎng)頁(yè)中的色彩搭配,能體現(xiàn)不同的風(fēng)格。
(2)色彩的大小和形狀對(duì)比
色彩的大小會(huì)令色彩的對(duì)比有一種生動(dòng)效果,比如網(wǎng)站設(shè)計(jì)中,嘗試在一大片綠色中加入幾小點(diǎn)紅色小花,你會(huì)注意到紅色的小花在綠色的襯托底下很搶眼,這就是色彩的大小對(duì)對(duì)比效果的影響,在大面積的色彩陪襯下,小面積的純色會(huì)突出特別的效果。但是如果用較淡的色彩,則會(huì)讓你感覺不到這種色彩的存在。譬如在米黃色中加入淡灰色,你根本就不會(huì)注意到淡灰色。
(3)網(wǎng)頁(yè)底色與文字、圖片色彩的對(duì)比
假如網(wǎng)頁(yè)中底色是低調(diào),網(wǎng)頁(yè)上的文字、圖片顏色就要淺,以深色的背景襯托淺色的內(nèi)容;反之,底色是高調(diào),文字、圖片顏色就要深些,以淺色的背景襯托深色的內(nèi)容。如果色彩的明度很接近,讀者在閱覽時(shí),眼睛就會(huì)感覺很吃力,影響了閱讀效果。當(dāng)然,色彩的明度也不能變化太大,否則屏幕上的亮度反差太強(qiáng),同樣也不適宜長(zhǎng)期閱讀。
。ǘ┚W(wǎng)頁(yè)色彩搭配要遵循的原理
1、色彩的鮮明性
網(wǎng)頁(yè)的色彩設(shè)計(jì)要生動(dòng),容易引人注目。
2、色彩的獨(dú)特性
要有與眾不同的色彩設(shè)計(jì),使得大家對(duì)該網(wǎng)頁(yè)的印象強(qiáng)烈。
3、色彩的合適性
了解你的網(wǎng)站所要傳達(dá)的訊息和品牌。選擇可以加強(qiáng)這些訊息的顏色。
4、色彩的聯(lián)想性
不同色彩會(huì)產(chǎn)生不同的聯(lián)想,藍(lán)色想到天空,黑色想到黑夜,紅色想到喜事等,選擇色彩要和你網(wǎng)頁(yè)的內(nèi)涵相關(guān)聯(lián)。
(三)網(wǎng)頁(yè)色彩搭配要注意的其它因素
1、了解你的讀者群
不同地區(qū)、年齡層以及不同的文化背景對(duì)顏色的反應(yīng)亦會(huì)有所不同。如年輕族群一般比較喜歡飽和色,但這樣的顏色卻引不起高年齡層的興趣。
2、選擇顏色要注意時(shí)效性
同一個(gè)色彩很容易就充斥著整個(gè)市場(chǎng),且消費(fèi)者很快的就對(duì)流行色彩感到麻木。但就另外一個(gè)角度來(lái)看,你可以使用幾十年前的流行色彩,引起人們的懷舊之情。
3、選擇色盤時(shí)請(qǐng)考慮功能性的顏色
別忘了將關(guān)鍵信息部分建立功能性的顏色,例如標(biāo)題和超級(jí)鏈接等。
4、注意網(wǎng)站色差問(wèn)題
每一個(gè)網(wǎng)站開發(fā)人員都知道,即使是網(wǎng)絡(luò)通用顏色在跨平臺(tái)顯示的時(shí)候都會(huì)有些不同。記得要校正你的 gamma 值,并在不同的作業(yè)平臺(tái)上測(cè)試你的色盤。
了解綜上所述的色彩的原理有助于我們進(jìn)行網(wǎng)頁(yè)色彩設(shè)計(jì)。設(shè)計(jì)師應(yīng)該在掌握這些基本理論的基礎(chǔ)上,發(fā)揮自己的個(gè)性與創(chuàng)意,從多方面進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)中色彩的創(chuàng)作與探討。
參考文獻(xiàn)
[1]施瑩、呂樹紅:《網(wǎng)頁(yè)設(shè)計(jì)與制作》,清華大學(xué)出版社,2009-05-01
[2]吉姆•克勞斯(美):《色彩設(shè)計(jì)指南》,上海人民美術(shù)出版社,2008-01-01
[3]王令中:《視覺藝術(shù)心理》,人民美術(shù)出版社,2005-08-01
相關(guān)熱詞搜索:網(wǎng)頁(yè)設(shè)計(jì) 色彩 設(shè)計(jì) 網(wǎng)頁(yè)設(shè)計(jì)中的色彩設(shè)計(jì) 網(wǎng)頁(yè)色彩搭配 網(wǎng)頁(yè)設(shè)計(jì)顏色搭配
熱點(diǎn)文章閱讀