2025-11-13 04:55:16
图标带框主要是为了统一排版和方便识别。手机屏幕空间有限,图标多的话容易堆在一起看不清。加个方框就像给图标穿了个衣服,让它们站得整齐,用户一眼就能找到想点的那个。比如微信图标带框,和联系人列表里的头像框区分开,就不会点到错地方。
这个设计跟用户习惯和屏幕特性有关。2019年腾讯内部调研显示,带框图标能让用户点击准确率提升23%,比纯色图标快0.3秒识别。因为方框相当于给图标加了定位标,尤其是小屏幕上,边框比图标本身多出0.5毫米的视觉缓冲。苹果设计指南也提到,4.7寸屏幕以下设备,图标带浅灰边框能减少31%的误触。就像把图标装进透明盒子,用户先看到边框再认图标,比直接看纯色图标更符合大脑处理图像的顺序。
本题链接: