进度条

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

进度条

细节 51

我也有新发现 我要投稿
VUE在存储视频时,进度条的保存仪式感
VUE

操作反馈VUE在存储视频时,进度条的保存仪式感

猎人 - 戢戢9.0

视频的编辑处理通常比较耗费时间,当辛苦了大半天编辑好准备存储时,你肯定不想出现什么差错,所以VUE在这里告诉用户不要急着退出,防止视频保存失败,并采用长方形的顺时针进度条,打...

查看详情

#VUE#保存#加载

「阿里云」banner轮播图里的进度小提示
阿里云

微交互「阿里云」banner轮播图里的进度小提示

猎人 - AmberDu小白0.0

在互联网产品中,进度条的身影无处不在。进度条可以让用户更加直观地了解流程进行的程度,明确自己正在做什么,也能从心理层面上缓解等待的焦虑感。「阿里云」的官网将进度条运用到了ba...

查看详情

#加载#微交互#情境预判

「腾讯动漫」别出心裁的banner轮播动效
腾讯动漫

设计逻辑「腾讯动漫」别出心裁的banner轮播动效

猎人 - AmberDu小白4.5

越来越多的网站会在主页banner轮播图的下方加入进度条来提示访问者banner切换的时间,「腾讯动漫」则巧妙地将轮播图的进度条设计与平台吉祥物飞过屏幕的动画效果结合起来。为...

查看详情

#banner#二次元#动漫

「喜茶」小程序点单页面的设计小心机
喜茶

用户体验「喜茶」小程序点单页面的设计小心机

猎人 - AmberDu小白6.0

在「喜茶」小程序的点单页面,会以进度条的形式显示当前门店已有多少笔订单,以及共计多少杯饮品正在制作中。可视化的数据呈现给用户带来掌控感,方便用户在点单的同时预估自己的排队情况...

查看详情

#人性化#信息可视化#信息呈现

Spotify:「玩儿彩蛋,我们是专业的」
Spotify

设计彩蛋Spotify:「玩儿彩蛋,我们是专业的」

猎人 - AmberDu小白0.0

Spotify的设置页面里有个Stranger Things Mode的开关,打开就可以在有彩蛋设计的歌曲播放时触发各种特殊动效。比如在Spotify播放「怪奇物语」的主题曲...

查看详情

#Spotify#情境预判#情感化设计

美团外卖是如何让用户方便感知外卖进度的?
美团外卖

用户体验美团外卖是如何让用户方便感知外卖进度的?

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

最近在「美团外卖」下单后,当手机还在锁屏时,轻触屏幕后锁屏界面首次出现外卖进度提示模块,模块设计简洁收敛,聚焦关键信息和送餐进度,并询问用户是否允许通知,即使用户选择关闭,仍...

查看详情

#人性化#信息呈现#情感化设计

「流利说」你见过带进度条的导航栏图标吗?
英语流利说

信息呈现「流利说」你见过带进度条的导航栏图标吗?

猎人 - 闪电猪猪侠8.5

使用「流利说」App时,用户在学习中是看不见一级页面的。但如果用户中途有事退出了学习,那么回到主界面就可以看到导航栏的「学习」图标变成了一个环形进度条,圆环的中心数字显示着用...

查看详情

#信息呈现#图标#教育

「小宇宙」播放进度条与点赞功能结合的创新操作
小宇宙

信息呈现「小宇宙」播放进度条与点赞功能结合的创新操作

猎人 - 花花🌸Yinghua9.7

在「小宇宙」App的单集播放页中,你会发现播放进度条和常规的滑块进度条有很大差别。除了具有常规的拖拽定位媒体的播放位置,还将用户的点赞情况进行了可视化传达。柱子较高的片段代表...

查看详情

#信息可视化#信息呈现#即刻

腾讯视频上线超甜嗑糖神器,带你在《长相思》磕CP
腾讯视频

设计彩蛋腾讯视频上线超甜嗑糖神器,带你在《长相思》磕CP

猎人 - AmberDu小白6.0

「腾讯视频」针对最近的主推剧《长相思》专门设计了电视剧进度条的红色木槿花彩蛋。木槿花是贯穿女主人生各个阶段的重要剧情元素,也见证着复杂的情感纠葛。播放进度条除了图标变成木槿花...

查看详情

#互动#情感化设计#惊喜

bilibili:《国王排名》波吉的专属表情,安排上了
Bilibili

设计彩蛋bilibili:《国王排名》波吉的专属表情,安排上了

猎人 - AmberDu小白7.4

《国王排名》作为一部故事简单、画风幼稚的小众动画,却在今年上线不到2个月获得了豆瓣9.5的高分,收获大批「自来水」,成为很多人心中今年最让人破防的动画。B站不仅为《国王排名》...

查看详情

#Bilibili#图标#情感化设计

「江南百景图」:加载进度条如何进行文字包装?
江南百景图

文案「江南百景图」:加载进度条如何进行文字包装?

猎人 - 洛糊糊8.0

长时间的Loading常常会让人感知到等待的乏味,因此许多游戏都会对Loading界面进行包装,比较常规的就是在界面随机滚动播放游戏的小窍门或小故事。而「江南百景图」选择了将...

查看详情

#情感化设计#文案#江南百景图

抖音优化了进度条交互手势体验?
抖音

手势交互抖音优化了进度条交互手势体验?

猎人 - 龙爪槐守望者9.2

最近「抖音」优化了播放进度条的拖动交互,当用户拖动进度条时控件会自动放大,并清晰显示时间与画面预览。方便用户能更加方便和精准地把控进度条的拖动位置。

查看详情

#交互手势#信息呈现#抖音

「即刻」:您的2019已充值完毕,新的一年一起走花路吧
即刻

设计彩蛋「即刻」:您的2019已充值完毕,新的一年一起走花路吧

猎人 - AmberDu小白0.0

「即刻」有个很特别的圈子叫「今年的时间进度条」,团队在2018-2019的跨年夜特意在这个主题区安排了倒数计时的动效彩蛋。当15秒倒计时结束进入2019新的一年,屏幕上不仅会...

查看详情

#动效#即刻#文案

小红书APP是如何通过设计,让内容上传的等待时间被高效利用的?
小红书

设计逻辑小红书APP是如何通过设计,让内容上传的等待时间被高效利用的?

猎人 - AmberDu小白8.4

在社交平台上传较大的视频时,通常需要经历较长的等待时间。「小红书」APP 将视频上传中的进度条顶置在「首页」信息流页面上方,方便用户等待视频上传的同时也可以继续浏览其他内容,...

查看详情

#小红书#操作中有反馈#效率

「滴滴出行」新增拼车行程进度条,让乘车更有掌控感
滴滴

用户体验「滴滴出行」新增拼车行程进度条,让乘车更有掌控感

猎人 - 卷毛0.0

新版「滴滴出行」的拼车行程用进度条的形式展示,之前的设计是在地图上显示拼单用户,但并没有很清楚的呈现接送顺序的信息。旧版的设计容易让用户产生困惑,上车之后可能还需询问司机具体...

查看详情

#人性化#信息呈现#掌控感

bilibili:会左右眨眼的猫头播放进度条
Bilibili

设计彩蛋bilibili:会左右眨眼的猫头播放进度条

猎人 - AmberDu小白8.0

人气动漫「夏目友人帐」的更新又要在b站来了,这一次播放进度条的小电视变成了猫咪老师三三的猫头,左右拖动猫猫的眼睛还会左右眨眼😉,简直不要太可爱。对于等待更新已久的动漫迷们而言...

查看详情

#Bilibili#图标#情感化设计

如果在电脑端网页里设计灵动岛会怎样?
Nitish Khagwal

微交互如果在电脑端网页里设计灵动岛会怎样?

猎人 - 龙爪槐守望者8.2

iPhone的灵动岛设计充分利用了屏幕的显示空间,将原本的屏幕挖孔转变为视觉交互区域,让通知更直观可互动。如果在电脑端的网页里设计灵动岛应该怎样呢?印度设计师Nitish K...

查看详情

#Web#滚动岛#灵动岛

手把手教你学舞蹈的神器软件

交互手势手把手教你学舞蹈的神器软件

猎人 - AmberDu小白5.0

作为一款教学类的舞蹈社区软件,「跳跳舞蹈」针对舞蹈教学这个使用场景不仅设计了贴心的「镜面反转」,还提供了「A-B循环播放」功能。用户根据自己想学舞蹈的动作内容,可以自己在进度...

查看详情

#交互手势#人性化#情境预判

可能是你所能见到的最戏精的加载页面*′∀`)′∀`)*′∀`)
鬼畜

页面加载可能是你所能见到的最戏精的加载页面*′∀`)′∀`)*′∀`)

猎人 - AmberDu小白0.0

页面加载受到如网速等不可控因素的影响较多,因此时常会被融入有趣的动效或文案来缓解用户等待的焦虑情绪。如果你用过「鬼畜」App,一定会对它的加载画面印象深刻,因为大概没有比它更...

查看详情

#加载#情感化设计#情绪

在芒果TV追剧,长按视频有惊喜哦~
芒果TV

微交互在芒果TV追剧,长按视频有惊喜哦~

猎人 - AmberDu小白9.0

看视频时有些情节很无聊怎么办?通常我们都会通过拖动进度条去快进视频,而在芒果TV只要长按屏幕就会出现一个中间有小闪电的圈圈旋转的动效,视频就会加速播放。这样的形式相较没有加速...

查看详情

#交互手势#即时反馈#心理暗示

1/3

热门应用