Spaceship 圖示將複雜的操作和概念轉化為即時可辨識的符號,幫助用戶輕鬆導航和互動。
我們的圖示既通用又具辨識度,是品牌最小的構成單位,為即時識別而設計,同時清晰保留 Spaceship 的品牌身份。
所有 Spaceship 圖示均提供兩個版本:描邊(主要)和填充(次要)。
圖示按照既定規則設計——從基礎網格到筆畫參數——以確保結果一致且平衡。

圖示在設計上可靈活縮放,應以五種尺寸使用,以在整個系統中保持清晰度與視覺和諧。
色彩是重要元素,有助使用者在特定介面中更輕鬆識別其產品。為確保這些 UI 情境中的一致性,圖示使用 Spaceship Design System 色彩。

作為 Spaceship 的核心色彩,這些顏色應成為圖示的首選——無論是在平台 UI 等功能性情境中,還是在產品頁面上的功能展示等更具說明性的用途。請查看色彩頁面以了解更多詳情。
產品的主要色彩應套用於其對應的圖示。這對於在 Spaceship 生態系統中提升產品辨識度與認知度至關重要。
使用通知色彩來加強提示訊息。這些色彩應只套用於提示圖示,但在某些情況下,如其他圖示同樣代表成功、錯誤或警告狀態時,也可作例外處理。
以下是一些使用圖示時應避免的例子。
請勿扭曲、旋轉或翻轉圖示。請始終按比例縮放。
請勿使用大於 40x40px 的圖示。請在各元素之間保持平衡。
請勿使用深淺色調。