學生 : 陳志先 班級 : 碩專班一年級 學號 :10022019g 指導教授 : 吳有龍老師

30

Upload: amaya-diaz

Post on 02-Jan-2016

245 views

Category:

Documents


0 download

DESCRIPTION

人因與資管報告 - 網頁色彩學 - 以配色及色相來分析網站的設計. 學生 : 陳志先 班級 : 碩專班一年級 學號 :10022019G 指導教授 : 吳有龍老師. ※ 在實用美術中,常有”遠看色彩近看花, 先看顏色後看花,七分顏色三分花”的說 法。 ※ 這也就說明,在任何設計中,色彩對視覺 的刺激起到第一信息傳達的作用。因此, 對色彩的基礎知識的良好掌控,在網頁設 計中才能做到游刃有余。. ※ 常用配色的基本概念 :. 色環 : - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: 學生 : 陳志先 班級 : 碩專班一年級 學號 :10022019G 指導教授 : 吳有龍老師
Page 2: 學生 : 陳志先 班級 : 碩專班一年級 學號 :10022019G 指導教授 : 吳有龍老師

※在實用美術中,常有”遠看色彩近看花, 先看顏色後看花,七分顏色三分花”的說 法。

※這也就說明,在任何設計中,色彩對視覺 的刺激起到第一信息傳達的作用。因此, 對色彩的基礎知識的良好掌控,在網頁設 計中才能做到游刃有余。

Page 3: 學生 : 陳志先 班級 : 碩專班一年級 學號 :10022019G 指導教授 : 吳有龍老師

色環:

是色彩按紅、黃、綠、藍、紅依次過度漸變呈現出來的不同顏色,就可以得到一個色彩環。色環通常包括 12種不同的顏色。

色環

※常用配色的基本概念:

Page 4: 學生 : 陳志先 班級 : 碩專班一年級 學號 :10022019G 指導教授 : 吳有龍老師

三原色

原色:也叫 "三原色 "。即紅、黃、藍三種基本顏色。自然界中的色彩種類繁多,變化豐富,但這三種顏色卻是最基本的原色,原色是其他顏色調配不出來的。除白色外,把三原色相互混合,可以調和出其他種顏色。根據三原色的特性做出相應的色彩搭配,有最迅速最有力最強烈的傳達視覺信息效果。

Page 5: 學生 : 陳志先 班級 : 碩專班一年級 學號 :10022019G 指導教授 : 吳有龍老師

色彩的三屬性:色相

色相:色彩的名稱;如紅色、黃色、藍色會因波長不同的光線,而產生出不一樣的顏色。

Page 6: 學生 : 陳志先 班級 : 碩專班一年級 學號 :10022019G 指導教授 : 吳有龍老師

色相的關係色相的關係

Page 7: 學生 : 陳志先 班級 : 碩專班一年級 學號 :10022019G 指導教授 : 吳有龍老師

黃色是陽光的色彩,具有活潑與輕快的特點,給人十分年輕的感覺。象徵光明、希望、高貴、愉快。它的亮度最高,和其他顏色配合很活潑,有溫曖感,具有快樂、希望、聰明和輕快的個性,有希望與功名等象徵意義。黃色也代表著土地、象徵著權力,並且還具有神秘的宗教色彩。  黃色的性格冷漠、高傲、敏感、具有擴張和不安寧的視覺印象。  淺黃色系明朗、愉快、希望、發展,它的雅致,清爽屬性,較適合用於女性及化妝品類網站。  中黃色有崇高,尊貴,輝煌、注重、擴張的心理感受。  深黃色給人高貴、暖和、內斂、穩重的心理感受。 黃色在三原色中也是亮度最高的顏色,頁面色彩強烈艷麗,給人視覺產生強烈刺激的狀態,對視覺刺激是迅速的、警戒、醒目的效果,但不易於長時間觀看。

黃色

Page 8: 學生 : 陳志先 班級 : 碩專班一年級 學號 :10022019G 指導教授 : 吳有龍老師

黃色

Page 9: 學生 : 陳志先 班級 : 碩專班一年級 學號 :10022019G 指導教授 : 吳有龍老師

紅色 紅色的色感暖和,性格剛烈而外向,是一種對人刺激性很強的顏色。紅色輕易引起人的注重,也輕易使人興奮、激動、緊張、衝動、還是一種輕易造成人視覺疲憊的顏色。是最鮮明生動的、最熱烈的顏色。因此紅色也是代表熱情的情感之色。  紅色在不同的明度、純度的狀態(粉紅、鮮紅、深紅)裡,給人表達的情感是不一樣的。  在網頁顏色的應用純粹使用紅色為主色調的網站相對較少,多用於輔助色、點睛色,達到陪襯、醒目的效果。通常都配以其他顏色調和。 紅色視覺傳遞速度最快。由於以上的這些紅色傳達出的特性,因此人們喜歡用紅色作為警示符號的顏色,例如:消防、驚嘆號、錯誤提示等等。

Page 10: 學生 : 陳志先 班級 : 碩專班一年級 學號 :10022019G 指導教授 : 吳有龍老師

紅色

Page 11: 學生 : 陳志先 班級 : 碩專班一年級 學號 :10022019G 指導教授 : 吳有龍老師

粉紅色

粉紅色主要是紅色系中的明度的高亮度的變化。是紅色系裡的冷色系。以粉紅色為主色調的頁面,女性主題內容特徵傾向明顯。 例如:化妝品、服裝等,鮮嫩而佈滿誘惑,傳達著柔情、嬌媚、溫柔、甜蜜、純真、誘惑的心理感受。

Page 12: 學生 : 陳志先 班級 : 碩專班一年級 學號 :10022019G 指導教授 : 吳有龍老師

粉紅色

Page 13: 學生 : 陳志先 班級 : 碩專班一年級 學號 :10022019G 指導教授 : 吳有龍老師

藍色 藍色是色彩中比較沉靜的顏色。象徵著永恒與深邃、高遠與博大、壯闊與浩渺,是令人心境暢快的顏色。藍色的樸實、穩重、內向性格,襯托那些性格活躍、具有較強擴張力的色彩,運用對比手法,同時也活躍頁面。另一方面又有消極、冷淡、保守等意味。藍色與紅、黃等色運用得當,能構成和諧的對比調和關系。  藍色是冷色調最典型的代表色,是網站設計中運用得最多的顏色,也是許多人鐘愛的顏色。  藍色表達著深遠、永恒、沉靜、無限、理智、老實、嚴寒的多種感覺。藍色會給人很強烈的安穩感,同時藍色還能夠表現出和平、淡雅、潔凈、可靠等。

Page 14: 學生 : 陳志先 班級 : 碩專班一年級 學號 :10022019G 指導教授 : 吳有龍老師

藍色

Page 15: 學生 : 陳志先 班級 : 碩專班一年級 學號 :10022019G 指導教授 : 吳有龍老師

綠色

綠色在黃色和藍色(冷暖)之間,屬於較中庸的顏色,綠色的性格最為平和、安穩、大度、寬容。是一種柔順、恬靜、滿足、優美、受歡迎之色。也是網頁中使用最為廣泛的顏色之一。  綠色與人類息息相關,是永恒的欣欣向榮是的自然之色,代表了生命與希望,也充滿了青春活力,綠色象徵著和平與安全、發展與生機、舒適與安寧、松弛與休息,有緩解眼部疲勞的作用。  它本身具有一定的與自然、健康相關的感覺,所以也經常用於與自然、健康相關的站點。綠色還經常用於一些公司的公關站點或教育站點。  

Page 16: 學生 : 陳志先 班級 : 碩專班一年級 學號 :10022019G 指導教授 : 吳有龍老師

綠色

Page 17: 學生 : 陳志先 班級 : 碩專班一年級 學號 :10022019G 指導教授 : 吳有龍老師

紫色 紫色是一種在自然界中比較少見的顏色。象徵著女性化,代表著高貴和奢華、優雅與魅力,也象徵著神秘與莊重、神聖和浪漫。另一方面又有孤獨等意味。紫色在西方宗教世界中是一種代表尊貴的顏色,大主教身穿的教袍便采用了紫色。  紫色的明度在有彩色的色度中是最低的。給人一種沈悶、神秘的感覺。在紫色中紅的成份較多時,顯得華麗和諧。紫色中加入少量的黑,沈重、傷感、恐怖、莊嚴的感覺。紫色中加入白,變得優雅、嬌氣,並充滿女性的魅力。  紫色通常用於以女性為對象或以藝術作品介紹為主的站點,但都很少做大面積使用。

Page 18: 學生 : 陳志先 班級 : 碩專班一年級 學號 :10022019G 指導教授 : 吳有龍老師

紫色

Page 19: 學生 : 陳志先 班級 : 碩專班一年級 學號 :10022019G 指導教授 : 吳有龍老師

橙色 橙色具有輕快、歡欣、收獲、溫馨、時尚的效果,是快樂、喜悅、能量的色彩。橙色具有興奮度,是最耀眼的色彩。給人以華貴而溫暖,興奮而熱烈的感覺,也是令人振奮的顏色。具有健康、富有活力、勇敢自由等象徵意義,能給人有莊嚴、尊貴、神秘等感覺。橙色在空氣中的穿透力僅次於紅色,也是容易造成視覺疲勞的顏色。  在網頁顏色裏,橙色適用於視覺要求較高的時尚網站,屬於註目、芳香的顏色,也常被用於味覺較高的食品網站,是容易引起食欲的顏色。

Page 20: 學生 : 陳志先 班級 : 碩專班一年級 學號 :10022019G 指導教授 : 吳有龍老師

橙色

Page 21: 學生 : 陳志先 班級 : 碩專班一年級 學號 :10022019G 指導教授 : 吳有龍老師

灰色 灰色介於灰色和白色之間,中性色、中等明度、無色彩、極低色彩的顏色。灰色能夠吸收其他色彩的活力,削弱色彩的對立面,而制造出融合的作用。  灰色是一種中立色,具有中庸、平凡、溫和、謙讓、中立和高雅的心理感受,也被稱為高級灰,是經久不衰、最經看的顏色。  任何色彩加入灰色都能顯得含蓄而柔和。但是灰色在給人高品味、含蓄、精致、雅致耐人尋味的同時,也容易給人頹廢、蒼涼、消極、沮喪、沈悶的感受,如果搭配不好頁面容易顯得灰暗。  從色彩學上來說,灰色調又泛指所有含灰色度的復合色,而復合色又是三種以上顏色的調和色。色彩可以有紅灰、黃灰、藍灰等上萬種彩色灰,這都是灰色調,而並不單指純正的灰色。

Page 22: 學生 : 陳志先 班級 : 碩專班一年級 學號 :10022019G 指導教授 : 吳有龍老師

灰色

Page 23: 學生 : 陳志先 班級 : 碩專班一年級 學號 :10022019G 指導教授 : 吳有龍老師

黑色

黑色是暗色,是純度、色相、明度最低的非彩色。象徵著力量,有時感覺沈默、虛空,有時感覺莊嚴肅穆,有時又意味著不吉祥和罪惡。自古以來,世界各族都公認黑色代表死亡、悲哀黑色具有能吸收光線的特性,別有一種變幻無常的感覺。  黑色能和許多色彩構成良好的對比調和關系,運用範圍很廣。  黑色給人深沈、神秘、寂靜、悲哀、壓抑的感受。  黑色是最有力的搭配色。  黑色也常用來表示英俊的男人。

Page 24: 學生 : 陳志先 班級 : 碩專班一年級 學號 :10022019G 指導教授 : 吳有龍老師

黑色

Page 25: 學生 : 陳志先 班級 : 碩專班一年級 學號 :10022019G 指導教授 : 吳有龍老師

白色 白色物理亮度最高,但是给人的感覺卻偏冷。白色是最常用的網頁背景色,在白色的衬托下,大多数色彩都能取得良好的表現效果。白色给人的感覺是洁白、明快、纯粹、客觀、真理、正義、光明。

白色是大多數瀏覽器和設計工具的默認背景,這是導致白色背景泛濫的主要原因。 總之,带有色相属性的較亮色是白色的最佳替代色彩。越簡單表達越清晰,因此這樣的頁面是最具風格化的。

Page 26: 學生 : 陳志先 班級 : 碩專班一年級 學號 :10022019G 指導教授 : 吳有龍老師

白色

Page 27: 學生 : 陳志先 班級 : 碩專班一年級 學號 :10022019G 指導教授 : 吳有龍老師

青色 青色是綠色和藍色加色混合而成的間色。由於綠色和藍色識別範圍寬泛,因此青色相的範圍顯得比較狹窄。青色是中性偏冷的色彩,色彩感情消極的一面稍多,使用不好容易使瀏覽者心情沮喪。 青色特徵如下: 1 、高飽和度、高亮度的青色給人以刺眼、酸澀、 嫉妒的感覺。 2 、低飽和度、高亮度的青色給人以淡漠、高潔、 秀氣的感覺。 3、高飽和度、低亮度的青色給人以頑強、冷硬、 陰森、莊嚴的感覺。 4、低飽和度、低亮度的青色給人以灰心、衰退的 感覺。

Page 28: 學生 : 陳志先 班級 : 碩專班一年級 學號 :10022019G 指導教授 : 吳有龍老師

青色

Page 29: 學生 : 陳志先 班級 : 碩專班一年級 學號 :10022019G 指導教授 : 吳有龍老師

參考資料1.http://mid.lt263.com/mb/jiaocheng/wangyepeise/index.html

2.http://c.chinavisual.com/2011/03/11/c75547/index.shtml

3.http://bbs.yssoft.net/viewthread.php?tid=9905

4.http://14195595.blog.hexun.com.tw/63840890_d.html

5.http://liyiye.iteye.com/blog/243733

6.http://www.hcreativos.com/es

Page 30: 學生 : 陳志先 班級 : 碩專班一年級 學號 :10022019G 指導教授 : 吳有龍老師