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

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

淘宝

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

关于视频类App图标控件位置的思考
爱奇艺

用户体验关于视频类App图标控件位置的思考

猎人 - 桃子5.5

在「优酷视频」进行长按画面的操作可进入三倍速播放模式,手指离开屏幕后会回到原速播放。这样用户既可以快进不想看的内容,又不需要手动拖拽进度条快进错过精彩内容,简直是看剧神器。其...

查看详情

#交互手势#优酷#信息呈现

在淘宝查看店铺时,有趣的选品交互小动画
淘宝

微交互在淘宝查看店铺时,有趣的选品交互小动画

猎人 - 卷卷墩儿浪里个浪9.2

逛「淘宝」时,在店铺首页发现了有趣的交互动画,当内容加载完后显示2行商品传输带,上方传输带会将店内商品通过滚动运输到下方传输带,点击感兴趣商品时,出现大图弹窗,用户可以点击「...

查看详情

#互动#动画#微交互

当时的月亮, 曾经代表谁的心
每日万年历

微交互当时的月亮, 曾经代表谁的心

猎人 - AmberDu小白10.0

「每日万年历」是一款优雅又专业的日历应用,提供农历查询、节气物候、每日宜忌、行星运转等专业权威的日历信息。App的内容设计重视中华文化,视觉上也极具中国风的诗意浪漫。其中交互...

查看详情

#iDaily#中国风#交互手势