目录

关灯 开灯 目录 收起

第五节:线性ICON案例制作教程

如果我们想设计一个小图标,那么我们可以把画布放大到400%来设计。同时可以使用网格和参考线来作为我们设计的辅助。网格在很多软件里都有,比如在 Illustrator 中点击视图 > 网格,即可开启网格了。参考线模板则需要下载第三方设计的模板,比如 Material Design 的参考线模板就有正方形、圆形、圆形和长方形结合等不同形式。如果对齐模板中的形状,即可得到面积相等的长方形、正方形、圆形。这对我们构建视觉上面积相等的图标很有益处。

线性图标的表现形式是线条,在系统图标里通常是由统一粗细的线条组成。这里可能很多新朋友不明白为什么要使用统一的粗细,这是因为通常系统图标并非单一出现,而是成组使用。比如微信底部的四个 tab图标、网易云音乐顶部导航栏的图标等。在一个场景下的几个同等重要的图标,如果线条粗细不一致,很容易造成它们存在权重上差异的感觉。所以我们在绘制线性图标时,线条通常都会使用统一的粗细。

由于目前设计流行趋势,很多产品图标都会采用扁平的设计风格。扁平除了填充的图标之外,还有一种非常流行的形式——线性风格。线性风格一定要注意不要太细,因为手机和电脑设计环境显示尺寸不同,如果我们做得太细,那么在手机上看会非常尖锐,显得不太好点击。

2

发表评论