UI界面图标终极设计指南

如果为图标设置1像素的边框，这个时候，这些边框应该使用外部或内部的描边样式，但不建议是居中的。如下图，你可以看到他们的区别。

居中描边的一像素边框，虽然在放大它们的时候，它们看起来很清晰。但在100%比例大小显示的时候，它们会模糊掉。所以，慎用~下面两张图是图标在居中描边的时候所产生的效果：

根据像素的网格线来设置一条线的起点和终点，会让你的图标看起来更清晰。通常情况下，线的倾斜角度在45°，30°，60°的时候，清晰度会比一些不常见的角度效果会更好，比如13.7°，81°等等。所以，尽量避免用这样的数值。

从一套图标中最复杂的那个开始来设计通常是最有效的，因为它会帮助我们定义相同的视觉重量，让所有的图标视觉重量保持一致。

当图标具有不同的细节层次时，更复杂的图标会吸引用户更多的注意力，而且视觉上看上去更重。

图标的相邻元素之间空间在整个图标集中不应太小或不一致。在任何情况下，都要定义最小间隙，以避免轮廓"粘滞"。比如下方的图标，太小的间隙，所产生的粘滞感要特别注意：