菜单 优设网uisdc.com 优设网 - 学设计上优设

会员

开通优设VIP星球

尊享13项VIP特权 持续新增

主题打卡挑战

21天带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

领取更多设计师实用特权

投稿

进度条

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

进度条

细节 43

我也有新发现 我要投稿
淘宝iOS 更新至 10.16.0,直播回放视频支持分段进度条了
淘宝

信息呈现淘宝iOS 更新至 10.16.0,直播回放视频支持分段进度条了

猎人 - AmberDu小白9.6

直播卖货是线上购物很重要的组成部分,「淘宝」APP在最近更新的版本中就优化了观看直播的体验。将「淘宝」iOS 更新至 10.16.0,打开直播间看回放视频,可以看到视频支持分...

查看详情

#人性化#信息呈现#好功能

在B站看周杰伦新专辑MV会有什么彩蛋?
Bilibili

设计彩蛋在B站看周杰伦新专辑MV会有什么彩蛋?

猎人 - AmberDu小白9.5

7月6日,周杰伦新专辑《最伟大的作品》先行曲MV首播,bilibili专门为新歌宣传上线了进度条图标彩蛋和特殊的弹幕效果。MV播放界面的进度条图标由常规的小电视变成了粉色麦克...

查看详情

#Bilibili#弹幕#情感化设计

如何通过可视化设计让客户直观了解网速有多快?
swisscom

信息呈现如何通过可视化设计让客户直观了解网速有多快?

猎人 - 龙爪槐守望者9.4

仅凭带宽数字不能很好的比较网速具体多快。「swisscom」为用户提供可视化的网速呈现方式,选择不同的网速套餐,将用进度条展示对应网速下浏览网站,下载电子书、CD、更新包和电...

查看详情

#swisscom#人性化#信息呈现

丝滑放大,沉浸式拖拽时间节点
汽水儿

手势交互丝滑放大,沉浸式拖拽时间节点

猎人 - AmberDu小白7.8

听播客时,调节进度条一直都没有什么体验亮点。由于在收听播客节目时,漏听或想反复听一段时间音频时需要频繁调节进度条。「汽水儿」App在长按左右滑动调节进度条时,会进入一个浮层区...

查看详情

#交互手势#人性化#播客

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

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

猎人 - AmberDu小白7.4

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

查看详情

#Bilibili#图标#情感化设计

每日英语听力:进度条还能自定义调整节点?
每日英语听力

用户体验每日英语听力:进度条还能自定义调整节点?

猎人 - Clippp9.2

在「每日英语听力」App中,通常是播放一整篇文章供用户学习,用户一般也是从头到尾听下来,有听不懂的地方可能会暂停查看原文解释,之后再继续往下读。但如果用户只想反复学习一篇文章...

查看详情

#交互手势#人性化#教育

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

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

猎人 - 龙爪槐守望者9.2

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

查看详情

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

进入魔法世界的Loading界面暗藏哪些玄机?
哈利波特·魔法觉醒

设计逻辑进入魔法世界的Loading界面暗藏哪些玄机?

猎人 - AmberDu小白6.2

由于手游经常更新补丁,需要在正式进入游戏前的登录界面自动下载最新的资源文件,Loading界面通常的等待时间会较长。为了缓解玩家等待下载时的乏味体验,很多游戏都会对Loadi...

查看详情

#信息呈现#加载动画#哈利波特·魔法觉醒

bilibili带着晨光和美味,和你说早安~
Bilibili

设计彩蛋bilibili带着晨光和美味,和你说早安~

猎人 - AmberDu小白9.6

bilibili首部自制的早餐纪录片「第一餐」于9月上线,聚焦全国各地独特的早餐文化,以诙谐风趣的讲述方式展现属于中国的晨起之味。纪录片在视频播放界面的进度条图标上也花了小心...

查看详情

#Bilibili#图标#情感化设计

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

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

猎人 - 洛糊糊0.0

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

查看详情

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

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

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

猎人 - AmberDu小白8.0

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

查看详情

#Bilibili#图标#情感化设计

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

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

猎人 - AmberDu小白9.3

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

查看详情

#Bilibili#图标#情感化设计

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

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

猎人 - AmberDu小白0.0

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

查看详情

#Bilibili#图标#情感化设计

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

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

猎人 - 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小白1.0

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

查看详情

#banner#二次元#动漫

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

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

猎人 - AmberDu小白0.0

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

查看详情

#Bilibili#图标#情感化设计

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

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

猎人 - AmberDu小白0.0

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

查看详情

#Bilibili#图标#情感化设计

1/3

热门应用