此教程能让设计师立刻提高APM,让产品经理马上获得天赋——与设计师沟通。如此精品,谁敢不收藏不转发,我就剁站长的手(看到这句话,小编我岂敢不分享)!
第一次写这不知道算不算教程的东西,只是想单纯的分享下学习UI过程中的一些经验,有什么不足之处,还请各位多多指教~
01 项目背景分析
手机音乐APP是一个集在线播放、搜索、下载于一体的音乐播放软件(似乎有点废话了……)。
分析:
1、界面干扰因素不宜过多(好像不管什么应用都有这个要求吧…);
2、分析不同场景下的网络环境、光线和使用条件等,针对共性因素和特定因素,提供相应功能和界面设计(此处省略1000个字…);
3、考虑用户的系统体验,用户再使用其他音乐APP时,积累了大量的使用经验,并且自觉地养成了一定的使用习惯,总之,千万不要整出太过奇葩的交互操作。
PS:别说没时间考虑这些内容,使用习惯都已经有了,亲身体验下,取其精华去其糟粕。
02 视觉风格分析
“不只是看上去的样子和感觉,设计的关键在于它如何发挥作用。”——Steve Jobs
确定风格:
03 制作过程问题
1、统一ICONS
(PS:制作方法详见靓妹子的“线性小icon教程”:http:www.xiaoketang.net/line-icon-tutorial.html)
2、界面尺寸规范
(小编注:关于界面尺寸还可参考《移动设备的界面设计尺寸》)
04 整体细节推敲
1、文字、颜色、icon大小等,统一规范,整体对齐,相应位置等间距等,会使得整体感觉更好;
2、交互细节、交互操作是否符合用户操作习惯;
05 完成交稿之前
正所谓“人靠衣装,佛靠金装”,没有友好美观的界面展示,也难以得到“用户”的垂青。此处,“用户”泛指一切具有决定是否采用的一类人。
总之,利用各种你能用到的资源或想法,让你的界面更加高大上吧~
(小编注:以上不是只展示一下图片,musen大神真的提供了“拿来就可用”的干货,想下载相关附件请查看在本文结尾下载链接)
06 部分完成界面
本文链接:http://www.mobileui.cn/music-app-interface-design-process.html本文标签: 应用, 教程, 界面设计, 视觉风格, 音乐
老师我想学那个播放暂停的制作方式