打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
月薪10万UI设计师教你如何设计图标?

今天和大家说说,UI设计中的图标是怎么设计的?

需要从以下几个规则入手,分别是可识别性,视觉统一性,差异性,

识别性:

界面中颜色多了,会消耗用户寻找图标的时间;

因此颜色是识别性中需要注意的一点,为了提高用户的可识别性,我们的设计更应该遵循用户习惯。

比较典型的新风格界面,图标易于理解,且用黑色作为基调,识别性高,用户也易于理解,这也是为什么这些图标没有文字做解释的一个原因。

视觉统一性:

不同类型的图标有不同的特征,稍微一点变化,都会破坏整套图标的统一性。包括复杂度、形状、线条粗细等等。

图标大小的控制:前期在设计的过程中,我发现我的图标大小有波动,非常不统一,甚至是一个大一个小,所以我加了个限制,一来可以约束图标的尺寸尽量统一,二来可以显得更加规范。

差异性:

假如一套图标,长得都差不多,那用户在界面中找某个功能要花费的时间会比想象中的长很多。

他们会去探索图标的功能作用,看跳转的页面是否是自己想去的界面,然后再返回。

你可以将设计完的一套图标展示出来:然后你说出一个名词,让同事去选择是哪个,这样可以很好的检测图标的差异性和识别性。

有人可能会误解统一性和差异性的概念,统一是图标样式及风格统一,而差异是图标与图标之间的含义要明确。

如果想要从零学习UI设计

请加QQ或微信号 766592367!

或者关注微信公众号:UI设计学习

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
7个步骤,让你更好完成图标设计
什么是UI设计?
详解APP设计中的微妙细节
一个“好”icon应具备哪些素质?
UI设计的扁平化理念!
时尚界十年一轮回?Win10将回归Win7、XP时代UI风格
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服