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

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

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

猎人： 小白 观众：1818人

细节描述

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

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

发表评论 加载中....

评论加载中....

下一篇

捕获自 网易新闻 iOS

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

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

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

官方微信

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

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

猎人推荐 我要投稿

相关细节

交互手势 「腾讯视频」的进退快捷操作

在「腾讯视频」看视频时，发现快进快退的操作十分简单方便：左边双击快退10s,右边双击快进10s。现在即便是有倍速播放的功能，也会有跳过不想看部分内容的想法，这样以每10s为单位快进快退的快捷操作就是很好的选择了。双击的手势操作学习成本不会太高，左退右进的设定符合普遍认知。

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

微交互 什么样的App需要「回到顶部」的快捷按钮？

当用户在MONO首页向下浏览多屏内容之后，它的标签栏第一个图标「M」会变成向上的箭头icon并且文案也会由「推荐」变为「回到顶部」，单击这个按钮后屏幕内容则会立马回到第一屏。无论是像MONO这样在底部标签栏设置「返回顶部」的按钮，还是常见的在页面右下角出现始终悬浮的「返回」icon，「返回顶部」的快捷按钮设计对于阅读类与视频类的内容多又复杂的App而言都十分必要，能很大程度上提升阅读体验与使用效率。除此之外，还有哪些类别的App需要「回到顶部」的快捷按钮呢？

产品：MONO猫弄iOS 作者：MONO设计团队 猎人： 小白

设计彩蛋 盖Kindle，面更香？老板，麻烦来碗kindle盖面＞ω＜

说起买kindle的经历，很多人都是当初入手时爱不释手，没看几次就丢到墙角落灰或是吃泡面时拿来盖碗。 被大家调侃Kindle是「泡面神器」的梗最近被亚马逊官方认证，并拿来做了新品发布的营销文案。俏皮自嘲的推广文案和广告，让不少网友对Kindle的好感暴增。Kindle的广告标语「盖Kindle，面更香」，算是对自我相当准确的定位了。不仅如此，Kindle这次放飞自我的推广还联合了「淘宝」来做定向营销。当你在「淘宝」的搜索栏输入关键词「泡面盖子」，会看到满屏关于用Kindle盖泡面的弹幕广告。这波弃疗式的宣传，实属玩儿的溜呀！

产品：淘宝iOS
 作者：淘宝设计团队
 猎人： 小白

优设精选专题 查看更多

391915人看过 14篇文章

设计规范

那些条条框框您真得懂？

说出来你可能不信，我去了几家公司，每个公司里都让我制作设计规范，说是为了便于公司规划流程化管理，当时我可是费了老大劲...
查看专题
489348人看过 11篇文章

你丫才美工

一枚有态度又能讲段子的美丫姐

可能是最会讲段子的设计师，也可能是最有态度的段子手，微信公众号@你丫才美工，欢迎关注哟！
查看专题
331384人看过 20篇文章

VR设计

从零开始的VR 设计学习实践指南

本专题可能是你见过最全面的VR 设计学习指南。从基础概念、主流平台到学习方法、实战案例无一不包，还有VR 前景探索，VR 相关资源包下载等等。来这里让你一站式学习VR 设计！
查看专题
423263人看过 8篇文章

简历制作

让你的简历敲开大厂的门

如果简历是敲门砖，那一份优秀的简历就是打开大厂的钥匙。本专题收录了不同顶尖大厂设计总监的简历制作方法和常见的细节错误，看完这个专题，赶紧把简历拿出来改好！
查看专题

优设热门私房课 查看更多

iPad 手绘入门快速学习指南

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

闫实
优设大课堂人气老师

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

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

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

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

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

慕青
知名大厂设计师

包装插画入门学习指南

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

鱼吉
艺术院校老师

腾讯设计师求职成功指南

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

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

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

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

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

您还没有登录

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

微信扫码

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

把好文章收藏到微信

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