哪种图标更容易识别,填充还是轮廓?

用户头像
北京/设计爱好者/7年前/310浏览
哪种图标更容易识别,填充还是轮廓?

你有没有决定使用哪种图标样式,填充或轮廓?有些人可能决定他们的偏好,但有时它们很容易识别,有时它们很难理解。

接下来我们从以下几个方面说说图标识别度问题:

◎图标样式对可用性的影响

构建智能手机应用程序时,你可能需要决定是使用填充体图标还是轮廓图标。

你认为哪个图标对用户更好?

有些人认为两者之间的区别仅仅是显示问题,但研究表明识别率也有很大差别。

如果设计师知道何时使用填充和轮廓,则用户可以轻松操作智能手机应用程序。用户将能够更快地识别图标并选择正确的选项。

图标样式会影响应用性能。应用性能通过图标识别以及选择的速度和准确性来衡量。

除了一些例外情况,填充图标通常比轮廓图标更快识别。这与图标特征有关。

◎图标特征

用户使用特征来识别图标。如果你没有特别的特点或很难注意到,图标将无法识别。我们来看一些例子。

例如,第一个评论图标做下角的点缀是其具有的特征。没有它,图标只是一个圆。第二个锁定图标是钥匙孔。如果没有,它可能看起来像一个袋子。第三设置图标有着齿轮独有的特征。没有它,它可能看起来像一个甜甜圈。

这些独特的特征依赖于用户识别图标。使用图标时,要确保它包含识别图标所需的所有特征。如果图标看起来像另一个对象,则要考虑在图标上添加一个独特的提示。

◎轮廓样式

除了包含独特的特征外,其应该是突出的或容易注意到的。并且特定图标的特征在轮廓上可能比在填充中更突出。

研究中有三个图标:评论,垃圾桶和钥匙。这些图标的共同点是出现在形状外边缘的特征。因此,轮廓使特征更容易被注意到。

评论左下角的点缀,垃圾桶的边缘,以及钥匙齿的尖锐,在轮廓情况下比填充效果要更加明显。

如果图标的特殊提示很精致并放置在形状的末尾,请使用轮廓样式。这使得图标特征脱颖而出并识别更快。

使用图标时,最好使用一致的样式。不要混合填充和轮廓,尝试选择一组尖锐的角度图标,这些图标具有面向外的独有特征。

◎填充样式

大多数图标代表现实世界中的物理对象。这些物体具有坚固的形状并显示为轮廓。但将图标显示为轮廓并不是最熟悉的现实表现。

用户仍然可以识别轮廓图标。但是,如果图标形状的轮廓太近,则需要时间来识别。

研究发现,拇指,剪刀,手机和工具图标很容易识别。共同点是这些图标线索内的空间狭窄,产生视觉干扰。

内部具有少量空间的对象最好使用填充样式。剪影提供更简单的形状,使图标更加分辨。

◎样式无差别

在本研究中发现了易于识别的图标。例如,星星,购物车和旗帜图标的识别时间大致相同。

没有差异这一事实意味着这些图标不会减慢轮廓样式中的识别速度。原因是由于内部空间很大,视觉干扰降低。内部空间越小,产生的干扰越多。

◎图标作为按钮时

通常使用填充图标突出显示选项卡中的活动按钮,并勾勒其他按钮。但是,也可以使用反向方法。

用户没有已选择的选项,但需要更快的识别速度来进行未选择的选项。活动按钮不需要实体。相反,固化非活动按钮更为重要。

使用轮廓突出显示活动按钮。它提供明确的样式和颜色更改,强调所选按钮。

总结

如果打开应用速度对用户很重要,则需要考虑图标的识别率。如果你想要更快的识别率,填充风格图标会更好。

总之,使用图标样式时要注意的要点是:

● 图标由可识别且重要的特征组成。

● 除非提示是微妙且不显眼的,否则可以快速识别填充图标。

● 轮廓图标很容易识别,因为内部空间很宽。

● 如果在图标末端有微妙的特征,请使用轮廓样式。

● 如果轮廓内的空间很窄,请使用填充样式。

2
举报
|
7
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
课程海报,平面素材
学习,优惠券,平面,海报
平面花卉图案扁平简约无缝拼接插画
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
金色颗粒质地的平面
牛奶乳液层次梯田平铺平面
平面插画设计女孩喝咖啡
金色颗粒质地的平面
城市园林平面布局航拍
金色颗粒质地的平面
水蜜桃和李子的平面水果图案
“知识宅急送”外卖,快递,平面,海报,素材,教育
空的平台平面和自然景观
平面书法字手写
金色颗粒质地的平面
牛奶乳液层次平面平铺平面
空的平台平面和自然景观
中国传统纹样创新图案设计
平面设计 吊牌设计
城市园林平面布局航拍
玄关入门地毯印花图案红地毯
平面插画情侣/矢量
金色颗粒质地的平面
倒计时,海报,平面
你可能喜欢
大家都在看
登录注册