端午佳节来临，B站小电视也变身「粽子精灵」送祝福 (๑•ᴗ•๑) - 优设网 - UISDC

设计彩蛋 端午佳节来临，B站小电视也变身「粽子精灵」送祝福 (๑•ᴗ•๑)

产品：Bilibili iOS 作者：Bilibili团队 时间：2018-06-18

猎人： 小白 观众：1768人

细节描述

B站播放器的进度条里有萌眼睛小电视交互相信很多同学已经知道了，这是很经典的对用户操作行为做出生动有趣即时反馈的案例。这一次的端午节小电视又来「作妖」了 (๑•ᴗ•๑)~ 为了庆祝「粽子节」的到来，小电视也穿上了粽叶外衣变身「粽子精灵」。当你看剧调整视频进度条时「小粽子」左顾右盼的样子也是real可爱了，B站对节日气氛的渲染也是独树一帜的用心呢~

围观案例 ! 温馨提示：案例或因时间流逝和版本迭代与截图时有所差异
本篇知识点及话题# Bilibili# 微交互# 情怀# 播放器# 节日# 视觉引导# 视频# 设计彩蛋# 趣味性

发表评论 加载中....

评论加载中....

下一篇

捕获自 网易新闻 iOS

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

你还记得上次使用的哪个账号登录的吗？

记住账号和密码可能是个世纪难题了。特别是现在的app都支持第三方登录，这下连上次用什么账号登录的都记不清了。随便挑一个账号...

官方微信

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

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

猎人推荐 我要投稿

相关细节

设计彩蛋 Apple设计师的小心机，带我们看见了苹果的声音

自从苹果的系统升级到iOS7，录音工具的图标就由之前的麦克风变成了一段录音的声波。很长一段时间里我都以为这只是一个纯粹的图形设计，后来才偶然发现图标的声波形状正是“Apple”这个单词的声音形状。不信你可以打开自己的iPhone录音亲自试一试 o(*￣︶￣*)o 不过你可能会得到一个与图标相似却不完全一致的声波图，这是因为每个人的声线与发音方式都存在差异的缘故。

产品：iOS系统 作者：Apple设计团队 猎人： 小白

设计彩蛋 这个小电视我也就点了100下

登录小电视家安卓版本的App向左滑动，侧面菜单栏背景里的小电视图案是可以戳的哦 。触摸小电视它就会出现卖萌表情的反馈，简直不要太好玩。据说是当时做开发的程序员哥哥埋下的小彩蛋，也是real可爱了~其实B站的彩蛋非常多，可以让用户不停的探索以增加对产品的体验与了解，真的很棒了~

产品：Bilibili Android 作者：Bilibili 设计团队 猎人： 小白

用户体验 在进度条里进行品牌推广

在「腾讯视频」里播放「演员的诞生」，用进度条控制视频快进的时候会发现一个有趣的品牌推广：进度条会变成赞助商「腾讯微视」的品牌元素。在产品自身的控件里植入品牌广告，不影响产品原本的交互与使用体验，但可以对用户潜移默化的进行品牌推广。这样比较巧妙的广告植入是不是能减少用户的反感呢？多考虑将产品本身的功能设计与品牌或其他推广信息相结合，也许会是个不错的推广思路吧。

产品：腾讯视频 iOS 作者：腾讯视频UED 猎人： 小白

优设精选专题 查看更多

611300人看过 7篇文章

英文字体

高手都在用的英文字体打包下载

英文字体世界浩瀚无涯，想找到合适的字体颇不容易。幸运的是那些乐于分享的前辈已经将私藏的字体打包好并全部呈上，不仅有专业平面设计师和网页设计师特供版，更有顶尖设计师灰昼倾情分享个人字体包，话不多说，是时候为你的字体库腾出一个位置来咯。
查看专题
135743人看过 8篇文章

手机摄影

掌握拍摄窍门去朋友圈收赞

本专题精选了全球iPhone 摄影大赛人物类冠军和泼辣修图叶明的多篇好文，从基础构图、裁剪方法到摄影技巧无一不包，对于新手而言，看完这个专题，足以拍出一组不错的作品发到朋友圈咯！
查看专题
199356人看过 16篇文章

UX理论

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

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

UX Coffee 专访

谷歌设计师给你带来不一样的设计专访

UX Coffee 是一档关于用户体验的播客节目，由两位谷歌设计师Hoka、Riceman 创办，他们会邀请来自硅谷和国内的学者和职人来聊聊产品设计、用户体验和个人成长。
查看专题

优设热门私房课 查看更多

iPad 手绘入门快速学习指南

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

闫实
优设大课堂人气老师

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

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

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

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

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

慕青
知名大厂设计师

包装插画入门学习指南

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

鱼吉
艺术院校老师

腾讯设计师求职成功指南

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

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

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

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

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

您还没有登录

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

微信扫码

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

把好文章收藏到微信

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