正确网页色彩选择和判断标准-义守大学.ppt

義守大學資訊管理學系 人因與資管報告 主題：正確的網頁色彩選擇 和判斷基準 老師：吳有龍 博士 學生：林志宏 學號 講解大綱 色彩印象空間是使用哪種色彩體系呢? 色相和色調120色體系 認識色彩印象空間 色彩分析-單色印象空間 另一個秘方色彩分析-配色印象空間 我的感覺-形容詞印象空間 以色彩印象空間掌握顏色的意味 實際分析網頁色彩 色彩印象空間是使用哪種色彩體系呢? 色相和色調120色體系 色彩學 物理現象：正確記錄，傳達與再現顏色。 RGB，CMY 心理現象：色彩感覺，喜好等。 色彩三屬性： 色相：指紅，黃，綠，藍等不一樣的顏色。 明度：色彩的明亮度，越高越淡，越低越深。 彩度：色彩鮮豔度，越高越豔，越低越濁 。 色調：彩度與明度的組合。 色彩印象空間是使用哪種色彩體系呢? 色相：不同的顏色（IRI-10色環） 色彩印象空間是使用哪種色彩體系呢? 色調：彩度與明度的組合 認識色彩印象空間 單色印象空間(看到紅色、藍色的感覺？) （-3 , 1） 剛強的 柔和的 0 1 -1 -2 -3 3 2 動的 靜的 0 1 -1 -2 -3 3 2 （2 , -3） 動的 靜的 0 1 -1 -2 -3 3 2 剛強的 柔和的 0 1 -1 -2 -3 3 2 認識色彩印象空間 單色印象空間(看到黃色、綠色的感覺？) （-3 , 3） 剛強的 柔和的 0 1 -1 -2 -3 3 2 動的 靜的 0 1 -1 -2 -3 3 2 （0 , 2） 動的 靜的 0 1 -1 -2 -3 3 2 剛強的 柔和的 0 1 -1 -2 -3 3 2 認識色彩印象空間 單色印象空間 紅色給人的印象非常活潑屬動態 藍色給人的印象是平靜的屬靜態 黃色給人的感覺柔和又活潑 綠色給人的感覺也是柔和的屬動態和靜態中間 認識色彩印象空間 語意差分法(SD)：一種可以將印象世界整理後，再以數 值化處理的方法；並利用以「柔和、剛硬」和「動的、 靜的」做為評量顏色印象的代表形容詞。 認識色彩印象空間 配色印象空間 設計師在設計網頁時大部分的人會運用4~5種以上的顏色以加深網頁給人的印象。 國人配色的取向？ 喜歡柔和又動態的、鮮明又明亮的配色； 喜歡靜態又剛硬，給人厚重又安靜的配色； 但喜歡柔和又靜態、剛硬又動態配色的人較少； 比起中彩度的顏色，更喜歡高彩度或低彩度的顏色。 認識色彩印象空間 色彩印象空間 認識色彩印象空間 形容詞印象空間 以色彩印象空間掌握顏色的意味 以色彩印象空間掌握顏色的意味 實際分析網頁色彩 實際分析網頁色彩 醫院 通常以白色和高明度的顏色為背景色，以藍、靛色為主色，整體來說配色在柔和而靜態的色彩印象空間，表現特有的衛生和清潔形象。 實際分析網頁色彩 醫藥 網頁大多是白色和淡藍色、靛色為主，運用淡綠色和綠色為輔。與醫院和健康相關的網站不同的是，灰色系也被用來當作主色，以表現出端正與沉靜的印象。 實際分析網頁色彩 健康 網站通常運用白色和多種不同的配色（淡藍、靛、紅、紫紅），給人沒有負擔容易搜尋的感覺。與醫院與醫藥的網站相比，運用更多的草綠色為主色。 實際分析網頁色彩 實際分析網頁色彩 網站可讀性 設計者必須考慮文字的字型與大小、背景色和文字顏色的對比。背景色與文字顏色的對比愈大，瀏覽起來也更輕鬆。 參考書籍及文獻 “WEB好色—網頁色彩學”，Image Research Institure Inc， 博碩。 “網頁配色的告白”，露晞，碁峯。 “如何設計好網站-網頁配色與版型設計秘訣大公開”，吳國慶， 上 奇。 “網頁設計概念”，編者不明，WORD文件。 “網頁行銷美學與顧客體驗關鍵因素之研究”，黃婉貞，PPT文 件。 網頁資料： /window/photo/lesson/color_01.htm .tw/JackWeb/graphic/Knowledge/element_color.htm http://www.wretch.cc/blog/ayu6628圖片來源：Google圖片搜尋，以及以上資料部分擷取。