七步教你搞定一款音乐APP界面设计教程【完整版】

这是25学堂的小编转载学吧网站的一篇非常优秀的app设计干货。对于刚入门的APP设计爱好者有一定的帮助。

之前25学堂介绍过的：

1、一款高校类APP产品设计流程完整版|APP设计信息图

2、最简单的APP设计流程：核心到路径的设计原则

3、APP界面设计流程和APP产品设计流程知识汇总

第一步 、项目背景分析

手机音乐APP是一个集在线播放、搜索、下载于一体的音乐播放软件（似乎有点废话了……）。

分析：

1、界面干扰因素不宜过多（好像不管什么应用都有这个要求吧…）；

2、分析不同场景下的网络环境、光线和使用条件等，针对共性因素和特定因素，提供相应功能和界面设计（此处省略1000个字…），具体的根据产品需求和产品的描述来规划和设定;

3、考虑用户的系统体验，用户再使用其他音乐APP时，积累了大量的使用经验，并且自觉地养成了一定的使用习惯，总之，千万不要整出太过奇葩的交互操作。

分析同行一些优秀的APP设计经验和模式。

PS：别说没时间考虑这些内容，使用习惯都已经有了，亲身体验下，取其精华去其糟粕。

只有自己亲自体验了才知道如何更好设计自己的产品。不然你设计的移动APP产品是你想象当中的。跟用户体验有一定的距离。

第二步、移动APP视觉风格分析：

“不只是看上去的样子和感觉，设计的关键在于它如何发挥作用。”——Steve Jobs

确定风格：

第三步：图标制作和APP尺寸的规范

这里有详细的APP尺寸规范：2015最新移动App设计尺寸视觉规范【图文版】

1、统一ICONS【移动APP图标】

2、app界面尺寸规范

第四步：整体细节推敲和优化

1、文字、颜色、icon大小等，统一规范，整体对齐，相应位置等间距等，会使得整体感觉更好；

2、交互细节、交互操作是否符合用户操作习惯；

第五步：完成交稿之前的审核或者包装

正所谓“人靠衣装，佛靠金装”，没有友好美观的界面展示，也难以得到“用户”的垂青。此处，“用户”泛指一切具有决定是否采用的一类人。

总之，利用各种你能用到的资源或想法，让你的界面更加高大上吧~ 比如3D展示效果。还有一些运用移动APP动效等。

第六步：按照之前制定的风格完成其他界面

比如列表页、详细页、说明页等。

第七步：把我们设计完成的APP界面 需要把一些逻辑关系需要串联起来

才能让产品经理或者移动APP客户端开发人员看得懂。

也方面我们查漏补缺APP界面。