Accent color
,primary text color
,secondary text color
和 invert text color
,通常用於描述 用戶介面 (UI) 和 網頁設計 中的顏色方案。它們幫助設計師建立一致、易讀且美觀的視覺體驗。
以下是這些術語的詳細解釋以及應用範例:
- Accent Color (強調色): 這是設計中最突出的顏色,用於吸引注意力和強調重要的互動元素。
- 應用: 按鈕、連結、進度條、滑動條、圖示、通知標記。
- 範例: 在以白色和灰色為主的網站上,可以使用鮮豔的藍色作為強調色,用於按鈕和連結。
- Primary Text Color (主要文字顏色): 這是用於大部分文字內容的主要顏色,需要與背景形成鮮明對比,確保易讀性。
- 應用: 正文段落、標題、列表、表格。
- 範例: 在淺色背景上,深灰色或黑色通常是主要文字顏色的良好選擇。
- Secondary Text Color (次要文字顏色): 用於區分主要文字內容以外的文字資訊,例如較不重要的資訊或說明文字。
- 應用: 標籤、說明文字、版權資訊、日期。
- 範例: 比主要文字顏色更淺的灰色或其他中性色調。
- Invert Text Color (反轉文字顏色): 與背景顏色形成強烈對比的顏色,通常用於提高可讀性,特別是在深色背景上。
- 應用: 深色背景上的按鈕文字、卡片標題、導航選單。
- 範例: 如果背景是深藍色,則可以使用白色或淺黃色作為反轉文字顏色。
總結:
這些顏色術語共同作用,建立一個和諧且易於理解的視覺層次結構。通過仔細選擇和應用這些顏色,設計師可以引導用戶的注意力、傳達資訊並創造愉悅的視覺體驗。