威龙发艺发型设计价格联盟

APP界面设计的流程-20140317早读课

互联网er的早读课2018-06-19 14:16:02


musen_xiong大神的教程又来咯

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

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

如此精品,谁敢不收藏不转发,我就剁站长的手!



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、界面尺寸规范



(早读课小编注:关于界面尺寸还可参考musen_xiong的移动设备的界面设计尺寸-20140225早读课

http://zaodula.com/archives/5614.html)


04 整体细节推敲


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



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



05 完成交稿之前


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



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


(早读课小编注:以上不是只展示一下图片,musen大神真的提供了“拿来就可用”的干货,请点击右下角“阅读原文”下载)


06 部分完成界面



作者:musen_xiong

来源:站酷 http://www.zcool.com.cn/article/ZNjI4NjQ=.html 




矮油,恭喜您!居然看到了这段文字

那说明您已经读完这篇文章了

并且意犹未尽

有什么感想、收获,甚至吐槽

请大力的拍过来吧

您的任何回馈都是早读课坚持的动力

 

诚邀加入早读课QQ官方5群:283347693

加群暗号格式:“职业信息+城市+姓名”


友情链接