圖示

Spaceship 圖示將複雜的操作和概念轉化為即時可辨識的符號,幫助用戶輕鬆導航和互動。

Hero Image

我們的圖示既通用又獨特,是品牌最細小的組成部分,設計上易於即時識別,同時清楚保留Spaceship的品牌身份。



版本

所有Spaceship圖示均有兩個版本:線框(主要)和實心(次要)。









結構

圖示根據既定規則設計——從基礎網格到線條參數——確保結果一致且平衡。









尺寸

圖示設計上可縮放,應以五種尺寸使用,以確保系統內的清晰度和視覺和諧。









色彩

色彩是幫助用戶在特定介面中更容易識別其產品的重要元素。為確保這些介面中的一致性,圖示採用Spaceship Design System色彩。






品牌色彩

作為Spaceship的核心色彩,這些應該是圖示的主要選擇——無論是在平台介面等功能性場景,還是在產品頁面功能展示等更具說明性的用途。詳情請參閱色彩頁面。






產品色彩

產品的主色應用於其相關圖示。這對於在Spaceship生態系統中提升產品識別度和認知度至關重要。






通知色彩

使用通知色彩來加強提示訊息。這些色彩只應用於提示圖示,偶爾在其他圖示也代表成功、錯誤或警告狀態時可作例外。







指引

以下是使用圖示時應避免的例子。




請勿扭曲、旋轉或翻轉圖示。務必等比例縮放。


請勿使用大於40x40px的圖示。請保持元素之間的平衡。


請勿使用漸變或陰影。