Spaceship 图标将复杂的操作和理念转化为一目了然的符号,帮助用户轻松导航和互动。
我们的图标通用而又独特,是品牌最小的构建单元,专为即时识别而设计,同时清晰保留 Spaceship 的品牌身份。
所有 Spaceship 图标均提供两个版本:描边版(主要)和填充版(次要)。
图标按照既定规则设计——从基础网格到描边参数——以确保结果一致且平衡。

图标在设计上可缩放,应使用五种尺寸,以在整个系统中保持清晰度和视觉和谐。
颜色是帮助用户在特定界面中更轻松识别其产品的重要元素。为确保这些 UI 场景中的一致性,图标使用 Spaceship Design System 颜色。

作为 Spaceship 的核心颜色,这些颜色应成为图标的首选——无论是在平台 UI 等功能性场景中,还是在产品页面上的功能展示等更具说明性的用途里。更多详情请查看颜色页面。
产品的主色应应用于其对应的图标。这对于在 Spaceship 生态系统中提升产品识别度和认知度至关重要。
使用通知颜色来强化提醒信息。它们应仅用于提醒图标,偶尔也可例外用于同样表示成功、错误或警告状态的其他图标。
以下是一些使用图标时应避免的示例。
请勿拉伸、旋转或翻转图标。始终按比例缩放。
请勿使用大于 40x40px 的图标。注意元素之间的平衡。
请勿使用综合色或阴影色。