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

 

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

 

 

 

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个值以内。如果确实不够用,那么就根据这种思路,灵活增长。