说来惭愧，其实一年前已经写好了

奈何拖呀拖，不知道为什么就是一直没发到公众号

但是所有的事情总需要有个开始吧，那就开始吧。

MOO音乐 iOS1.0.3

#设计笔记

品牌视觉

> 整体视觉传达出了「 更年轻、更小众、更专注」 的氛围

品牌颜色

> 黄色

默认UI为黄色+黑色，在设置中还可以切换另外一套黄色+白色

从我用起来的角度来说感觉黑色底更有专注感和沉浸感

品牌字体

> 采用了大写无衬线粗体字，符合年轻简洁的产品定位；

字体偏圆但带菱角，所以不会显得笨重，也和图片icon的圆角设计很match，显得有活力

品牌元素

> 「圆」「粗」「菱角」 三种品牌元素特征，渗透到每个UI元素中，表现出了活力、前卫的感觉。

1. icon、图片等形状为圆形或带有圆角

2. 主要字体采用了圆润带菱角的粗体字

3. Icon都使用了实心形状，或采用粗线

圆角处理

专辑封面

播放按钮

其他icon

交互与功能

> 一打开就是PLAY播放页面，立刻投入了充满了音乐气息沉浸的世界

功能设计

> PLAY页面没有多余的功能按钮，歌曲相关的图片或是mv全屏展示，整个app从视觉和功能分布上来说都十分克制。

为了不产生干扰，克制的展示了相关信息：

1. 展示了歌曲的基本信息：歌曲名、歌手名、曲风标签

2. 可以直接看到的功能按钮只有2个：收藏 与 更多

3. 歌词在屏幕三分之一处跳转形式展示

4. 底部有随音乐跳动的音符动效，提升整个音乐氛围

   

架构上十分克制，布局上主页面只有PLAY以及DISCOVER 两个页面，其他页面需要通过入口点击进入。

> DISCOVER页面是各种推荐歌单，类似音乐类别朋友圈，目前最多可以查看到一周以内的动态。

交互设计

> 第一次体验的时候和其他音乐APP交互完全不同，但是用起来简单，很快就掌握了所有操作方式，除了品牌以外，交互也展现出了与其他APP的差异化。

整个屏幕都是操作区间

1. 左右滑动切换PLAY与DISCOVER主页面

2. 在PLAY页面按着屏幕左右移动可以播放调整进度

3. 切歌：在PLAY页面中上下滑动进行切歌，在非PLAY页面中，播放信息会固定在左下角，拨动唱片可以切歌

因为旧版本的录屏已经丢失，

这个是v1.6版本的录屏

最特别的是播放控件

当你处于在非play页面中，播放控件会固定在左下方。

控件功能和视觉展示上保持了克制，能看到的就是一个唱片，播放时间，还有播放/暂停按钮，切歌功能给“隐藏”起来了，猜测可能是为了尊重黑胶的传统？一首一首的听下去。享受音乐的过程。

把唱片向右滑动切歌成功的时候还会有震动，小细节十分有趣，让你知道切歌成功了。

> 有兴趣的同学可以看完整的操作视频，还可以听到好好听的歌

运营与定位

社交基因

> 不仅仅是一个音乐播放器，通过歌单建立起的社交基因。

用歌单吸引相同爱好的用户，从而对歌单创建者产生兴趣，吸引大家去关注。从视觉上也证实了想法，用户页的关注按钮特别的大特别的显眼。

个人中心页的粉丝数量、关注数量不是0的时候，也进行了高亮提示。

因为我的拖延，所以一直都没写完就已经更新了一个小版本。在用户中心页面，本来只有设置按钮，现在新增了通知页面。

左边截图为1.0.2，右边截图为是iOS1.0.0

目前只有点赞列表，感觉会慢慢对社交化进行产品完善。

音乐运营

> 我正在期待每天打开的第一首歌

很多app都会有歌单推荐，或是说通过算法猜出喜欢歌曲的类型。类似的功能我在其他音乐平台用很多，但整个歌单下来，我大概就只有2、3首歌会列入收藏吧。质量也不是很高。

但是我很期待每天打开MOO的听到的那一刻歌曲。怎么整个歌单，都可以这么好听呢。基本上都不是自己平常听的类型，但却好听得无法快进每一首歌。

一些疑惑

点赞的icon虽然也做了圆角处理，但似乎与其他icon没有统一的感觉，并且这个icon不属于功能性icon，如果使用面状的icon更适合一些，并且能保持到与其他页面的统一感。

或许是之后还有别的icon需要进行统一，或是认为用面占比太重了，哈哈相信之后会有答案的。

这个控件实在太棒了，但是唱片能滑动切歌的提示不明显(我是看了别人的文章才知道可以这样子切的) 。

哈哈，但是我猜想也许产品爸爸并不希望大家切歌吧~ 保留对黑胶唱片传统的一种感觉。

体验小结

> 这个产品毕竟还是个小baby，所以不齐全的地方肯定是有的，相信之后的更新会越来越完善的。

POINT

克制

从体验中看来，每个功能、按钮、视觉表现都是十分克制，这种克制的设计，特别值得学习。排除会干扰用户的信息，用视觉、交互等手法制造沉浸的音乐环境。

视觉

品牌元素也渗透到整个app，UI、氛围都保持了品牌的完整性。

运营

现在已经是使用的第14天（写的当时），期待每天打开新推送的歌曲，高品质的歌单让我沉浸在这个”黑胶”世界。

Powered by Froala Editor