Divider 分隔線
概述
分隔線常用於介面中分隔不同區塊或群組內容，提升視覺層次和可讀性。
使用時機
分隔線常用於以下情境：
- 列表：
- 在列表項目之間添加分隔線，可以幫助使用者更輕鬆地掃描和區分各個項目。
- 特別是當列表項目包含多種資訊（例如文字、圖示、圖片）時，分隔線可以有效避免視覺混亂。
- 導航選單：
- 在選單項目之間添加分隔線，可以清晰地區分不同的選項或選項群組。
- 這有助於使用者快速找到他們需要的選項，並了解選單的層級結構。
- 表單：
- 在表單區位之間添加分隔線，可以區分不同的輸入區域，讓使用者更容易理解表單的結構。
- 這有助於使用者專注於填寫當前欄位，並減少出錯的可能性。
- 布局：
- 在不同的佈局區塊之間添加分隔線，例如內容區和側邊欄之間、頁首和頁尾之間，可以清晰地劃分頁面結構，提升視覺層次。
- 群組內容：
- 當多個元素在視覺上或邏輯上屬於同一群組時，可以使用分隔線將它們與其他內容區隔開來。
- 例如，在設定頁面中，可以將相關的設定選項分組，並使用分隔線區分不同的設定群組。
使用規範
當您取用分隔線進行設計時，應考慮以下原則：
- 考慮視覺風格：分隔線的樣式（例如顏色、粗細）應與整體設計風格一致。
- 保持間距：分隔線與周圍元素之間應保持適當的間距，避免視覺擁擠。
- 避免過度使用：過多的分隔線會使介面顯得雜亂，反而降低可讀性。應適度使用分隔線，只在必要時使用。
設計範例
分隔線 (Divider)：
![]()
