微交互「淘宝」的「小火箭」带你飞向顶端

产品: 淘宝猎人: AmberDu小白作者: 淘宝设计团队
投稿: 丢丢猴观众: 8.7k人 时间: 2018-12-19

淘宝

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

我也有新发现 我要投稿
「淘宝」的「小火箭」带你飞向顶端「淘宝」的「小火箭」带你飞向顶端

细节描述

AmberDu小白: 看惯了「回到顶部」的文字提示或者箭头图标引导,不妨体验下淘宝的「回到顶部」小交互。在淘宝首页下滑浏览时「淘」字按钮会自动切换为「小火箭」,一键回到顶部。这样的比喻很形象,不仅为交互过程增加了趣味性,图标位置替换还节省了界面空间。点击其他页面时,「淘」字会恢复本职工作,变成「首页」。一个位置,实现三种功能,这也是值得我们学习的设计技巧。但是淘宝其他页面的「回到顶部」还是用简单的箭头表示,不知道是不是有特殊的考虑。如果也变成小火箭,视觉上会不会更统一 一些呢?

225人评分
收藏 2
分享细节海报

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

{{ moreBtnTxt }}

你可能还爱看

「腾讯视频」的视频播放进度控制还有快捷键?
腾讯视频

好功能「腾讯视频」的视频播放进度控制还有快捷键?

猎人 - AmberDu小白6.7

不知道用电脑看「腾讯视频」网页版的同学有没有发现控制视频播放进度是有快捷键可使用的。在「腾讯视频」看视频时,键盘1—0的10个数字键正好对应视频播放进度条的10%—100%,...

查看详情

#交互手势#好功能#快捷操作

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

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

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

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

查看详情

#互动#动画#微交互

当你感到焦虑失眠,不妨试试用「呼吸」来减压
潮汐

震动反馈当你感到焦虑失眠,不妨试试用「呼吸」来减压

猎人 - AmberDu小白9.0

每天花点时间进行深呼吸运动有助于减压助眠,维持平静健康的身心状态。「潮汐」App里有一个实用又有趣的「呼吸」功能,能帮助用户进行呼吸练习与状态调整。用户可以从「平衡呼吸」与「...

查看详情

#健康#声音#引导