千锋上海UI学员解密移动端项目流程 从无到有一路前行

 　　经过这次APP项目,我们对项目有了进一步的认识。做项目的时候,重要的不是自己如何快速的将自己分配的任务做完,而是要注重团队合作。一开始,组内必须以这个APP的命名进行讨论。定义一个思维导图和视觉规范,有了思维导图和视觉规范才能接下来去制作低保真图不会出错。虽然会为APP的名字而争论,LOGO的定型而犹豫不决,但终大家会理性的去思考各自的优缺点,承认错误，不产生内讧,这是难能可贵的,哪怕我们做的项目做的结果会有点残缺,这个过程是非常享受的。包括在王老师的英明指导下进行，所有困难都迎刃而解。

　　项目人员任务安排：

　　PM:阿娇;共同完成思维导图、LOGO一份、视觉规范、引导页一份、首页一版、修改发布低保真以及高保真;

　　UE:阿坤;共同完成思维导图、LOGO一份、引导页一份、首页一版、修改首页低保真以及高保真;

　　UE:阿鹏;共同完成思维导图、登陆注册流程图、LOGO一份、引导页一份、修改登陆注册低保真以及高保真;

　　UI：阿东;共同完成思维导图、LOGO一份、引导页一份、修改教程低保真以及高保真;

　　UI：阿媛;共同完成思维导图、LOGO一份、引导页一份、修改个人中心低保真以及高保真;

　　具体实施：

　　天:我们小组5人经过一番激烈的讨论，终敲定我们的APP是有关于手工艺品,讨论的时候大体方向是走国外的简单、留白。用的颜色也以黑白灰为主,黑白显出庄重,权威的气质,我们觉得黑白灰用在我们的APP上会很适合,不但界面统一,清新还能展现我们APP的”逼格”。项目分配任务也非常合理,一天下来做自己的工作时间非常充裕，不紧。我们也每天按时完成自己指定的任务,有做有笑相处融洽其乐无穷。

　　既然已经敲定了大的方向，然后就开始着手做起思维导图，APP如果没有思维导图，各自做各自的东西，到后拿出来对比会牛头不对马嘴，和初的想法会完全脱轨，所以一开始大家一起讨论好哪些是我们该有的功能和不该有的功能，经过简化、修改到终版本如图所示;

思维导图

　　第二天:也是颇为重要的一个阶段，修改思维导图。确认没有逻辑问题之后，我们会找一个竞争APP。像大妈菜市场买菜一样挑选了手工客，去观察对方的优缺点,哪些可以借鉴,哪些有交互问题，好的我们可以参考修改变成我们自己的东西,一些缺点我们会记下来,防止我们不会犯同样的错误。

手工客APP

　　第三天：思维导图定稿后，PM带领着我们开始着手做视觉规范，没有颜色和尺寸的统一，组员之间做的东西就会脱离轨道，形成的风格完全不一样。不知道讨论了多久，你一言我一语,吵得跟菜市场一般, 后才总结出来的视觉规范。像以文字规范为例，标题一般分为一级、二级、正文等等……如图所示;

视觉规划-字体

LOGO

　　第五天：直接跳到第五天是因为第四天我们每个人都分配到了任务，我们每个人都做一份LOGO和引导页，第五天从中挑出大家肯定多的LOGO和引导页，然后再次修改，直到大家都挑不出问题，后开始分配各自的低保真图。根据底部标签栏可分为,首页,发布,教程,以及我的个人中心。慢慢的从一级到二级再到三级页面，首行简单的低保真分配，首页是阿坤、发布时阿鹏、教程是阿东，个人中心是阿媛负责的。因为前面阿坤首先做好的首页，加上大家一起修改和讨论,规划了很久的格式和排版问题,按着首页模板做，所以后面做起来也很轻松,不复杂。按照着思维导图的一级,二级,三级一步一步的往外“开枝散叶”。后面做的轻松,也少不了前面视觉规划的功劳。

　　接下来的任务就是做完各自的低保真图,修改完善保持统一风格;然后添加颜色放入图片成高保真,美化,修改,添加细节。软件操作使用,相信一般人都会用PS去做出一套APP,但是细节是非常关键的,看两个APP之间的差距,就在于细节,例如一个小小的装饰物,矩形,圆形,菱形放在标题下面,会让一个索然无味的字穿了一件新衣裳一般,让人感到心怡。

低保真部分演示

　　心得:

　　项目临近结束,我们从无到有,创造了一个APP,每个人心里都很自豪，这是我们亲手做的，做完APP我们再去使用手机时，也会留意到我们平时使用的APP是怎么样的，好在哪里，为什么要这样做，瞬间觉得自己专业了起来。再苦再累也是一件非常有成就的一件事情,我们经常会做到凌晨走,不知不觉做着天就黑了,不知不觉就过完了整个项目期,这过程大家很享受,有过争吵,也一笑而过。遇到问题就互相探讨沟通,一个人的力量很小,但是大家汇聚在一起是无比强大的。犹如一滴水一样,水滴再小也能汇聚成河,河流再窄它的尽头依然是汪洋大海!

高保真部分演示1

高保真部分演示2

上一篇：能力与美貌并存 千锋UI学员10000就职于北京
下一篇：厉害了Word千锋学员 就职于杭州城西湖畔