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

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

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

猎人： 小白 观众：3384人

细节描述

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

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

发表评论 加载中....

评论加载中....

下一篇

捕获自 优酷 iOS

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

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

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

官方微信

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

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

猎人推荐 我要投稿

相关细节

微文案 胖虎凝视，胖虎微笑

之前有写过优酷视频的会员可以发带角色扮演头像的弹幕，后来发现「爱奇艺」也上线了类似的弹幕功能。带角色扮演头像的弹幕，让发言更有代入感也强化了会员身份的特权性。觉得「爱奇艺」的cosplay弹幕很有趣是因为它的角色设置与微文案都十分具有娱乐精神。比如「中国新说唱」这档综艺节目的弹幕角色，就被设计成了曾被很多观众吐槽过的节目组导演的形象，连角色名「胖虎」的昵称都来自观众在节目弹幕中对导演的称呼。「胖虎凝视」、「胖虎微笑」，「可爱胖虎」，「生气胖虎」，不仅有角色还带表情包展现情绪，这设定也是暴风可爱了。互联网产品的情感接触点很多时候都是以文案为载体，在符合产品调性的前提下，生动的趣味性的表述总能更轻易的带给用户好感。

产品：爱奇艺 iOS 作者：爱奇艺UED 猎人： 小白

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

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

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

用户体验 会在第二次朗读同一单词时自动变慢语速的谷歌翻译

当境外旅游变得日渐频繁，翻译软件也逐渐成为了我们生活必备的应用工具。Google Translation作为最早最权威的免费即时翻译工具成为了很多人的首选。当你在使用谷歌翻译听单词的读音时，第一遍会很快播放；而点击同一个单词第二遍听读音，谷歌翻译会默认用户未能听清或对单词读音掌握困难，为使用户听得更清楚二次朗读声音播放语速会明显自动变慢。仿佛一个贴心小翻译，谷歌对用户的服务总是这么细腻周到。

产品：Google Translation 作者：Google设计团队 猎人： 小白

优设精选专题 查看更多

226102人看过 16篇文章

UX理论

19条经典理论让你的设计更有说服力！

本专题由「超人的电话亭」撰写，包括最经典常用的19条UX设计理论，每一条理论都包括概述、设计案例和注意事项3个部分，保证看完后能不仅能掌握定义，更能运用到实际产品设计中。
查看专题
615596人看过 11篇文章

灵感专题

让创意如万斛泉源，不择地皆可出

灵感20%靠方法，80%靠积累。本专题除了有专业设计师获取灵感的方法，更多的是值得每天花时间逛一圈的灵感网站和APP，类型之丰富够你在灵感的海洋里徜徉遨游一整年了。
查看专题
345203人看过 9篇文章

电影海报设计

看大师如何在方寸之间挥洒才华

本专题不仅收集了国内外知名的高分电影海报设计，还有设计方法总结和大神介绍，让你一饱眼福的同时也能学习到更多海报设计的技巧。
查看专题
459162人看过 10篇文章

人工智能设计

人工智能是如何取代设计师的？

当19世纪前的棉花厂女工勤勤恳恳劳作时，她们可能没意识到，一个崭新而残酷的时代即将来临。而现在，当你握着鼠标涂涂画画时，是否也曾意识到，人工智能设计已经悄然而至？
查看专题

优设热门私房课 查看更多

iPad 手绘入门快速学习指南

iPad 插画练习技巧和速写方法入门科普

闫实
优设大课堂人气老师

Q版头像Ai插画疾速入门指南

不需要手绘板，零基础也能快速上手，6大知识点带你绘制专属卡通头像

周小馋
优设大课堂人气老师

UI设计师直通大厂的简历&面试秘籍

用科学系统的方法提高求职面试的成功率，比内推还有效的大厂秘诀

慕青
知名大厂设计师

包装插画入门学习指南

从接单、沟通、IP形象设计到包装印刷落地的完整过程呈现

鱼吉
艺术院校老师

腾讯设计师求职成功指南

国内顶尖设计团队「腾讯ISUX」设计师亲自撰写的求职面试经验

腾讯ISUX
国民级产品设计团队

成长型插画师的插画练习术

Dribbble 人气插画师快速成长的插画练习术揭秘

风绽
资深插画师
查看更多热门课程 > >
sketch 版式设计 界面设计 排版布局 职场 优设专访 设计师干货 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 AI教程 设计理论 设计流程 神器下载 字体下载 设计师专访 psd下载 设计规范 海报设计 设计趋势 用户体验设计 平面设计 动效设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

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

微信扫码

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

把好文章收藏到微信

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