设计避坑阿里设计师花好几天精心设计的图标,为什么用户说像「小虫子」?

产品: 淘宝猎人: 龙爪槐守望者观众: 1.0w人 时间: 2025-09-19

淘宝

与「淘宝」有关的细节还有 141查看全部

我也有新发现 我要投稿
阿里设计师花好几天精心设计的图标,为什么用户说像「小虫子」?阿里设计师花好几天精心设计的图标,为什么用户说像「小虫子」?

细节描述

龙爪槐守望者: 电商App在大促期间更换图标,已经成了一种主流的「图标营销」手段,它本质上是把App图标从一个功能入口,变成了一个临时的广告位。有用户觉得这样更吸引眼球,更有氛围,也有用户觉得是牛皮藓。 我们来看看这次的主角——淘宝的「超级88」活动图标。从图片上看,这个图标色彩鲜艳,元素丰富,充满了热闹的购物氛围。图标里环绕着金元宝、小花、闪电等元素,整体视觉冲击力很强,信息传达直白有力。问题就出在了左下角那个小小的咖啡杯上。在大尺寸的设计稿里,这个带有棕色杯盖的咖啡杯,无疑是个增添生活气息和趣味性的彩蛋。可一旦被压缩到手机桌面那个几毫米见方的图标格子里,这个原本精致的细节就灾难性地糊掉了,变成了一个无法辨识、酷似小虫子或屏幕灰尘的深色斑点,显得格外突兀。有好几个用户反馈图标难看。 永远要在真实的最终场景中去验证你的设计。我们不能沉浸在高清大屏的设计稿中自嗨,而忽视了用户真正在手机、手表甚至更小设备上看到的样子。

9.528人评分
收藏
分享细节海报

发表评论 为下方 5 条评论点赞,解锁好运彩蛋

{{ moreBtnTxt }}

你可能还爱看

谜底时钟:新拟态高颜值时钟工具来了~
谜底时钟

好物推荐谜底时钟:新拟态高颜值时钟工具来了~

猎人 - AmberDu小白7.0

「谜底时钟」是一款新拟态UI设计风格( Neumorphism UI) 的时间工具类app,功能简单但颜值十分高。全屏显示翻页效果的拟态时钟,在让用户清楚了解时间变化的同时,...

查看详情

#工具#情怀#新拟态

关于淘宝添加收货地址页面的设计逻辑
淘宝

设计逻辑关于淘宝添加收货地址页面的设计逻辑

猎人 - AmberDu小白8.5

在「淘宝」新增收获地址时,按钮默认是高亮的。如果有未填写或选择的项,则点击按钮时,会自动调起键盘或浮层供用户直接补充。与以往点击按钮通过toast提示相比,更加快捷,减少了用...

查看详情

#信息呈现#情境预判#易用性

夜深了,QQ也休息了
QQ

微交互夜深了,QQ也休息了

猎人 - AmberDu小白9.5

「QQ」Tab栏的「消息」小图标会根据不同场景触发各种各样的表情变化。比如常规模式下的「消息」图标是开心眨眼的小表情,开启夜间模式后,不仅整体界面变成了暗黑模式,Tab栏的「...

查看详情

#QQ#互动#图标