图标

Spaceship 图标将复杂的操作和理念转化为一目了然的符号,帮助用户轻松导航和互动。

Hero Image

我们的图标既通用又独特,是品牌最小的构建模块,旨在实现即时识别,同时清晰地保留Spaceship的品牌特征。



版本

所有Spaceship图标均有两种版本:线框(主)和实心(次)。









结构

图标的设计遵循既定规则——从基础网格到描边参数——确保结果的一致性和平衡性。









尺寸

图标本身支持缩放,应使用五种尺寸,以在整个系统中保持清晰度和视觉和谐。









色彩

色彩是帮助用户在特定界面中更容易识别其产品的重要元素。为确保这些界面中的一致性,图标采用Spaceship设计系统色彩。






品牌色彩

作为Spaceship的核心色彩,这些颜色应作为图标的首选——无论是在平台界面等功能场景,还是在产品页面功能展示等更具表现力的用途中。详情请参阅色彩页面。






产品色彩

产品的主色应应用于其对应的图标。这对于在Spaceship生态系统中实现产品识别和认知至关重要。






通知色彩

使用通知色彩来强化警示信息。它们应仅用于警示图标,偶尔也可用于代表成功、错误或警告状态的其他图标。







指引

以下是使用图标时应避免的一些示例。




不要扭曲、旋转或翻转图标。始终按比例缩放。


不要使用大于40x40px的图标。应在各元素之间保持平衡。


不要使用色调或阴影。