你有见过在加载页面里battle的舞者么？ - 优设网 - UISDC

加载动画 你有见过在加载页面里battle的舞者么？

产品：Bandcamp iOS 作者：Bandcamp团队 时间：2018-09-11

猎人： 小白 观众：4158人

细节描述

Bandcamp是一个专业的音乐平台，不同于国内「社交属性」较强的各大音乐类App，Bandcamp更像是一个巨大的世界唱片店注重将一切交换给音乐与音乐人本身。如此个性的App在产品的很多设计细节上自然也有自己独特独行，比如页面加载的设计。Bandcamp的页面加载是三个舞者battle斗舞的动画，简单的黑白色块勾勒出的人物形象，复古又酷炫。符合产品风格定位的有趣的小细节设计，在抓住目标用户口味营造与用户亲近感的同时，也悄悄缓解了用户等待加载时的焦虑情绪。

围观案例 ! 温馨提示：案例或因时间流逝和版本迭代与截图时有所差异
本篇知识点及话题# Bandcamp# 加载# 微交互# 情感化设计# 操作中有反馈# 趣味性# 音乐
加长

发表评论 加载中....

评论加载中....

下一篇

捕获自 虾米音乐iOS

你将掌握 设计逻辑 的小知识~

有时候，我们也需要听见不同的声音

「虾米音乐」AI电台里的「猜你喜欢」就是结合用户的音乐品味和习惯，推荐其喜爱音乐风格的内容。对用户音乐喜好的聚拢几乎是如今...

官方微信

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

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

相关细节

交互手势 QQ有趣的「贴表情」功能是怎么玩的？

QQ的「贴表情」功能其实已经出来挺久了，但很多同学可能并没有太注意这个功能。在手机QQ中随意打开一个聊天界面，从表情列表中直接拖拽想要贴的表情到对话框里已发送或接收的表情上，再点击「√」即可完成对已存在表情的二次加工。无论是接收到的还是自己发出的表情或图片，都可进行此类操作。表情只能贴在没有附带任何文字的图片或表情上，双击已贴的表情则可进入修改列表进行撤回的操作。

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

微交互 会汪汪的吉祥物哈士奇Taco～ ( ・ ェ ・ )

Trello是一款强大的项目管理工具，使协作变得简便又有趣。它的吉祥物Taco是一只可爱的哈士奇，你能在App和网站的各个界面见到它卖萌的身影。在手机应用「帐号」页面的最下方藏着的那只Taco其实被设计团队藏了一个彩蛋：当用户点击小哈士奇时，他会发出汪汪的叫声跟用户打招呼。声音互动的加入，让交互体验变得有趣的同时，也正好与「开始对话」这个版块的功能属性相契合。

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

交互手势 你的小卫星正在向地球发送信号…

在「我的天气」app进行下拉刷新的操作手势，会发现页面顶部的空白空间被设计成了宇宙的模样。当下拉刷新页面处于信息更新状态， 顶部动画里的人造卫星会向地球发送信号。又是一个情理之中又让人惊喜的情感化设计，通过微交互动画模拟物理世界里的真实情境，来为用户呈现更清晰易懂又具备趣味性的操作反馈。

产品：我的天气 iOS 作者：iDaily 猎人： 小白

设计彩蛋 B站「弹幕设置」里的奔跑小人儿～

B站最近在iOS版本的「弹幕设置」里，添加了奔跑中与慢走中小人儿的图标来分别表示弹幕速度调节的快与慢。这个小彩蛋与 iOS里用兔子与乌龟的形象表示「朗读速率」快慢的调节类似，都运用了形象思维将抽象的
「速度」概念具象化。让用户对抽象概念的感知更直观清晰，也为交互体验带来更多趣味性。

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

优设精选专题 查看更多

632404人看过 10篇文章

自学手绘

消除你学手绘的疑虑

设计师是否应该学习手绘/有哪些值得推荐的手绘软件/如何从零开始学习手绘/如何将手绘用到实战中，这个专题给你全部答案！
查看专题
303259人看过 13篇文章

职场规划

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

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

每月前端法宝

全栈设计师的最爱

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

平面设计

谁说学习平面设计不能很有趣？

能把枯燥无味的平面设计讲得生动形象非常不易，而本专题收录的平面设计教程，都能用大量的实战案例，深入浅出阐述一个相关知识点，读者看完无不大呼过瘾精彩。
查看专题

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

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

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

Karen Holtzblatt
清华大学出版社

用户思维

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

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

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

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

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

用户体验要素

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

Garrett
机械工业出版社

用户至上

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

Kathy Baxter
机械工业出版社

色彩设计法则

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

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

您还没有登录

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

微信扫码

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

把好文章收藏到微信

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