Spaceship 圖示將複雜的操作和概念轉化為即時可辨識的符號,幫助用戶輕鬆導航和互動。
我們的圖示既通用又獨特,是品牌最細小的組成部分,設計上易於即時識別,同時清楚保留Spaceship的品牌身份。
所有Spaceship圖示均有兩個版本:線框(主要)和實心(次要)。
圖示根據既定規則設計——從基礎網格到線條參數——確保結果一致且平衡。
圖示設計上可縮放,應以五種尺寸使用,以確保系統內的清晰度和視覺和諧。
色彩是幫助用戶在特定介面中更容易識別其產品的重要元素。為確保這些介面中的一致性,圖示採用Spaceship Design System色彩。

作為Spaceship的核心色彩,這些應該是圖示的主要選擇——無論是在平台介面等功能性場景,還是在產品頁面功能展示等更具說明性的用途。詳情請參閱色彩頁面。
產品的主色應用於其相關圖示。這對於在Spaceship生態系統中提升產品識別度和認知度至關重要。
使用通知色彩來加強提示訊息。這些色彩只應用於提示圖示,偶爾在其他圖示也代表成功、錯誤或警告狀態時可作例外。
以下是使用圖示時應避免的例子。
請勿扭曲、旋轉或翻轉圖示。務必等比例縮放。
請勿使用大於40x40px的圖示。請保持元素之間的平衡。
請勿使用漸變或陰影。