扁平风图标的终极设计指南

2018-07-29 13:45 未知

  众所周知,8像素网格和12列栅格布局被用于许多界面设计,因为它们比基于十进制的分级系统更灵活。12可以被2 ,3 ,4 ,6整除,使用起来更加方便。因此,24或48像素的图标区域已经成为标准。

  在设计中设计师如果遇到8.999 px或100.001 px这样特殊的数值,你必须将其修改为整数。只有形状锚定位准确,图标边缘看起来才会非常清晰。当你合并形状时,你也不会承担图标锚点过多和间隙过大的风险。

  在其他编辑器中打开这个SVG(例如,Adobe illustrator), 你会注意到有空图层、不必要的组,有时还会有剪切遮罩。当前端开发人员将图标转换为字体图标或在网页上使用SVG时,所有这些都会引起一些问题。