1 / 28

義守大學資訊管理學系

義守大學資訊管理學系. 人因與資管報告 主題：正確的網頁色彩選擇 和判斷基準 老師：吳有龍 博士 學生：林志宏 學號： 10022025G. 講解大綱. 色彩印象空間是使用哪種色彩體系呢 ? 色相和色調 120 色體系 認識色彩印象空間 色彩分析 - 單色印象空間 另一個秘方色彩分析 - 配色印象空間 我的感覺 - 形容詞印象空間 以色彩印象空間掌握顏色的意味 實際分析網頁色彩. 色彩印象空間是使用哪種色彩體系呢 ?. 色相和色調 120 色體系 色彩學 物理現象：正確記錄，傳達與再現顏色。

kumiko
Download Presentation

義守大學資訊管理學系

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 義守大學資訊管理學系 人因與資管報告 主題：正確的網頁色彩選擇 和判斷基準 老師：吳有龍 博士 學生：林志宏 學號：10022025G

  2. 講解大綱 • 色彩印象空間是使用哪種色彩體系呢? • 色相和色調120色體系 • 認識色彩印象空間 • 色彩分析-單色印象空間 • 另一個秘方色彩分析-配色印象空間 • 我的感覺-形容詞印象空間 • 以色彩印象空間掌握顏色的意味 • 實際分析網頁色彩

  3. 色彩印象空間是使用哪種色彩體系呢? • 色相和色調120色體系 • 色彩學 • 物理現象：正確記錄，傳達與再現顏色。 • RGB，CMY • 心理現象：色彩感覺，喜好等。 • 色彩三屬性： • 色相：指紅，黃，綠，藍等不一樣的顏色。 • 明度：色彩的明亮度，越高越淡，越低越深。 • 彩度：色彩鮮豔度，越高越豔，越低越濁 。 • 色調：彩度與明度的組合。

  4. 色彩印象空間是使用哪種色彩體系呢? • 色相：不同的顏色（IRI-10色環）

  5. 色彩印象空間是使用哪種色彩體系呢? • 色調：彩度與明度的組合

  6. 動的 靜的 -3 -3 -3 -3 -2 -2 -2 -2 -1 -1 -1 -1 0 0 0 0 1 1 1 1 2 2 2 2 3 3 3 3 剛強的 柔和的 （-3 , 1） 動的 靜的 剛強的 柔和的 （2 , -3） 認識色彩印象空間 • 單色印象空間(看到紅色、藍色的感覺？)

  7. -3 -3 -3 -3 -2 -2 -2 -2 -1 -1 -1 -1 0 0 0 0 1 1 1 1 2 2 2 2 3 3 3 3 認識色彩印象空間 • 單色印象空間(看到黃色、綠色的感覺？) 動的 靜的 剛強的 柔和的 （-3 , 3） 動的 靜的 剛強的 柔和的 （0 , 2）

  8. 認識色彩印象空間 單色印象空間 黃色給人的感覺柔和又活潑 綠色給人的感覺也是柔和的屬動態和靜態中間 紅色給人的印象非常活潑屬動態 藍色給人的印象是平靜的屬靜態

  9. 認識色彩印象空間 語意差分法(SD)：一種可以將印象世界整理後，再以數 值化處理的方法；並利用以「柔和、剛硬」和「動的、 靜的」做為評量顏色印象的代表形容詞。

  10. 認識色彩印象空間 • 配色印象空間 • 設計師在設計網頁時大部分的人會運用4~5種以上的顏色以加深網頁給人的印象。 • 國人配色的取向？ • 喜歡柔和又動態的、鮮明又明亮的配色； • 喜歡靜態又剛硬，給人厚重又安靜的配色； • 但喜歡柔和又靜態、剛硬又動態配色的人較少； • 比起中彩度的顏色，更喜歡高彩度或低彩度的顏色。

  11. 認識色彩印象空間 • 色彩印象空間

  12. 認識色彩印象空間 • 形容詞印象空間

  13. 以色彩印象空間掌握顏色的意味

  14. 以色彩印象空間掌握顏色的意味

  15. 實際分析網頁色彩

  16. 實際分析網頁色彩 • 醫院 通常以白色和高明度的顏色為背景色，以藍、靛色為主色，整體來說配色在柔和而靜態的色彩印象空間，表現特有的衛生和清潔形象。

  17. 實際分析網頁色彩 • 醫藥 網頁大多是白色和淡藍色、靛色為主，運用淡綠色和綠色為輔。與醫院和健康相關的網站不同的是，灰色系也被用來當作主色，以表現出端正與沉靜的印象。

  18. 實際分析網頁色彩 • 健康 網站通常運用白色和多種不同的配色（淡藍、靛、紅、紫紅），給人沒有負擔容易搜尋的感覺。與醫院與醫藥的網站相比，運用更多的草綠色為主色。

  19. 實際分析網頁色彩

  20. 實際分析網頁色彩 • 網站可讀性 設計者必須考慮文字的字型與大小、背景色和文字顏色的對比。背景色與文字顏色的對比愈大，瀏覽起來也更輕鬆。

  21. 參考書籍及文獻 • “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圖片搜尋，以及以上資料部分擷取。

  22. 簡報完畢 恭請指導

More Related