px怎么换算成mm px是什么尺寸( 四 )


认知图标可以让用户下意识地理解和接近心理预期,降低学习成本,提高使用效率 。
2.简洁美观的图标是用抽象的图形来表现现实世界中的事件/事务 。如果因为过分追求完美而导致设计过于复杂,不如直接展现真实物体的细节,所以最终设计出正确、不失真的图标尤为重要,既可以用来传达信息,又方便用户快速清晰的感知 。
3.视觉对准 。为保证视觉平衡,异形元素经系统自动对齐后会有一定偏差,需要手动微调进行视觉对齐 。
4.一致性对于大型项目来说,如果要让整个家族的图标更加和谐,保持相同的风格和设计原则并不容易,尤其是在多人完成设计的情况下 。事先有一个明确的设计原则和规范是至关重要的 。
图标有相应的视觉权重,比如笔画粗细、填充方式、复杂程度等属性 。我们要做的就是控制好这些关键因素,让整个图像看起来有相同的视觉权重,可以相互关联组合在一起,保持所有图标的一致性 。
5.最小间隙单个图标的元素之间应该有一种呼吸感,并且需要适当的空白 。如果行程过大,整个酒吧看起来像浆糊或臃肿 。如果有类似的问题,可以通过降低笔画值或者图标的复杂度来解决 。
6.偶数使用2的倍数的设计,便于数据计算(2的倍数),如正负间距、笔画值等 。在iOS@2x设计下,@1x不会有小数点 。在移动终端的设计中,最小的图标是24px,可以被2、3、4、6、8、12整除,也是最整除的值 。因此,可以通过等比灵活缩放 。
7.扩展性即使以上都做到了,图标设计工作也没有完成 。需要做的是不断测试图标的可用性,并进行后续的改进和优化 。没有最好,只有更好,这样才能保证上线效果和后续迭代 。
六、图标资源库
阿里巴巴矢量图标库:https://www.iconfont.cn/, 90%以上的常用矢量图标都是下载的 。
图书官方图标库:https://iconpark.oceanengine.com/official,海量资源,可在线修改,调整笔触,填充,单/双/多色,终点后下载SVG格式图标 。
上述图标资源虽然基本可以满足我们日常的设计需求,但只能作为参考 。一味的求方便,投机取巧,只会毁了我们的动手和创新能力 。
七、结语
图标设计是一个非常大的板块,分支很多,比如金刚区,标签栏,应用图标…等等 。每个分支都有自己的一套设计规则,我们需要通过不断的学习和创新来获得更多的经验 。一篇文章不足以道出图标设计的精髓,但可以通过不断的沉淀,相互探讨,不断学习,共同进步 。
下一篇“图片”文章再见 。
#专栏作家#
沙漠之鹰;微信官方账号:能量眼,人人都是产品经理专栏作家 。致力于产品需求的驱动,产品体验的挖掘,用设计的手段给受众带来更好的体验,就是好看,好用 。
本文由人人作为产品经理原创发布,未经允许禁止转载 。
来自Unsplash的图像,基于CC0协议 。