美文网首页app developiDesignDesign
和自己较劲儿:图标尺寸和识别度真的有曲线关系?

和自己较劲儿:图标尺寸和识别度真的有曲线关系?

作者: 萌萌有神 | 来源:发表于2015-03-19 21:21 被阅读406次

以后可能要长期和TV屏幕打交道了,咬牙硬头皮上,第一步先研究了下磁贴这个玩意儿。

先看看百度百科的定义:

美国微软公司2012年将发布的操作系统Windows 8,全新Modern开始界面下的那些方格,英文是Tile,中文之前有骚人墨客称之为瓷砖,还有人叫它板砖。不过瓷砖板砖地砖和砖头,感觉确实不如磁贴来的更传神一些,你说呢?

然后它上了一个真相图:

windows 8

虽然win8做得口碑差了点,但在移动屏幕交互的角度来说,磁贴是无辜的。尤其是当查到Xbox的界面时,简直被惊艳出了口水:截图表现不出交互的惊艳,还是视频吧

正在赞叹之际,看到了这样一篇喷文:别闹了微软 磁贴不是这样搞的!其中首要的槽点是说:大小混搭的磁贴会增加大脑的冗余运算,尺寸会影响用户的认知。文中贴出了下图:

图标尺寸与可识别度之间的曲线关系

我对这张图片产生了兴趣,以及进一步的质疑:

1. 图片出处是哪里?度娘狗哥都用了,所有的来源都仅仅指向这篇文章;

2. 大小尺寸一起上,和大号+偶尔几个特大号的区别在于?只要图标尺寸不一致,就肯定会有相对意义的大小;

3. 小尺寸和大尺寸是如何界定的?是以像素,还是与显示屏幕的比例,还是人眼识别的尺寸?

带着这几个疑问,进入了图像识别与图片尺寸的思考。

由于查遍网络均找不到这个图片的出处,而线上对图标设计的讨论基本都集中在样式、颜色、风格等等,大小混排竟都没有提及,逼得我只能去查学术文献了。结果,可以想见的,国内的研究结果几乎落后了实际使用十个年头……

学术验证不成,但可以继续探究:

首先,图标尺寸问题。由于文中作者的评论对象是移动端,而用户使用移动端的场景通常距离较近,且操作手势单一,一般尺寸的图标都不会造成使用障碍(别拿1*1px的尺寸较真)。我记得之前研究板式设计的时候,专门有一个章节在讲为了阅读效果,可适当放大字体,而移动端则没有必要。

其次,图标尺寸混排的问题。图像的尺寸越大,可识别度越高是肯定的;问题在于大小尺寸混排,真的会降低识别度吗?以视觉传达常识来说,大小混排可以让用户更容易锁定在较大的图标上,与不同颜色混用(视觉接收颜色的速度高于尺寸),就能很好地达到焦点捕获的效果。

第三,排列效果。磁贴大小不一是事实,但排列整齐的视觉效果有效避免了杂乱感。而且针对TV端的话,由于指针焦点的移动方式大多局限于十字型,区分磁贴尺寸+整齐排列可以兼顾信息量和操作习惯。

综上,我完全不认可这张图片里的曲线图。

然后我又试图查阅有关视觉设计的资料,无奈对于大小混排的研究太难找了。如果日后有幸读到了尺寸混排与识别度之间的文献,我再来更新吧。目前,我只是觉得不要因为是大厂出品就乱喷。

莔 莔 有 神

互联网产品专栏作家,爱好是女性视角看产品,产品思维看世界。

文章主要写产品设计、自我管理,以及产品狗的生活片段。

总之,爱写啥写啥,图个开心,希望你也能开心地有收获!

相关文章

  • 和自己较劲儿:图标尺寸和识别度真的有曲线关系?

    以后可能要长期和TV屏幕打交道了,咬牙硬头皮上,第一步先研究了下磁贴这个玩意儿。 先看看百度百科的定义: 美国微软...

  • iOS图标和启动画面尺寸

    启动页尺寸大小 App Icon 尺寸大小 桌面图标和商店图标 Spotlight图标 系统设置图标 (Setti...

  • APP 图标和尺寸

    图标尺寸 注意: iOS所有图标的圆角效果都是由系统生成的,给的图标本身不能是圆角的。 桌面图标app icon...

  • 网页快速生成AppIcon

    生成APP常见的图标尺寸的办法有2种: 第一种:自己根据设计出来的APP图标尺寸自己调整图标icon尺寸大小。 第...

  • 网页快速生成AppIcon

    生成APP常见的图标尺寸的办法有2种: 第一种:自己根据设计出来的APP图标尺寸自己调整图标icon尺寸大小。 第...

  • 网页快速生成AppIcon

    生成APP常见的图标尺寸的办法有2种: 第一种:自己根据设计出来的APP图标尺寸自己调整图标icon尺寸大小。 第...

  • iOS App Icon Sizes

    logo 图标尺寸 Spotlight, Settings, 和 Notification 图标 官网参考文档地址...

  • 图标和图像设计

    5 图标和图像设计 5.1 图标和图像尺寸 任何app都需要app图标和启动文件或者图片。除此之外,一些app需要...

  • macOS人机界面准则二 — 视觉设计

    * 视觉设计 动画、颜色、深色模式、半透明、字体 * 图标和图像 图像尺寸和分辨率、应用程序图标、自定义图标、多项...

  • Xcode 13.0 发生的新变化

    内置图标和项目文件图标有变化,可以轻松地按形状和颜色识别不同类型的文件。 内置图标.jpg 项目文件图标.jpg ...

网友评论

  • fd7c3c50af5a:hi,我是被你另一篇文章吸引过来的。《你不能做一个天天只谈需求的产品经理》。
    工作中勤勤恳恳的做着运营,真心接触具体的产品工作很少。没有实际的产品工作经验,但我学习能力还比较强,自己学习了原型软件,会ps。
    运营工作也会做问题跟进,也会和研发产品反馈和用户打交道,沟通合作还都不错,问题跟进能力比较强。产品运营,竞品对比都有在做,定期报告自身产品的体验,提供优化方案给产品。也会配合产品做用户调研,挖掘用户潜在需求。
    但面试产品没有人在意运营的工作内容,还是被淘汰了,但还是不死心,我想请问,接下来在工作之余要怎么去弥补产品上的空白好些呢?
  • 正陷深思:@莔莔有神 哈哈,我最近换工作了,到朝阳了。
    萌萌有神:@许一几 翻到这条留言,一年后我也换到朝阳了哈哈哈哈
  • 萌萌有神:@许一几 谢夸奖,我也在中关村 :smile:
  • 正陷深思:这治学态度,赞一个。

本文标题:和自己较劲儿:图标尺寸和识别度真的有曲线关系?

本文链接:https://www.haomeiwen.com/subject/ehoixttx.html