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

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

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

猎人： 小白 观众：3692人

细节描述

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

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

发表评论 加载中....

评论加载中....

下一篇

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

产品：虾米音乐iOS作者：虾米音乐团队

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

官方微信

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

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

相关细节

用户体验 90后，已经开始失去了

这个秋天太伤感，追过的球星退役了、看过的漫画完结了、那些曾经伴随我们长大的人们也一个个离开了。「90后已经开始失去了」，成为最近最热门的话题。金庸先生离去的消息，是最多人扼腕叹息的遗憾。如果你最近有去「淘宝」搜索金庸先生的名字查找他的著作，会发现在搜索结果页面出现之前，会弹出一个淘宝团队致敬查先生的弹窗。文案取自《神雕侠侣》：「你瞧这些白云聚了又散，散了又聚，人生离合，亦复如斯」。直戳用户泪点的纪念弹窗设计，展现出产品巨大的同理心与温度，这样的细节总是会带给我们更多的好感吧。

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

微交互 Chrome的下拉细节，我也就玩了十几遍

下拉加载刷新页面当前数据是现在常规的交互逻辑，而Chrome浏览器在下拉上有着自己的见解：在下拉交互中增加了左移和右移的操作，分别对应新增浏览页面和关闭当前页面。在按住下拉并左右移动时，灰色圆形元素会像小水滴一样被吸到了左边或右边。微交互增加了操作的趣味性，让人爱不释手。

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

微交互 嗷～这个播放器的进度条把我的心都萌化了喵 (⊙v⊙)

B站播放器进度条中的萌眼睛小电视图标，会在用户调整视频进度时转动眼睛看向拖动动作的方向。这种设计不仅是对用户操作行为确定性很好的即时反馈，更使用户与产品的互动过程增添了情感与趣味性。果然二次元的网站都是用生命在卖萌，这样的萌点真心直戳用户的小心脏呀 (๑•ᴗ•๑) ~ 喵 ~

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

设计逻辑 如果要设计一个播放器的「驾驶模式」，你会怎么做？

在开车的驾驶场景里打开「虾米音乐」可进入「驾驶模式」听歌。「驾驶模式」功能开启，会出现更大操作界面的视图，功能设计也只保留了必须功能按键，大号操作按钮和免视觉干扰的简洁界面对于没有方向盘操作的开车用户而言十分方便。对于查找歌曲的搜索功能「虾米」采用了语音搜索的模式，尽可能减少用户的视觉操作。此外，优先播放本地歌曲的设计逻辑帮助用户节省流量，也是很贴心的小细节。所以，无论「驾驶模式」如何设计，对行车驾驶场景的设定以及对安全性的思考是所有功能设计的大前提。

产品：虾米音乐iOS 作者：虾米音乐设计团队 猎人： 小白

优设精选专题 查看更多

205873人看过 12篇文章

文案写作

提高转化率的方法可不止放大加粗

如果你认同「设计师是为了解决问题」这个观点，就别犹豫了，赶紧收藏这个专题。设计师加粗放大100倍，可能都比不过改10个字的界面文案。文字的力量有多惊人，设计师如何掌握基础的文案知识，看这个专题就OK！
查看专题
323267人看过 22篇文章

改版设计

大公司的改版方法和实战案例都在这了！

本专题包括4篇改版设计方法和技巧，还有超过10个大公司的产品改版设计实战案例。想做改版设计之前记得来看一遍，绝对是收获满满！
查看专题
131061人看过 9篇文章

表单设计

庖丁解牛般全面剖析表单设计

有信息的地方就有表单，掌握表单设计已经成为我们的必备技能。本专题不仅有全面的基础知识总结，还将常见的表单样式和设计准则都归纳集结，附上新人错题集和实战案例，让你彻底学会这个知识点。
查看专题
255149人看过 14篇文章

设计规范

那些条条框框您真得懂？

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

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

破茧成蝶2

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

刘津 孙睿
人民邮电出版社

用户思维

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

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

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

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

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

用户体验要素

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

Garrett
机械工业出版社

用户至上

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

Kathy Baxter
机械工业出版社

色彩设计法则

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

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

把好文章收藏到微信

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