尊享

加入【优设领航者俱乐部】

尊享全年高价值服务 加速收益

大咖指引 职场加薪

大咖领航新机会新收入

AIGC实战 加速受益

大厂AIGC实战经验分享

优质链接 人脉链接

企业/达人/设友线下链接

流量赋能 名利双收

1000W+流量助力影响力提升

领取更多高价值实用特权

投稿

图标

已捕获优质的产品细节 122 个

图标

细节 122

我也有新发现 我要投稿
前方禁止点击:即刻是如何用光标告知用户该按钮不可点击的?
即刻

用户体验前方禁止点击:即刻是如何用光标告知用户该按钮不可点击的?

猎人 - 聆风Raymond5.9

光标变化在网页设计上是很常见的,「即刻」网页端巧妙地运用了这个方法,把光标变化改为了我们在日常生活中常见的黄色禁止通行栅栏图标🚧,能够让用户立马了解该按钮是无法点击,但是又没...

查看详情

#hover#即刻#即时反馈

中秋节要到了,你有发现微博底部导航菜单的变化吗?
新浪微博

设计彩蛋中秋节要到了,你有发现微博底部导航菜单的变化吗?

猎人 - nana.L3.5

中秋节临近,「微博」底部导航菜单,「我」的图标变成了一个印有可爱兔子头像的月饼。点击后还会出现被咬一口的月饼效果,非常具有趣味性和节日的氛围感。「微博」经常在各种节日来临时变...

查看详情

#图标#微博#情怀

bilibili的用「传统艺能」进度条小彩蛋,为高考生加油打call
Bilibili

设计彩蛋bilibili的用「传统艺能」进度条小彩蛋,为高考生加油打call

猎人 - AmberDu小白9.3

它来了,bilibili的「传统艺能」—— 播放进度条小彩蛋它又来了。这一次,播放进度条上的小电视图标变身象征「学习和考试」的铅笔形象✏️,在2021年高考期间限定上线。B站...

查看详情

#Bilibili#图标#情感化设计

做综艺也不忘埋彩蛋的「哔哩哔哩」
Bilibili

设计彩蛋做综艺也不忘埋彩蛋的「哔哩哔哩」

猎人 - AmberDu小白0.0

「说唱新世代」是「哔哩哔哩」出品的说唱音乐类节目,无论是节目正片还是节目组官方发布的相关花絮或者选手视频,播放器进度条上原本的小电视吉祥物图标都会变成CD的样子。这个写满「r...

查看详情

#Bilibili#图标#情感化设计

多邻国App人性化的语音播放设计
Duolingo多邻国

用户体验多邻国App人性化的语音播放设计

猎人 - Ginny Q8.3

在「多邻国」完成听力题的时候,会发现有两个蓝色的语音播放按钮,点击可播放相应的语音。左侧的小喇叭icon代表正常倍速,右侧的小乌龟icon则代表「龟速播放」,图形化的表达方式...

查看详情

#人性化#信息呈现#图形化

今年双十一你剁手了吗?
淘宝

设计彩蛋今年双十一你剁手了吗?

猎人 - Ginny Q6.8

一年一度的「双十一战场」又拉开了帷幕,在「淘宝」APP天猫超市里查看物流详情时,在运送中的包裹由原先的快递小车变成了天猫双十一图标,一只俏皮可爱的黑猫瞪着大大的眼睛推着你的包...

查看详情

#图标#淘宝#节日

一秒定调游戏风格,「绘真·妙笔千山」是怎么做到的?
绘真·妙笔千山

视觉一秒定调游戏风格,「绘真·妙笔千山」是怎么做到的?

猎人 - 洛糊糊0.0

游戏的设计逻辑在于在最短时间内抓住玩家的兴趣点,同时告知玩家如何获得更好的用户体验。「绘真·妙笔千山」身为一个以「千里江山图」为主线的游戏,它的选择是点开游戏后,用符合基调的...

查看详情

#图标#游戏#绘真·妙笔千山

夜深了,QQ也休息了
QQ

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

猎人 - AmberDu小白9.5

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

查看详情

#QQ#互动#图标

在美团外卖看看吃啥,给美食比个心吧!
美团

微交互在美团外卖看看吃啥,给美食比个心吧!

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

在「美团外卖」吃啥「推荐」专栏,浏览美食的时候,用户可以进入二级页面查看更多图片,并给喜欢的美食点赞,不同于常规点赞图标,「美团外卖」采用手指比心的形式。点赞后,除了图标状态...

查看详情

#图标#微交互#情感化设计

我的手机跟我一样,讨厌雾霾天
MIUI

用户体验我的手机跟我一样,讨厌雾霾天

猎人 - AmberDu小白0.0

MIUI的状态栏,会根据天气状况的变化变换不同的主题样式,很有灵性。比如雾霾天打开手机,状态栏就是灰蒙蒙的样子;天气晴好的时候,状态栏就会自动切换蓝天的主题。不仅如此,MIU...

查看详情

#图标#天气#小米

「Discord」如何通过hover效果赋予表情图标生命力?
Discord

设计彩蛋「Discord」如何通过hover效果赋予表情图标生命力?

猎人 - AmberDu小白9.7

「Discord」的表情图标hover效果独具匠心,每当鼠标轻轻触碰到表情icon,它就仿佛活了起来,会展示出不同的表情。用户能够直观地理解图标的功能含义,情感化的设计也让整...

查看详情

#Discord#hover#图标

在小宇宙APP看到红色月亮
小宇宙

设计彩蛋在小宇宙APP看到红色月亮

猎人 - AmberDu小白8.8

11月8日迎来了今年第二次月全食天象,442年一遇的「天王星日食」也同时发生。「小宇宙」APP的「发现」首页搜索框上方常规的小行星图标,变成了月全食红月亮的样子,可爱的小惊喜...

查看详情

#图标#小宇宙#情怀

在支付宝参与热议话题讨论有趣的点赞互动
支付宝

微交互在支付宝参与热议话题讨论有趣的点赞互动

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

用户在「支付宝」的热议话题专栏参与互动时,除了常规转发、留言、点赞操作,观点下方提供了4个热词(神操作、酸了、加油、笑出声)让用户选择。点击后会出现对应的动效提醒,底部的点赞...

查看详情

#互动#图标#微交互

大家抱抱也许能让你开心一点~
即刻

设计彩蛋大家抱抱也许能让你开心一点~

猎人 - AmberDu小白9.2

「即刻」App有个「今天不开心」的圈子,大家可以在这个圈子里分享不开心的经历,寻求安慰与关怀。该话题下发布的内容,点赞图标都会变成「要抱抱」的图案,互动起来还有拥抱动效,情感...

查看详情

#即刻#图标#情感化设计

黄油相机的图标博物馆是什么?
黄油相机

用户体验黄油相机的图标博物馆是什么?

猎人 - AmberDu小白7.2

很多产品都会让用户通过参与活动做任务来领取特殊图标,作为用户的昵称后缀展示,让用户彰显个性。「黄油相机」团队针对该功能,专门设计了「图标说明书」页面,来告知用户获取图标的方式...

查看详情

#信息呈现#图标#好功能

贝壳找房如何通过设计给你安全感?
贝壳

用户体验贝壳找房如何通过设计给你安全感?

猎人 - 不是作家7.2

房屋交易平台最重要的就是给用户带来安全与可靠的品牌感,「贝壳」无疑是房屋交易产品中可靠性最高的产品,这里不仅体现在房屋质量上,在界面UI设计中也充分的体现专业与可靠,如「首页...

查看详情

#UI#信息呈现#图标

饿了么春节限定款骑手图标上线
饿了么

设计彩蛋饿了么春节限定款骑手图标上线

猎人 - AmberDu小白9.1

每逢节日和节气,「饿了么」都会上线特殊的骑手图标坐骑限定皮肤,作为特殊日子的彩蛋设计。比如清明节期间,接单送餐界面的骑手图标会变成骑着小燕子送餐;而谷雨时节,骑手图标的坐骑则...

查看详情

#图标#情感化设计#惊喜

网易云音乐能收获新年好运的点赞彩蛋
网易云音乐

设计彩蛋网易云音乐能收获新年好运的点赞彩蛋

猎人 - AmberDu小白9.4

「网易云音乐」的评论区在春节期间上线了关于「点赞」功能的节日彩蛋。不仅点赞图标变成了象征龙年的龙头图案,进行点赞操作时还会随机出现一句四字新春祝福语。为他人点赞互动的同时自己...

查看详情

#图标#情感化设计#点赞

脉脉的职位icon,祝你拿offer拿到手软
脉脉

设计彩蛋脉脉的职位icon,祝你拿offer拿到手软

猎人 - IGARASHI1498.7

「脉脉」的职位入口在「金三银四」招聘季的时候,icon替换成了offer宝箱的设计,是对求职者收到心仪offer的美好祝愿。脉脉通过一个icon的小改动将找工作和祝福相结合,...

查看详情

#图标#情感化设计#招聘

开言英语把英语角的氛围感狠狠拿捏了
开言英语

用户体验开言英语把英语角的氛围感狠狠拿捏了

猎人 - EvelynM9.3

在「开言英语」的英语角介绍页中,主题模块有不停飞出的icon动效,营造了与英语角场景契合的热闹互动氛围感。能够有较强的吸引力,引导用户点击查看主题详情,进而有可能促进转化。而...

查看详情

#互动#图标#开言英语

6/7

热门应用