恭喜～你已成功捕获一只野生Up主O(∩_∩)O - 优设网 - UISDC

恭喜～你已成功捕获一只野生Up主O(∩_∩)O - 优设网 - UISDC

微交互恭喜～你已成功捕获一只野生Up主O(∩_∩)O

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

猎人：小白观众：2726人

细节描述

小白：拥有一个能捕捉携带怪兽的「精灵球」是很多喜欢「口袋妖怪」的小伙伴的梦想，其受欢迎的程度由两年前Pokémon GO的风靡一时就可见一斑。作为国内二次元网站代表的B站结合其平台属性，巧妙地将用户关注Up主的交互动作设计成了用精灵球捕获小怪物的过程。有趣又充满情怀的交互动效，使「关注」不再只是一个冰冷的按钮或者机械的操作动作，而更像是平台为用户用心准备的一份「圆梦」惊喜。你捕获的Up主是什么样子的小可爱呢？

围观案例 ! 温馨提示：案例或因时间流逝和版本迭代与截图时有所差异

本篇知识点及话题# Bilibili # 交互手势 # 情怀 # 情感化设计 # 按钮 # 视频 # 设计彩蛋 # 趣味性

发表评论加载中....

评论加载中....

相关细节

动画我在屏幕这端看见了你所在城市彩虹的模样

2013 年的苹果设计奖 (Apple Design Award) 得主Yahoo Weather，因其大气美丽的设计与实用的功能性受到很多人的喜爱，但其实它的动画效果更让人惊喜不已。根据你所添加地点的信息，Yahoo天气会结合此地所处季节、当前时间与天气状况从Flickr上为你挑选精美的照片作为界面背景。而雨、雪、雾等实时气象状况，则会通过细腻仿真的动画演示。有时你会在屏幕上看见电闪雷鸣；有时你也能看到雨滴一颗颗落在视线渐渐模糊的玻璃上或是柳絮般的雪花慢慢覆盖屏幕；有时甚至你可能刚刚在现实中经历雨过天晴，而低头就看见了屏幕里出现了一道彩虹。所谓赏心悦目，即是如此吧。借助动画打造身临其境的使用情景，为用户提供了更加沉浸与有趣的使用体验。

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

微交互有史以来画风最可爱的官网长这样

Same是一款主打年轻化的兴趣社交产品，它的web端官网简直是画风清奇，萌点满满。Same的首页放眼看去除了logo一个字符都没有，满屏的图标信息让你仿佛置身于火星文的世界。但当你把鼠标hover上去，会开启一个新世界（icon都变成文字了）。这种信息呈现的反差与神秘感，反而会激发用户对网站信息探索的好奇心。如果觉得麻烦还可以通过右上角的开关，一键将icon换成文字。这个设计很大胆，虽然有点冒险，但对于喜欢个性与创意的年轻用户而言还是很合适的。

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

微交互影院熄灯，电影要开始了～

打开「淘票票」的网站浏览影片介绍页面，你会看到页面右上角有一个模拟关灯拉绳的「切换影片」按钮。当鼠标移动到拉绳上面，会出现拉绳下拉的微交互，点击则会切换到所有影片浏览的界面。这很容易让人联想到影院熄灯影片开始或者亮灯散场的场景。形象思维的运用利于用户将生活中的经验与交互体验联系起来，让交互操作更生动也更自然。

产品：淘票票作者：淘票票团队猎人：小白

微交互快看！小信封图标打开了，你有一则信息要读哦～

在「即刻」收到信息通知，不仅会在tab栏的「我的」显示小黄点提醒，而且「我的通知」在列表页的信封小图标会呈现打开的状态。由于没有新信息的常态下信封图标是一直合上的，只有收到互动信息的用户才会发现这个可爱的彩蛋，算是团队为用户们准备的小惊喜吧。如果想要看到小信封开启，那就多和其他用户互动吧～

产品：即刻 iOS 作者：即刻设计团队猎人：小白

优设精选专题查看更多

294677人看过 13篇文章

职场规划

帮迷茫的设计师找到职场方向

本专题收集了不同大厂设计师的职场规划经验，无论你是初出茅庐的萌新，还是工作多年依然找不到方向的老油条，这儿都有前辈为你出谋划策。

382638人看过 11篇文章

你丫才美工

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

可能是最会讲段子的设计师，也可能是最有态度的段子手，微信公众号@你丫才美工，欢迎关注哟！

585385人看过 11篇文章

后期修图

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

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

940915人看过 19篇文章

免费图库

高质量的免费可商用图片都在这儿了！

在这儿不仅可以找到几十万张免费可商用的图片，还有超多特色图库，包括NASA 太空图、多边形图、美食图、故宫图等，搜索更精准！另外我们还贴心为您准备了高级设计师会用的图片管理术和管理神器哟~

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

破茧成蝶2

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

刘津孙睿

人民邮电出版社

用户思维

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

约翰·沃瑞劳

中国友谊出版公司

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

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

唐纳德· A · 诺曼

中信出版社

用户体验要素

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

Garrett

机械工业出版社

用户至上

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

Kathy Baxter

机械工业出版社

色彩设计法则

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

梁景红

人民邮电出版社

书到用时方恨少 > >

每天官微五分钟
一年萌新变大神

扫码关注

每天10篇设计干货
300万设计师关注！

访问官方微博

您还没有登录

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

微信扫码

扫码登录即表示您同意并遵守用户协议

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

把好文章收藏到微信

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