尊享

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

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

大咖指引 职场加薪

大咖领航新机会新收入

AIGC实战 加速受益

大厂AIGC实战经验分享

优质链接 人脉链接

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

流量赋能 名利双收

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

领取更多高价值实用特权

投稿

进度条

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

进度条

细节 50

我也有新发现 我要投稿
「喜茶」小程序点单页面的设计小心机
喜茶

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

猎人 - AmberDu小白6.0

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

查看详情

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

B站跨年晚会上线月相进度条彩蛋,哔哩哔哩 (゜-゜)つロ 干杯~
Bilibili

设计彩蛋B站跨年晚会上线月相进度条彩蛋,哔哩哔哩 (゜-゜)つロ 干杯~

猎人 - AmberDu小白0.0

如果要评选「最懂年轻人的跨年晚会」,那一定非B站的跨年晚会莫属。无论是嘉宾阵容还是节目创意与视觉编排,B站的跨年晚会都有很多「爷青回」的情怀点和能点燃年轻人激情的炸点。按照小...

查看详情

#Bilibili#图标#情感化设计

欢迎来到2021,崭新的一年已充值完毕
即刻

设计彩蛋欢迎来到2021,崭新的一年已充值完毕

猎人 - AmberDu小白0.0

「即刻」App有个叫「今年的时间进度条」的圈子,用可视化的时间进度条与百分比数值展现时间的流逝。每年的跨年时刻,这个主题区还会有极具仪式感的线上跨年倒数计时动效彩蛋。当今年的...

查看详情

#仪式感#信息可视化#动效

bilibili的「吃豆人」轮播图设计
Bilibili

视觉bilibili的「吃豆人」轮播图设计

猎人 - AmberDu小白10.0

「吃豆人」Pac-Man是电子游戏历史上经典的街机游戏,由Namco公司的岩谷彻设计并由Midway Games在1980年发行,被认为是80年代最经典的街机游戏之一,是很多...

查看详情

#banner#Bilibili#二次元

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

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

猎人 - AmberDu小白4.5

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

查看详情

#banner#二次元#动漫

🦋「天官赐福」bilibili开播,进度条暗藏花城银蝶小彩蛋🦋
Bilibili

设计彩蛋🦋「天官赐福」bilibili开播,进度条暗藏花城银蝶小彩蛋🦋

猎人 - AmberDu小白0.0

小破站今年最重视的大IP「天官赐福」动画终于要在今天上线开播了。官方发布的所有相关视频播放器进度条上的小电视图标,都被换成了花城的银蝶,并且拖动进度条时银蝶的翅膀会打开,银蝶...

查看详情

#Bilibili#图标#情感化设计

B站又调皮了,这一次请大家恰柠檬🍋
Bilibili

设计彩蛋B站又调皮了,这一次请大家恰柠檬🍋

猎人 - AmberDu小白0.0

bilibili最近上线了由畑健二郎创作的漫画改编的新番「总之就是非常可爱」,可能是因为剧情太甜连工作人员都酸了,团队直接请大家「恰柠檬」🍋—— 播放进度条上的小电视icon...

查看详情

#Bilibili#图标#情感化设计

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

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

猎人 - 闪电猪猪侠8.5

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

查看详情

#信息呈现#图标#教育

「优酷」强大的动态截屏功能
优酷

手势交互「优酷」强大的动态截屏功能

猎人 - AmberDu小白10.0

「优酷」App的新版本更新后,动态截屏功能变得十分友好:全屏播放页面下,点击屏幕右侧的截屏按钮可进入动态截屏的操作界面。系统会自动帮用户截取30s的视频内容与5s的GIF内容...

查看详情

#交互手势#优酷#好功能

B站上的「星际迷航」小彩蛋你发现了吗?
Bilibili

设计彩蛋B站上的「星际迷航」小彩蛋你发现了吗?

猎人 - AmberDu小白9.0

「星际迷航」在bilibili上线,这一次团队又在进度条上埋彩蛋了。常规状态下进度条上的小电视图标变成了「进取号」,拖动进度条时「进取号」小图标还可以变换方向,这细节也是做得...

查看详情

#Bilibili#图标#情怀

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

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

猎人 - 花花🌸Yinghua9.7

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

查看详情

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

关于「虾米音乐」播放进度条的小思考
虾米音乐

视觉关于「虾米音乐」播放进度条的小思考

猎人 - 404NTFounD0.0

「虾米音乐」的播放界面将播放进度条与播放时间信息做了巧妙的结合,并有两种不同的显示方式:打开歌曲详情页时,专辑图底部会显示音乐的时间进度条;而当返回至歌曲信息页时,时间进度条...

查看详情

#信息呈现#图标#虾米

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

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

猎人 - 卷毛0.0

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

查看详情

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

让小萌猫在进度条上打瞌睡的「猫耳FM」
猫耳FM

微交互让小萌猫在进度条上打瞌睡的「猫耳FM」

猎人 - AmberDu小白9.0

「猫耳FM」的音频播放进度条的图标是平台的吉祥物小萌猫的形象。当音频处于暂停的状态,小猫儿会呈现打瞌睡的样子;而当按下播放键,音频播放中的进度条上小萌猫会开心地向前移动。用情...

查看详情

#交互手势#微交互#情感化设计

短视频中的这个功能,你使用过吗?
微视

用户体验短视频中的这个功能,你使用过吗?

猎人 - AmberDu小白9.0

随着网红经济的出现,近年来短视频行业风生水起。「微视」就是腾讯去年4月推出的短视频创作与分享应用。「短视频」通常指在互联网新媒体上传播时长在1分钟以内的视频内容,具有短平快的...

查看详情

#情境预判#易用性#短视频

「跳跳舞蹈」:用A-B循环播放,手把手教你学舞蹈
跳跳舞蹈

交互手势「跳跳舞蹈」:用A-B循环播放,手把手教你学舞蹈

猎人 - AmberDu小白5.0

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

查看详情

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

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

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

猎人 - AmberDu小白0.0

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

查看详情

#动效#即刻#文案

今天,你有和喜欢的人去ZEPETO的照相亭拍照么?
ZEPETO

微交互今天,你有和喜欢的人去ZEPETO的照相亭拍照么?

猎人 - AmberDu小白0.0

最近霸榜的陌生人社交软件ZEPETO,最受欢迎的核心板块就是「照相亭」。「照相亭」可以和任何人合照,并不需要双方互为好友,通过官方给出的模板即可与自己关注的另一个或多个用户合...

查看详情

#ZEPETO#加载#微交互

「MOO音乐」独树一帜的「快进」与「后退」
MOO

交互手势「MOO音乐」独树一帜的「快进」与「后退」

猎人 - AmberDu小白0.0

常见的音乐软件上,一首歌的「前进」和「后退」都是通过底部的控件进行控制,大家似乎也都习惯了这样的方式并没有想着改变。而「MOO音乐」,给了我们惊喜:打破传统的整屏沉浸式音乐播...

查看详情

#交互手势#易用性#腾讯

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

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

猎人 - AmberDu小白0.0

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

查看详情

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

2/3

热门应用