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

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

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

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

猎人：小白观众：2244人

细节描述

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

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

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

发表评论加载中....

评论加载中....

相关细节

AR动画今天，你用QQ-AR扫描一百元人民币了么？

今年是人民币发行70周年，国务院反假货币工作联席会议办公室与腾讯合作，联合出品了一个QQ-AR人民币防伪知识互动体验。打开手机QQ，用「扫一扫」功能扫描第五套人民币100元纸币，你就能看到AR技术的3D凤鸟在人民币上飞舞了。这是首次在人民币宣传中使用AR技术，具有互动性与趣味性的科普动画，让原本枯燥无味的人民币防伪知识介绍变得生动易懂。借助QQ的科技与社交的力量，拉近了与年轻人的距离，让文化的普及与推广覆盖更广泛的人群。

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

设计逻辑有多少好友与你志趣相投？微信订阅号改版凸显社交属性优势

微信iOS版本更新至6.7.0，订阅号推送出现了重大改版。之前订阅号内的一级入口与二级入口调换了位置，消息列表呈现出类似「信息流」的形式。官方解释改版的主要目的是改善阅读效率，让内容直达用户。但强化内容却降低了账号的主体地位还是让许多自媒体们争议颇多。其实此次的改版还有一个小细节值得关注，那就是内容呈现更加突出微信社交属性的优势。新版订阅号消息列表会在文章推文底部显示「X位朋友读过」这样强调朋友阅读人数的提示，让有多少好友与你志趣相投一目了然。「从众」与好奇的心理暗示作用一定程度上也能起到刺激用户点击行为，提升文章阅读量的作用。

产品：微信iOS 作者：微信设计团队猎人：小白

用户体验 B站的视频「全屏播放」按钮，为什么会显示两种不同的图标样式？

国内主流的视频网站目前好像都多只支持横屏观看模式，这对于观看来自短视频软件与直播软件录屏（如抖音、快手）的竖屏内容显得十分不友好。随着用户上传竖屏内容的增多，B站增加了支持视频竖屏全屏播放的功能。特别用心的设计细节还在于：当视频内容为横屏模式播放时，「全屏」按钮的图标为左右方向的箭头；而当视频可竖屏播放时，「全屏」按钮则会显示为上下向的箭头图标。按钮图标的差异化设计让用户可根据图标提前预知按钮操作的结果，支持横屏竖屏多方向视频模式播放的功能让产品更加易用而友好。

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

用户体验支付宝蚂蚁森林，起早贪黑「偷」能量到底有何用？

「蚂蚁森林」是支付宝设计的一款公益行动：用户通过步行、支付等方式，养一棵虚拟的树。这棵树长大后，在现实生活里种上一棵实体的树。最近新增了「帮TA收取能量」功能，这个设计超贴心啊！不会让这些能量白白消失掉了，收取后还有爱心的动效跟你互动，为这种情感设计点赞～朋友，你是不是也在玩蚂蚁森林？是偷的多还是浇的多呢？现在还能帮忙收了，是不是很省事呀！投稿人：娜娜酱

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

优设精选专题查看更多

335322人看过 11篇文章

灵感专题

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

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

272392人看过 13篇文章

设计趋势

流行设计一目了然

道法术器势，看了那么多专题，设计理论、方法和神器已经不再话下，想成为高手，就差借势了。收藏好这个专题，每个月都会更新最新的设计趋势，让你洞悉设计趋势，紧跟设计潮流。

442413人看过 21篇文章

图标设计

至少20个图标设计杀手级干货

本专题从图标的基础知识出发，再具体到不同类型的图标设计方法，待你掌握方法后，附上图标检验和优化指南。最后，优质的免费图标下载站合集和图标管理工具，让你更加省时高效！

474509人看过 18篇文章

字体设计

掌握一千零一种字体设计方法

每天都得作图，总不能同一款字体走天下，公司又没买那么多商业字体授权，这时候就该考验你的字体设计能力了。本专题从基础到入门，从新手到进阶，从中文到英文，关于字体设计的一切都在这儿了！

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

破茧成蝶2

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

刘津孙睿

人民邮电出版社

用户思维

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

约翰·沃瑞劳

中国友谊出版公司

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

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

唐纳德· A · 诺曼

中信出版社

用户体验要素

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

Garrett

机械工业出版社

用户至上

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

Kathy Baxter

机械工业出版社

色彩设计法则

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

梁景红

人民邮电出版社

书到用时方恨少 > >

优设官方微信

50万设计师关注

微信号：youshege

把好文章收藏到微信

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