正确的网页色彩选择与判断基准.pptVIP

正確的網頁色彩選擇與判斷基準 授課老師：吳有龍 學生：M9622020 高嘉鴻 色相和色調120色體系 色相：區別色彩的名稱，即色彩的相貌，如：紅，黃，藍。 明度：色彩明或暗的程度，即色彩反射光量的多寡。 彩度：色彩的純粹度或飽和度，即色彩所含純色的多寡，純色為各色相中彩度最高的。 色相 伊登十二色相環 色調 日本色研 PCCS 色系表 [明度與彩度的變化] 單色印象空間 看到紅色的感覺？ 單色印象空間 單色印象空間 配色印象空間 設計師在設計網頁時大部分的人會運用4~5種以上的顏色以加深網頁給人的印象。 國人配色的取向？ 喜歡柔和又動態的、鮮明又明亮的配色； 喜歡靜態又剛硬，給人厚重又安靜的配色； 但喜歡柔和又靜態、剛硬又動態配色的人較少； 比起中彩度的顏色，更喜歡高彩度或低彩度的顏色。 色彩印象空間 形容詞印象空間 以色彩印象空間掌握顏色的意味 以色彩印象空間掌握顏色的意味 以色彩印象空間掌握顏色的意味 實際分析網頁色彩 醫院 通常以白色和高明度的顏色為背景色，以藍、靛色為主色，整體來說配色在柔和而靜態的色彩印象空間，表現特有的衛生和清潔形象。 醫藥 網頁大多是白色和淡藍色、靛色為主，運用淡綠色和綠色為輔。與醫院和健康相關的網站不同的是，灰色系也被用來當作主色，以表現出端正與沉靜的印象。 健康 網站通常運用白色和多種不同的配色（淡藍、靛、紅、紫紅），給人沒有負擔容易搜尋的感覺。與醫院與醫藥的網站相比，運用更多的草綠色為主色。 網站可讀性 設計者必須考慮文字的字型與大小、背景色和文字顏色的對比。背景色與文字顏色的對比愈大，瀏覽起來也更輕鬆。 * * 反射光量多時 色彩較亮，明度高 反射光量少時 色彩較暗，明度低 （-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 動的 柔和的 剛強的 靜的 紅色給人的印象非常活潑屬動態 藍色給人的印象是平靜的屬靜態 *