Appearance
图标
如何通过合适的创意将图标样式确定出来?
一般抽象的图标,难点在于寓意信息是非实体的,所以我们很难直接构建对图形样式的联想,所以首先我们得想办法将抽象的内容 “实体化”。也就是说,我们可以先把这个词写到纸上,然后把和这个抽象信息相关的所有实体物写下来。 然后,我们可以挑选出某个合适的实物,以它作为原型开始绘制。如果对这些挑选出来的实物要以什么图形表现还是没概念,那就可以借助网上的图标素材网站,比如 iconfont、iconfinder 等,在搜索框中输入这些词语,通过别人的设计收获灵感。
让一套图标看起来更一致
图标的视觉差
如果设计图形和参照图形的类似,那么尺寸就不能大于参照图形,如果设计图形的宽大于参照图,那么高就要小于参照图,反之亦然。如果图形的重心有偏移,那就要往重心偏移的反方向移动,比如搜索按钮,Wifi 图标等。
如何绘制图标栅格系统
图标的绘制
有很多 1pt 宽的直线,可能我们会习惯于使用线条工具绘制,这是错误的做法,我们需要使用矩形工具画出一个完整的闭合图形,再样在使用路径查找器工具或者对图形进行批量操作时才能保证统一。
其他
- 多种粗细风格是基础线性的一种简单的变体,它通过调整线性图标内部一部分秒变的粗细来增加描边的层次感,从而让图标不会显得那么无聊。
- 对于外轮廓为矩形、圆形等规则图形的图标来说,因为这些图形的对称性,缺口位置的选择并没有什么讲究,只要别扣掉一个角,其他位置都可以。
- 在过大和过小之间,大小则可以自己判断,不过在一整套图标之中,需要保持断口在视觉上大小一致,不能忽大忽小。