B站躲在圣诞帽里的小电视 - 优设网 - UISDC

设计彩蛋 B站躲在圣诞帽里的小电视

产品：Bilibili iOS 作者：Bilibili团队 时间：2018-12-25

猎人： 小白 观众：2746人

细节描述

随着圣诞节的到来，B站一如既往的上线了播放器进度条的节日彩蛋。平日里进度条的小电视图标变成了圣诞帽，并且在左右移动播放进程改变小圣诞帽位置时，会有躲在帽子里的小电视探出头来张望的交互动效。虽然进度条彩蛋对于熟悉B站的同学而言已是很熟悉的常规彩蛋设置，但每次的小彩蛋相较以往的设计都会有不同的创新，每次新的节日彩蛋上线还是会给大家带来惊喜。（ps：其他节日的小电视图标「变装」可翻看以前的细节文章 — 端午节是小粽子，中秋节是玉兔，万圣节是小幽灵）

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

发表评论 加载中....

评论加载中....

下一篇

捕获自 拉勾iOS

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

「拉勾」:可撤回的简历

在「拉勾」投递简历后，已成功投出的提示信息旁会有一个「撤回」按钮并伴有8秒时间倒数。很小的一个功能，却十分实用且人性化。...

官方微信

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

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

相关细节

交互手势 YouTube是怎样通过手势交互实现视频播放进度的精准操作的？

通过手动拖动进度条的方式更改播放进度虽然直接也算方便，但在快退进的进度把控上不太容易精准。尤其对于时长较长的视频，往往拖动进度条一小段距离就快进了很长的进度，很难把控时间。YouTube是通过点击屏幕两侧的手势来实现精准快退进的交互。在屏幕右侧点击两次，即可实现快进10秒的操作。点击三次则是快进20秒，以此类推。而在屏幕左侧进行相同的点击手势，可以完成对应的快退操作。

产品：YouTube iOS 作者：YouTube 团队 猎人： 小白

微交互 你可能没发现，iMessage自带信息气泡特效

苹果手机的iMessage信息内置了气泡特效，但由于入口较隐蔽，很多人可能都没发现这个有趣的小功能。在iPhone上发送短信时长按输入框旁边的icon，就会出现「带效果发送」的操作界面。比如「回声效果」「聚光灯效果」「爱心效果」等等。个性化的特效气泡为短信发送增添了情绪，让屏幕两端用户的互动体验更加生动有趣。

产品：iOS系统 作者：Apple 设计团队 猎人： 李炜健

页面加载 可能是你所能见到的最戏精的加载页面*′∀`)′∀`)*′∀`)

页面加载受到如网速等不可控因素的影响较多，因此时常会被融入有趣的动效或文案来缓解用户等待的焦虑情绪。如果你用过「鬼畜」App，一定会对它的加载画面印象深刻，因为大概没有比它更戏精的加载页了吧。App将用户剪辑鬼畜短视频的结果直接代入到加载页面中，营造出视频里的「演员们」仿佛正在后台紧张筹备马上就要上台表演的效果。如此脑洞大开与戏精十足的加载页设计也是real符合平台的品牌定位了。这么有趣的加载页真的让人忍不住后退重进再多看几次呢~

产品：鬼畜 iOS 作者：鬼畜设计团队 猎人： 小白

设计彩蛋 当「秘密花园」的填色游戏遇上加载页面

《Stained Glass》是来自美国新泽西州的独立摇滚乐队Real Estate新专辑中的音乐动画MV。正如歌曲名字意为「彩绘玻璃」一般，MV在呈现歌曲美妙旋律的同时还为听众提供了全程参与MV创作的机会 — 给画面上色。互动体验主要以网站与H5的形式呈现。沿袭了MV的填色互动风格，页面的加载过程也被设计成了填色游戏的小互动。只有当加载页的所有线描图案被听众填满色彩，整个页面的加载过程才算完成。将具有强互动性质的游戏与loading设计相结合，呼应MV内容的同时，更用趣味性缓解了等待加载页面时的焦虑情绪。

产品：Real Estate 作者：Real Estate 团队
 猎人： 小白

优设精选专题 查看更多

266869人看过 15篇文章

好书推荐

那些口碑炸裂的设计书籍

这两年，设计类新书层出不穷，眼花缭乱之时也让人无从选择。本专题收纳了各个领域（平面、交互、心理学等）专业人士提供的书籍建议，全是纯正好料，想屯书的抓紧了！为了帮大家节省时间，最后还附上超详细的读书笔记，帮你快速纵览全书。
查看专题
105748人看过 7篇文章

每月前端法宝

全栈设计师的最爱

每个月最新的前端开发框架，各种新鲜的工具和宝贝层出不穷，没错~都会收集到这个专题里，让你的前端工作效率突飞猛进。
查看专题
188350人看过 22篇文章

UX Coffee 专访

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

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

求职面试

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

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

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

情境交互设计：为生活而设计（第二版）

可作为国内互联网公司UED团队的日常工作指导用书

Karen Holtzblatt
清华大学出版社

用户思维

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

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

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

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

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

用户体验要素

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

Garrett
机械工业出版社

用户至上

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

Kathy Baxter
机械工业出版社

色彩设计法则

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

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

您还没有登录

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

微信扫码

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

把好文章收藏到微信

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