帮助菜鸟,快速入门,了解APP设计流程。

帮助菜鸟,快速入门,了解APP设计流程。

写这篇文章的目的就是希望刚入行的菜鸟设计师,能够快速入门,担任一名合格的ui设计师。

下面我会从四大方面简单介绍APP开发的流程,APP设计只是其中一部分,这样做的目的就是那个让刚入行的设计师,能够了解APP开发的流程,知道我们设计在其中扮演什么的角色与工作的职能。

第一部分:需求整理

这部分很多时候都是产品经理与现场需求的沟通与整理,表面上与设计师没有太多关系,其实其中联系很大。

1.能够帮助产品经理在现场解决客户需求不明确的情况(设计方面的)的问题

2.能够快速了解现场需求,知道设计使用的对象的年级,性别,认知水平,还有使用场景等等

3.能够高效快速了解需求,设计出,满足现场需求的的产品(这一般按项目来的比较多)


第二部分:设计部分(原型图与高保真)

这部分,很多大公司会有交互设计师与GUI设计师共同完成(很多时候产品经理会出简单的框线图,交互设计师会在基础之上出原型图),但是很多一般中小型公司都由ui设计师完成,ui设计职能就会很全面,出原型图,高保真,切图,定设计标准,与开发沟通,实现功能(按照高保真与交互的的要求实现)包括后期与测试人员一起测试(我们的任务就是有没有按照高保真与交互方式实现,比如间距,字号,颜色,动画等等)。

1.我一般会先在草稿纸上面简单画草图,在界面上面进行简单的排版,比如,按钮放在什么地方,列表样式怎么做,下面tab图标要放几个,图标怎么画(简单勾出)

2.在Axure上面根据草图再具体落实每一个界面的细节,包括界面布局排版,按钮的具体名称,tab具体名称,字段的名称,页面的跳转等等。

3.进入GUI设计阶段,我们会出,icon,引导页,启动页,注册界面,登录界面,应用的所有界面(我理解的就是列表页到详情页这样一个简单的逻辑过程),还包括缺省界面比如加载失败的界面,网络不好的界面等等。

A.icon的设计,这个一般根据应用的名称,属性还有现在流行的元素来设计(最近流行扁平化设计),目的就是那个在众多应用当中跳出来(我一般喜欢简单化设计,明快的颜色,简单的图像或者文字,加上一些长投影或者简单的效果),设计尺寸我会出1024*1024(安卓一个尺寸就够,苹果会有   29*29   57*57     58*58     80*80    114*114  120*120  180*180)。

B.引导页与启动页的设计,这方面我会突出应用的主要功能,配上简单的文案表现出来。比如班信通:

C.注册与登录界面的设计,这方面主要就是用户注册逻辑越简单越好,登录越方便越好。降低用户学习成本。ps:要考虑到注册于登录失败的情况,还有一键清除账号与密码的功能等等。比如班信通:

D.应用的主要界面,这方面注意的东西太多了,我归纳一下:1、字号与颜色统一  2.间距统一  3.加载或者载入动画统一 4.各种ui控件统一(按钮样式统一,列表颜色统一等等),还有就是各种异常情况下的界面(缺省界面),比如加载失败(拿不到数据情况下),网络异常情况下,加载太慢情况下等等。比如班信通:

第三部分:开发阶段,开发阶段我们总要的工作就是一开始出设计规范,接下来切图,下面与开发人员沟通实现高保真效果与交互方面,已经具体到一个功能点方面的设计与交互方式,在开发当中不断完善设计与交互,确保产品设计合理,人机交互合理,用户体验优秀。比如班信通:

第四部分;测试阶段:1.我们的主要任务就是拿真机上面跑的应用与我们设计的高保真是否一致,交互方式是否一致。2.ios与安卓是否适配足够的优秀。

A.ios主要就是4.5.6与6+的适配(@2x与与@3x图)

B.安卓就是1080p,720p与480p的适配(我一般给@3x图)


ok,写的差不多了,这篇文章简单粗暴,就是写个入门的设计师看的(大神们就出门左拐吧)。接下来我会写一篇界面设计的具体细节以及适配的问题。谢谢!!想了解跟多关注我的新浪微博@ares同学-此刻

下期见!!!!!!!

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值