間距為介面上各元素彼此相隔的距離,它可以是文字本身的行距,也可以是與圖片、元件、模組的距離。間距作為 AUO 設計系統規範中的最小單元,目的為提供使用者流暢的閱讀體驗、幫助提示使用者各元素之間的關係,提高資訊內容的可讀性。為此,我們訂定了以 8 的倍數為主的間距,為設計排版上提供一致性的規範。
請使用 8 的倍數來分隔介面設計中的元素,橫直皆適用。
以 8 的倍數來分隔介面設計中的元素之示意圖,請設計師依照視覺動線原則(Fitt's Law、Gestalt 法則等)進行設計。
文字與其他物件垂直居中,並確保文字節點上方和下方的空間一致。