图标大小一致性的调整小技巧

  • A+
所属分类:经验思维

本文来源: 公众号 - UX小学, 共 269 字

图标大小一致性的调整小技巧

图标的宽高不一致时,用图中网格约束的方法调整,持续调整图标面积区域,直到保持一致即可。

面积统一后,虽然图标宽高比不一样,但看起来整套图标大小会一致,重心更加平衡。因此要想让图标系统看起来更协调,更多的是需要耐心及不断尝试,直到最后整套图标的重心一致。还有需注意的是,圆形区域较直线区域通常需要设计的突出一些。如常见的数字字体,仔细观察数字0的底端,会要比1突出一丢丢,这样也是为了调整视差导致的不平衡。

图标大小一致性的调整小技巧

小建议:

在绘制图标时,可以先把图标网格框架搭建起来,再在框架内去进行图标绘制。这样效率会更高,调整图标的大小跟风格也更方便,省心又省力。



发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: