我发现了一种超牛的图标规范方法，就连谷歌都没用过！

我最近发现了一个新方法，图标角度定义的新思路。当我搞懂后，觉得太牛了，因为以前没有这样想到过，可能是我们思维有些固化了。

也许你之前有看到类似的，但是你肯定没有认真细看和琢磨，而且，目前还没人将这样思路分享出来，有些小开心，然后就想立马和大家分享。

1.目前的问题

大家在图标规范时候，都有一个环节是必须要经历的，那就是图标的角度定义，那么该如何定义？也许很多设计师上来就说：

常用的角度值不就是30°、45°、90°或者还有120°，对这些都没问题，但是唯一的问题就是太确定性了，设计中，唯一的变化就是不确定性。

如果你负责的业务线有多条，比如像国内BAT这样的公司，业务特别多，如果要想统一整个体系？你来负责图标角度定义，你会怎么做？

我查了下Google Materials Design 材料设计语言里面，对于角度值没有明确的定义，也许就是因为这是一个不确定性的东西，需要大家自己去思考和根据业务的复杂度来定义。

2.别人怎么做？

除了我们常规的使用固定数值，大家可以思考下，固定的数值的相反方向是啥？那就可变化的，可以使用倍数关系，这样定义出来的角度值，是可增长的，是活的。

案例1

上面这张图，设计师将图标体系定义为6的倍数。后面的图标都要遵循这样的思路来定义，就类似网格一样的，大家看明白了么。

ICON 示例

案例2

再来看一个案例，Spotify的图标定义思路，基于1.5的倍数，大家可能在想为什么要是1.5，这个数值其实与背后硬件或者其他适配有关系。

Spotify图标

说到这里，回顾之前我做车机设计体系时候，定义倍数规则，因为硬件的分辨率导致我们不得不用1.5的倍数，所以我们整个网格体系都是基于这个来的。

案例3

韩国NAVER设计团队，图标角度规则定义案例。NAVER的图标定义思路，基于5的倍数，通过4个灵活的数值，定义全局图标。大家记住，这4个数值是可变量的，是有逻辑的。

3.我们该如何做？

上面介绍的三个案例中，均是利用倍数关系来定义图标的角度值的。

那么，可能有设计师要问，我该用什么倍数呢？其实很简单，例如你可以试着跟随网格的倍数。

我们日常用的网格体系倍数有2、4、8这个是常用的，不常用的就是有5、6或者其他数值。

比如这里，我基于6来简单示例。

图标实操示例

这种方法有什么好处？灵活性、可生长、适配性强，其次最主要的可以打造独特的图标形状基因。比如大家都用常规角度，你可以有些特例，让你的图标更有特色。

4.写在最后

所以，看到这里大家应该都明白。例如，当我们去负责定义图标规范时候，遇到角度值这种情况，你该如何去定？如果团队业务复杂，图标需求量比较大，我觉得，这种利用倍数的思路是非常值得一试的。

但是，你作为主导者，你需要思考的是，不能任意让团队成员随意增长数值，而是克制使用，比如限定在5个值以内。如果确实不够用，那么就根据这种思路，灵活增长。

主页君个人微信

添加主页君个人微信领取：大厂设计规范及组件库、免商中文字体、样机、作品集等

推荐阅读

（点击标题可跳转阅读）

2022年，B端设计的趋势有哪些？支付宝交互有多牛，还没看完我就跪了...
值得收藏！国内大厂设计团队的作品合集

回复 灵感 下载UI设计灵感合辑

点个 “ 在看” 好文不断