图标是UI设计中最基础的部分,要想设计好图标,就需要懂得以下套路:


01
简单基础


图标要让用户容易理解,所以我们爱设计图标的时候往往只需要用基本的形状,并只保留最基础的部分,不要有太多细节(细节过多用户反而不容易理解图标功能)

学会这 7 个技巧,画出完美图标


02
清晰可辨识


如果你设计的图标非常小,就需要将图标的描边保持锐利,这样容易让用户辨识图标。如果出现半像素的情况,要避免出现小数点。

学会这 7 个技巧,画出完美图标


03
保持一致

在设计整个图标时,要保证每个图标样式相同。比如同样的形状,填充,描边粗细,尺寸等。样式不同的话,要重新设计图标。

学会这 7 个技巧,画出完美图标


04
布局规格


所有图标布局保持同样的尺寸,你可以绘制一个范围,在设计图标时将所有元素限制在范围内,但不要挤满所有元素。当图标需要额外控件时可以超出这个内边距范围。

学会这 7 个技巧,画出完美图标


05
空间


图标的所有形状有足够的空间,让用户理解起来比较容易,如果空间比较小的话会让用户很难理解图标的涵义,所以最少给2px的负空间。

学会这 7 个技巧,画出完美图标


06
最终测试

在设计好图标之后,就需要经过实际测试才能够正式使用,在测试时需要保证图标显示一致。

学会这 7 个技巧,画出完美图标

虽然图标设计起来比较容易,但是优秀图标的设计还是需要我们了解有一些套路技巧的,希望上面的文章能够帮到你。