图标

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

Hero Image

我们的图标通用而又独特,是品牌最小的构建单元,专为即时识别而设计,同时清晰保留 Spaceship 的品牌身份。



版本

所有 Spaceship 图标均提供两个版本:描边版(主要)和填充版(次要)。









构建

图标按照既定规则设计——从基础网格到描边参数——以确保结果一致且平衡。









尺寸

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









颜色

颜色是帮助用户在特定界面中更轻松识别其产品的重要元素。为确保这些 UI 场景中的一致性,图标使用  Spaceship Design System 颜色。






品牌颜色

作为 Spaceship 的核心颜色,这些颜色应成为图标的首选——无论是在平台 UI 等功能性场景中,还是在产品页面上的功能展示等更具说明性的用途里。更多详情请查看颜色页面。






产品颜色

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






通知颜色

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







指南

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




请勿拉伸、旋转或翻转图标。始终按比例缩放。


请勿使用大于 40x40px 的图标。注意元素之间的平衡。


请勿使用综合色或阴影色。