B站「弹幕设置」里的奔跑小人儿～ - 优设网 - UISDC

设计彩蛋 B站「弹幕设置」里的奔跑小人儿～

产品：Bilibili iOS 作者：Bilibili设计团队 时间：2018-10-08

猎人： 小白 观众：2834人

细节描述

B站最近在iOS版本的「弹幕设置」里，添加了奔跑中与慢走中小人儿的图标来分别表示弹幕速度调节的快与慢。这个小彩蛋与 iOS里用兔子与乌龟的形象表示「朗读速率」快慢的调节类似，都运用了形象思维将抽象的
「速度」概念具象化。让用户对抽象概念的感知更直观清晰，也为交互体验带来更多趣味性。

围观案例 ! 温馨提示：案例或因时间流逝和版本迭代与截图时有所差异
本篇知识点及话题# Bilibili# 弹幕# 形象思维# 情感化设计# 视频# 设计彩蛋# 趣味性
加长

发表评论 加载中....

评论加载中....

下一篇

捕获自 优酷 iOS

你将掌握 用户体验 的小知识~

沉浸式看视频学英语，尽在「小小优酷」(*╹▽╹*)

优酷的「儿童模式」，不仅可以帮助家长对孩子的观影时长进行管理以保护视力，还可以开启「英文模式」让频道只显示纯英文视频内...

官方微信

weixin
设计头条 行业热门
交友脱单 活动丰富
干货私单 涨薪法宝

优设官微 掌上更精彩 扫码关注

相关细节

交互手势 让弹幕像调节声音亮度一样简单

都知道视频软件一般都是通过上下滑动的方式调节声音和亮度，而「优酷」是在视频中间部分用上下滑动控制弹幕的行数。有时候弹幕太多会影响观看视频，但是又想边看视频边看吐槽，这时候用这个手势就可以根据需求直接上下滑动调节弹幕占屏的行数了，随心所欲的看视频很方便。

产品：优酷 iOS 作者：优酷UED 猎人： 小白

设计逻辑 A Weather Way ：天气预报的另类玩儿法

A Weather Way 是一款将日程安排与天气预报结合的 App。 除了与一般的天气类 App一样在界面设计上突出实时地区温度与天气等信息， A Weather Way 还将天气信息呈现与时间线结合，将未来的天气状况预报以场景化的形式展现。在天气预报展示页里看见的人，车，房屋等图形场景并非装饰物，而是用户可根据自身情况进行图标选择设置的行程表。这样的信息呈现方式不仅更有代入感与趣味性，更使用户可以很清楚的看到未来行程里具体场景下自己将要做的事与当时所处天气的情况。

产品：A Weather Way iOS 作者：A Weather Way UED 猎人： 小白

微交互 「蚂蚁森林」的评论点赞有点儿萌~

今天有被「蚂蚁森林」生活号文章评论区的「点赞」交互萌到。和其他产品的点赞icon设计不同，「蚂蚁森林」的点赞按钮在点赞前是呈现大拇指被握住的样子，好像在为点赞的动作做准备。点赞后才会变成我们印象里表示赞许的竖起大拇指的形象。用微交互惟妙惟肖地展现出我们为他人点赞时动作的全过程，很容易引起共情。看着已经握着大拇指跃跃欲试想要点赞的图标，你会不会想要点个赞帮它竖起大拇指呢？

产品：支付宝iOS 作者：支付宝团队 猎人： 小白

弹幕交互 叮咚~你的小澜孩已加入弹幕区留言(づ￣ 3￣)づ

成为优酷视频会员，不仅可以尊享丰富的影视资源，还能让自己的ID在发弹幕时使用剧集相关角色的头像。带角色扮演头像的弹幕，让发言更有剧集代入感。这个彩蛋的设置一方面强化了会员身份的尊贵感与特权性，一方面也丰富了弹幕区的多样化，可谓一举两得了。优设在匿名留言的设置上也藏着有趣的cosplay ID，你最想得到哪个角色的ID呢？

产品：优酷 iOS 作者：优酷UED 猎人： 小白

优设精选专题 查看更多

195071人看过 11篇文章

求职面试

那些不容易看到的面试技巧都在这

本专题收集了最常见的面试问题和答案，而且从面试官的角度告诉你，他们在考核什么。另外还有国内各大公司的面试流程分享，以及高手是如何应对面试的。能否跨入大厂，就看你有没有收藏了！
查看专题
585385人看过 11篇文章

后期修图

最全面的后期效果方法总结

由国内知名的修图软件@泼辣修图 主笔叶明老师倾情撰写，全是日常大家最喜欢的后期效果，无论你中意哪个风格，在这儿都能找到修图方法。
查看专题
667426人看过 17篇文章

PPT设计

几乎每个人都得学的设计软件

不是专业设计师怎么做好一份PPT呢？有这份PPT 设计专题就够了！从基础方法到进阶技巧，从排版、配色、字体、动画到PPT 的相关插件、模板应有尽有。
查看专题
44718人看过 10篇文章

语音交互设计

开启人与机器对话的新方式

本专题从语音交互的基础科普入手，延展至设计方法和谷歌、亚马逊两个大厂出品的设计规范解读，如果你正好是智能语音产品的设计师，这个专题绝对能帮上大忙！
查看专题

设计师基础理论书 查看更多

破茧成蝶2

国内设计师出版的最值得一看的书，熟悉的界面背后藏着大道理。

刘津 孙睿
人民邮电出版社

用户思维

创业时代的用户获取方法，优化体验，前所未有的技巧绝学。

约翰·沃瑞劳
中国友谊出版公司

设计心理学（套装共4册）

英文版销售25万册，设计学知名力作，设计师必读经典。

唐纳德· A · 诺曼
中信出版社

用户体验要素

以用户为中心的产品设计，销量经久不衰，入行必读。

Garrett
机械工业出版社

用户至上

亚马逊用户体验师首推的用户体验书，内附实践方法。

Kathy Baxter
机械工业出版社

色彩设计法则

梁老师苦心著作的配色书籍，或许适合所有色彩爱好者研读学习。

梁景红
人民邮电出版社
书到用时方恨少 > >
优设专访 转场动效 设计师 扁平化设计 优设大课堂 交互设计师 界面设计 排版布局 职场 配色 视觉设计 素材下载 web前端开发 设计流程 设计师专访 平面设计 AI教程 设计理论 神器下载 用户体验设计 字体下载 海报设计 设计趋势 psd下载 设计规范 动效设计 图标设计 logo设计 产品设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 用户体验 酷站 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地！优设网是极具人气的设计师平台
2012年成立至今，一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信，扫码分享
学设计 优设网 在这里