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