优秀的图标必备的7个底层设计原则(五)


5、一致性

为了保持图标的和谐统一,要始终保持相同的视觉规则。

在iOS13之前,苹果图标有各种描边,填充和大小:

                                            Icons from Apple’s Home Screen Quick Actions pre-iOS 13

斜视这一组,有些图标感觉比其他的更重吗?

任何给定的图标都有一个特定的视觉“重量”,由填充,描边宽度和形状等属性来决定。在一个集合中保持这些参数相同可以

构建一致性。

苹果最近优化了他们的图标,现在看起来更加统一和谐了。他们把图标的两种不同状态之间的填充和描边形式做了规则统

一,使其拥有了更高的一致性。

                                                              Icons from Apple’s SF Symbols

对于一个大的图标库来说,保持一致性并不是一件很容易的事情,尤其是涉及到多个作者的时候。重要的是要有清晰的原则

和规则来遵循。

Phosphor图标合集保持了700+图标的一致性,坚持相同的准则,并严格测试每个图标。虽然他们每个形状都不一样,但它

们都有相同的重量,而且能很好地结合在一起。

                                            Subset of the Phosphor Carbon icon family

 

>