二、图标尺寸
当你开始一套系统图标的设计前,除了准备绘制图标的栅格模板,还需提前规划好一套图标可能包含的尺寸,以应用于界面设计中。
需要注意同样含义的图标在不同大小下,也可能会有不同的展现形式。比如48像素的复杂图标,缩小到12像素肯定会难以识别。同理12像素的图标放大到48像素又会显得单薄,不够饱满。
1. 案例拆解
(1)IBM·Carbon Design
IBM的图标体系中包含以上四个尺寸(16/20/24/32),其中最大尺寸32px为绘制尺寸,其他尺寸由32px等比缩放的来。那么这些尺寸在前期是如何制定的呢?他们之间又有什么关系呢?
我对不同尺寸下图标的属性进行罗列,可以发现除了图标尺寸,图标的线条粗细,圆角大小,甚至间距都是成比例的。可以得出一个结论:IBM的图标应该是先绘制最大尺寸,然后定义好其他图标尺寸就可以进行缩放了。
在使用这种方式时,我们需要注意图标的圆角和描边尽量不要出现两位小数点之后的数字,最好是整数或者点五整数。
(2)字节·IconPark