AUO Design System

概述

圖示是簡潔的視覺符號，用於傳達物件、動作或概念，是使用者介面中不可或缺的視覺元素。它們以簡潔、直觀的方式傳達資訊，引導使用者操作，並提升整體介面的美觀性。

使用時機

圖示常用於以下情境：

• 導航：在導航列、選單或按鈕中使用圖示，例如主頁圖示、搜尋圖示、設定圖示等。
• 動作：表示動作或操作，例如新增、編輯、刪除、下載等。
• 狀態：表示狀態或警示，例如成功、警告、錯誤等。
• 標記：標記特定資訊或功能，例如重要、新訊息、附件等。

使用規範

AUO Design System 參考 Google Material Design 3 圖示資料庫，如您需取用額外資料庫圖示進行設計時，應遵循以下原則：

• 一致性：在同一個應用程式或系統中，相同功能或類別的圖示應保持一致，避免造成使用者混淆。
• 互動狀態：圖示在不同狀態下（如預設、懸停、按下、禁用）應有適當的視覺變化，提供明確的回饋。互動規則請參考 Buttons-Icon Button。
• 顏色一致：請務必將圖示顏色與文字顏色相符。
• 對齊方式：當圖示位於文字旁邊時，將圖示置中對齊，不要對齊基線（Baseline）。

尺寸規範

圖示對照表

如您需取用額外資料庫圖示進行設計時，請取用 Google Material Design 3 圖料庫，並使用指定下載格式：Format.Outline, Weight: 400, Fill: Off, Grade: Normal, Optical size: 48。