Skip to content
On this page

📕 Amethyst 文档

本文档适用于「Amethyst Clearly」

Amethyst Clearly 是全新的 Amethyst 系列,旨在提供更加美丽且具有自定义可能的图标。

简单介绍 Amethyst Clearly

Amethyst Clearly 是 Amethyst 家族的新产品,主打「像素级完美」「易于自定义」。基于 Sysd 积累下来的 Design Token 设计方法,我们很高兴能将这一成果呈现于你。

Amethyst Clearly 支持如下特性:

  1. 线条粗细自定义,图标含义仍清晰
  2. 线条样式自定义,无论是锋利异类还是平滑当代,都可完美融合
  3. 像素级完美的端点对齐,保证每一像素的清晰

如何使用

我们建议搭配 Systematize Design V2 使用,这使得我们拥有更多通用的标准。当然,在其他设计标准中使用问题也不大,但您可能需要转变思路。

强制尺寸规范

依照与 Sysd 的搭配,我们确定了如下的预设尺寸

  1. 小图标,18 px
  2. 较小图标,22 px
  3. 中图标,30 px
  4. 较大图标, 42 px

目前,我们仅提供这些尺寸的图标,大多情况下使用都无问题。

若要像使用传统图标包一样快速引用,则需要进行路径转换,但这会破坏可自定义性,还会出现意料外的问题,所以我们还并不推荐这种使用方法。

Design Token 和自定义(准备中)

我们支持使用 Design Token 来快速的自定义你的图标,圆角端点?线条粗细?都可调整。

施工中……

我们还在疯狂开写,这不需要多少时间……

Released under the MIT License.