APP界面设计的流程

4 评论 40628 浏览 24 收藏 5 分钟

app界面设计教程又来咯!

看到这部教程小编脑中顿时响起东方男科医院广告中那极富磁性的声音:射基湿的信心!馋贫汪的福音!

没错,此教程能让设计师立刻提高APM,让产品经理马上获得天赋——与设计师沟通。

01 项目背景分析

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

分析:

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

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

jmsjlc-20140318-02

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

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

 

02 视觉风格分析

 

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

确定风格:

 

03 制作过程问题

1、统一ICONS

2、界面尺寸规范

 

04 整体细节推敲

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

jmsjlc-20140318-08

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

 

05 完成交稿之前

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

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

06 部分完成界面

 

作者:musen_xiong

文章来源:站酷

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 啥玩意儿啊

    来自北京 回复
  2. 图挂了!

    来自上海 回复
  3. 看不到图片啊

    来自北京 回复