AUO Design System

概述

形狀是構成使用者介面的基礎視覺元素，它能影響使用者對介面的感知和體驗。運用不同的形狀，例如圓角、直角或尖角等，以及形狀與其他元素的組合方式，可以創造視覺趣味、輔助理解、表達品牌或個性，以及強化介面層次結構。良好的形狀設計能幫助使用者快速識別和判斷元件的類型和功能，提升使用效率。

基本架構

AUO Design System 提供七種不同的圓角樣式來傳達清晰的視覺層次。

• None: 沒有圓角，適用於需要清晰邊緣的元素。
• Extra Small: 輕微的圓角，適用於需要柔和感的元素，適用於大多數元件 (元件預設值)。
• Small: 小圓角，適用於需要更明顯圓角的元素。
• Medium: 中等圓角，適用於需要平衡圓角和直線的元素。
• Large: 大圓角，適用於需要更柔和、更流暢的視覺效果的元素。
• Extra Large: 非常大的圓角，適用於需要強烈圓角效果的元素。
• Full: 完全圓形，適用於需要圓形形狀的元素。

設計範例

在 AUO Design System 中，每個元件都預設會套用一種形狀樣式，也就是說，每個元件都有一個預設的圓角半徑。當您想要設計一個全新的元件時，請遵循預設形狀分級，以確保介面一致性。