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

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

淘宝

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

小宇宙是如何通过有趣的Tab设计激发用户互动意愿的?
小宇宙

微交互小宇宙是如何通过有趣的Tab设计激发用户互动意愿的?

猎人 - 龙爪槐守望者6.9

「小宇宙」App主页未选中的Tab是毛玻璃的效果,选中则变清晰,吸引用户滑动选中让其清晰。通过有趣的视觉和交互效果,激发用户的互动意愿。

查看详情

#Tab#即刻#小宇宙

图片的分享形式会优于链接分享吗?
淘宝

设计逻辑图片的分享形式会优于链接分享吗?

猎人 - AmberDu小白7.3

现在越来越多的App会鼓励用户使用画报/图片的形式对内容进行分享。比如在「淘宝」App用户想分享一款产品给朋友,除了「复制链接」,「保存画报」的选项被安排在了分享页面第二显眼...

查看详情

#信息呈现#分享#易用性

赞赏按钮也能玩出花样?小宇宙的创意设计让你惊艳!
小宇宙

动效赞赏按钮也能玩出花样?小宇宙的创意设计让你惊艳!

猎人 - 龙爪槐守望者8.8

小宇宙的赞赏按钮别具一格,不仅采用了自适应的主题色,还添加了高光效果,并且这个高光会依据手机的重力感应自动变换方向。增加了交互的趣味性与独特性,为用户带来新奇体验。

查看详情

#动效#微交互#播客