顏色對比度

習題預習

1. 為什麼色彩對比在設計中如此重要？
2. 設計師如何選擇最好的色彩對比來提高設計的可讀性和可用性？
3. 如何使用色彩對比來創建視覺層次感和品牌識別？
4. 什麼是最佳的色彩對比比例？ 如何通過調整亮度和飽和度來達到理想的色彩對比？
5. 在不同的設計媒介（例如網頁、印刷品、應用程式）中，如何利用色彩對比來創建不同的視覺效果？

說明知識

Color contrast指的是不同颜色之间的视觉对比度，通常用于设计中的视觉吸引力和易读性等方面。较高的对比度可以增强设计元素的可读性和清晰度，而较低的对比度则可能使设计元素在视觉上混淆或模糊。

以下是一些Color contrast的例子：

1.黑白对比度：这是最明显的一种对比度，黑色和白色之间的对比度非常高，容易阅读和理解。例如，报纸、书籍和杂志通常使用黑白对比度。

2.互补色对比度：这种对比度基于使用互补色，它们是彼此在色轮上相对的颜色。对于例子，红色和绿色，黄色和紫色等等。

3.单色对比度：这种对比度指同一种颜色的不同纯度、明度或饱和度之间的对比度。它可以用来创建具有层次感的设计，例如在网站标头或LOGO中使用较暗或较浅的同一种颜色。

4.对比色对比度：这个对比度基于使用非常明显的对比颜色，例如红色和黄色、蓝色和橙色等等。它可以创建出非常有吸引力的设计元素，但也可能使文本或信息更难以阅读。

总之 Color contrast可以通过使用不同的颜色来创建不同的对比度，以帮助设计师提高他们的设计品质和效果。

彙總重點

1. 背景顏色和文字顏色之間的對比應越明顯越好，以便讀者能夠輕鬆閱讀和理解內容。
2. 確保色彩對比足夠強烈，以便視覺障礙者或其他有視覺困難的人能夠輕鬆閱讀網站上的內容。
3. 風格設計元素也應該有足夠的對比，例如圖片或其他視覺元素與網頁背景之間的對比。
4. 對比度應該可以在不同的燈光環境下進行調整，例如在白天和晚上的時候。
5. 在設計網站時應考慮到全球不同地區和文化中對視覺對比的不同理解和需求。

知識測驗

1. 背景顏色為 #003366 的網站上，文字顏色應該為以下哪一種？
   A. #FFFFFF
   B. #CCCCCC
   C. #FFFFCC
   D. #00CC66

答案：B

2. 以黑色字體顯示在白色背景上的對比度為多少？
   A. 1:1
   B. 4.5:1
   C. 7:1
   D. 10:1

答案：B

3. 背景顏色為 #FFCC33 的網站上，連結文字顏色應該為以下哪一種？
   A. #000000
   B. #FFFFFF
   C. #333333
   D. #660000

答案：D

4. 背景顏色為 #660000 的網站上，標題文字顏色應該為以下哪一種？
   A. #CCFFCC
   B. #FFFFFF
   C. #FFCC33
   D. #000000

答案：A

5. 在網站上使用較深的綠色作為主色調，使用什麼顏色作為與之對比較明顯的文字顏色？
   A. 藍色
   B. 黑色
   C. 紅色
   D. 橙色

答案：B