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

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

淘宝

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

「腾讯视频」的音量条为什么是渐变色?
腾讯视频

设计逻辑「腾讯视频」的音量条为什么是渐变色?

猎人 - AmberDu小白10.0

在手机端的「腾讯视频」调节音量时你会发现显示音量大小的音量条呈红绿渐变色。随着音量的增加,音量条的颜色会从冷绿色逐渐过渡到暖红色。绿色给人平静舒适的心理感受,而红色会有警示的...

查看详情

#声音#微交互#心理暗示

新版「淘宝」是如何提升以图搜物的搜索体验的?
淘宝

用户体验新版「淘宝」是如何提升以图搜物的搜索体验的?

猎人 - AmberDu小白0.0

旧版的「淘宝」在使用「以图搜物」的功能时会自动识别到图中最易识别的一个物品,并直接跳转到相似商品的搜索结果页面。虽然很便捷,但当被识别的图片中出现多个物品时,自动识别不一定能...

查看详情

#好功能#搜索#易用性

「石墨文档」包含隐喻的权限访问提示页面
石墨文档

视觉「石墨文档」包含隐喻的权限访问提示页面

猎人 - AmberDu小白0.0

「石墨文档」对于文档的隐私保护十分重视,当未登录或账号未获得授权时点击他人分享的文档链接,会出现「没有权限访问」的提示页面告知权限状态并提醒登录账号。提示页的图案为一道被虚掩...

查看详情

#工具#形象思维#提示