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

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

先看看百度百科的定义：

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

然后它上了一个真相图：

windows 8

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

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

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

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

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

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

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

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

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

学术验证不成，但可以继续探究：

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

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

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

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

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

莔 莔 有 神

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

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

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