手机音乐APP界面设计的流程
手机音乐APP界面设计的流程-移动阅读二维码

此教程能让设计师立刻提高APM,让产品经理马上获得天赋——与设计师沟通。如此精品,谁敢不收藏不转发,我就剁站长的手(看到这句话,小编我岂敢不分享)!

推荐教程:
教你创建一个具有美感的天气APP界面
经验分享!移动端设计开发流程(有神器推荐)

第一次写这不知道算不算教程的东西,只是想单纯的分享下学习UI过程中的一些经验,有什么不足之处,还请各位多多指教~

jmsjlc-20140318-fengmian

01 项目背景分析

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

分析:

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

2、分析不同场景下的网络环境、光线和使用条件等,针对共性因素和特定因素,提供相应功能和界面设计(此处省略1000个字…);

jmsjlc-20140318-02

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

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

 

02 视觉风格分析

 

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

确定风格:

 

03 制作过程问题

1、统一ICONS

(PS:制作方法详见靓妹子的“线性小icon教程”:http:www.xiaoketang.net/line-icon-tutorial.html

2、界面尺寸规范

 

(小编注:关于界面尺寸还可参考《移动设备的界面设计尺寸》)

 

04 整体细节推敲

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

jmsjlc-20140318-08

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

 

05 完成交稿之前

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

总之,利用各种你能用到的资源或想法,让你的界面更加高大上吧~

(小编注:以上不是只展示一下图片,musen大神真的提供了“拿来就可用”的干货,想下载相关附件请查看在本文结尾下载链接)

 

06 部分完成界面

本文链接:http://www.mobileui.cn/music-app-interface-design-process.html
本文标签: , , , ,