音乐作为最能抒发感情,消除一切负面能量的一种艺术品,越来越成为现代人生活中不可或缺的一部分.

---

       作为一个每天听歌2小时以上的音乐爱好者,本人手机充斥着各种音乐软件,由于版权等问题,为了能听到自己喜欢的各种类型歌曲,通常需要在不同的音乐软件中来回切换.在一次又一次切来切去的享(zhe)受(mo)中,发现各软件五花八门,各自有各自的特色.于是想要自己做一款音乐软件的ui.

以下为制作过程与思考.

1.对各主流音乐软件进行分析比较.汲取精华,去除糟粕.

从apple store主流热门音乐软件中挑选三款最受欢迎的音乐软件作为比较对象.

分别是:QQ音乐,网易云音乐和酷狗音乐.

用xmind做出脑图,清楚分析出这三类软件的优劣点.归类出四点优点作为自己音乐软件的精华和设计原则.

2.对软件进行定位.

此软件是面对广大音乐爱好者,使大家能够以轻松愉悦的心情听音乐.为了最大限度的囊括受众人群,软件大方向应该朝着简洁,易用的方向.并在设计过程中确保第一步中归类出的优点有所呈现.

3.做出流程图.

本着简洁耐用的原则,流程图中将乐库与本地音乐放入同一级,设置放入更多(更多功能)栏目.乐库分为三大块,保证信息呈现的完整又保持界面不要太过拥挤.

4.设计与绘制.

4.1引导页的思考与设计

市面上大部分软件引导页大致有功能性解读与情怀拉取两种.最初做引导页希望通过走拉取情怀的方法引起大家注意和共鸣,放上原图.

先不说整体页面整洁或是字体不够精致等,单说这种模式,在情节拉取上有一定作用,但问题也很明显.一方面,由于使用了图片+文字的方式,画面感很强,与开始软件定位的简洁原则相离甚远.因此采取功能解读模式.

但由于此模式需要最大限度突出音乐软件的独特功能,思考后选择使用简图+文字的方式,使之又简洁明确,又能使重要功能清晰呈现.

4.2登录页面的思考与设计

登录页是用户进入软件第一个非常重要页面,由于现在普遍的登陆简洁性与方便性,无论是输入用户名/手机注册,或是使用第三方注册.用户在此页面进行注册登录都需要集中注意力,登录页可以说是一个软件的整体特色与用户的第一次亲密接触.故此页需要突出几点:

品牌色,品牌logo,简洁度.

品牌色选择红色,突出艺术性与活力的特点.(红色的色彩含义包含此两点)

背景色使用高明度渐变,使之既融为一体,又不失简洁.

4.3主页的思考与设计

 主页中既要突出软件功能,又不能偏离简洁易用原则.做了很多款主页,后来都感觉不妥.通过对比于分析,最终选择借用网易云一部分排版,来呈现不同重要功能.

主色:红色(品牌色,整体色)

次色:黄色(黄色代表着阳光,温暖和舒适.且黄色为相间色,与红色搭配更显特色)

个性推荐中将每日一曲放在首位,凸显软件特色.

歌单使用长方形背景图+毛玻璃和字体说明,展现歌单长且加强不同歌单的特色.

下方播放器,按照重要功能从右往左依次排列为下一曲,播放和播放列表.如此排列适合用户操作.

4.4播放页思考与设计

设计中以功能性为主,尽量符合用户习惯,减少用户学习成本.

加入点赞功能,点赞次数直接影响首页每日一曲的推荐和排行榜的数据.

由于软件整体走向简洁易用的风格,并且强调轻松愉悦.因此去除歌曲评论以及多余社交功能.

但是用户通过第三方入口在向朋友分享音乐的同时(右上角),可以加入自己的评论. 

4.5本地音乐的思考与设计

简化本地歌曲扫描,加入自主排序功能.

右上角刷新按钮,简化扫描本地音乐过程.

歌曲排序除了系统默认三个排序方式(单曲,歌手,专辑),用户还可以点击管理按钮进行歌曲自主排序与管理.

4.6更多功能的思考与设计

此页面中主要显示用户信息以及其他功能及设置.

消息中心:系统通过用户听歌习惯对用户进行推送音乐,歌单或者进行用户体验调查的地方.

其他功能略过......

制作过程到此完结.

---

关于此软件制作过程中的一些错误与反思:

1.没有养成保存各版本的习惯.

无论好坏,每一个版本都应该保存下来,不仅仅是拿来对比对照,发现问题和提高自己,更是可以以此作为思考的缘由.(之前为什么这么做?这么做的好处是什么?弊端是什么?之后为什么这么改?这么改的好处是什么?之后和之前比较好在哪里,不好的地方又在哪里?).可惜发现的太晚,很多之前的版本被我直接顺手保存覆盖了.

为了改掉这个坏习惯,采用分类制作文件夹,分别保存的方法

2.分组混乱,

写在这里算是个提醒,一开始的时候由于分组确实吃了不少苦头,然后一怒之下,彻底改了此习惯.顺带着把从未整理过的电脑文件夹都重新分组整理了一遍,整整弄了一整天,一整天啊!!!

3.综合技能有待加强.

忽然想到一句话,书到用时方恨少啊!想到一个很棒的点子,怎么实现?不会AE,有一些好点子好想法只能看着ui界面想一想,恨啊!平时还是需要多纵向发展,多学一些知识和技能,以便想法能更好的实现.