一款APP的设计稿从设计到切图

1.达内教育

2.千锋教育

3.天琥教育

4.汇众教育

5.中公IT

6.火星时代

7.万和教育

8.博雅环球教育

9.新猿IT

10.仑智教育

一款APP的设计稿从设计到切图①-平面设计培训

我没毕业的时候做游戏UI设计师的助理，毕业之后跑到北京做GUI设计师，现在做网页设计师了，工作三年，还算是新手吧。我觉得设计这东西不管你做的是移动端的产品也好，PC端的产品也罢，总归不是搞艺术，最后还是得为产品去服务，还是要配合着团队中方方面面的因素去设计。

我自认为没有那么好的逻辑能力，所以我只做GUI的设计。好多公司希望UI设计师能身兼多能，最好你连交互逻辑一起搞了，我个人还是认为“术业有专攻”，当然，牛B的人到处是，很多优秀设计师照样样样精通。

这个系列我打算站在GUI设计师的角度去把APP从立项到设计到输出切片的过程写一写，相当于工作流程的介绍吧，公司不同，流程不尽相同，但是终究还是对新人有所帮助……那就开始喽～

项目立项阶段：好一点的公司会把设计，程序，后台，测试等等相关人员拉过去共同沟通一下，产品经理会详细的把产品用交互原型展示出来，包括产品定位，市场需求，主打卖点，产品性质以及各个功能模块，跳转逻辑演示一下；之后评估完成时间，各部门协调配合，摊上这样的公司，你就庆幸吧，你的工作会轻松很多。这个阶段非常重要，基本上还有很多小型公司的设计师连产品都不了解，然后产品经理在所谓“核心成员”讨论后扔给你一个原型图，告诉你，画吧……

话不多说，既然接到原型了，那我们应该准备什么呢？看图~

在项目设计之初，就该进行项目归档整理，我的习惯是“项目名称+版本序列”点进去看看~

设计师不同，工作习惯也不同，找到最适合自己的分类习惯才是最好的。但是文件分类明确了，对后期版本迭代更新的帮助非常大，很方便就可以找到需要的文件。我个人习惯把不同类型的文件划分到不同类型的文件夹里，有的设计师习惯全都放在一个文件夹里，如果文件少还说的过去，如果页面过多，就知道这样的利弊了。

工欲善其事必先利其器，基本上GUI的界面设计用的最多的就是PS和AI了，版本无所谓，自己用着舒服就行，不过还是推荐版本高一点的，低版本的好多方便的功能都没有。

推荐PxCook这款标注软件，我不是做广告啊。我到目前位置还没用过苹果电脑，所以也不知道UI大神门口中的Sketch到底多神奇。这款PxCook算是我用着比较顺手的标注软件了，它标注很好用，但是切图有些鸡肋。

所以还是要看个人喜好了，虽然这款软件还存在着一些问题，当然，如果你有了更好的标注工具的话，更希望你推荐给我以及更多人。

推荐切图插件：Assistor PS 

推荐切图神器：cutterman

非常谢谢他们，推荐你们下载使用，看看哪一个适合自己使用。

这是PxCook的官网：FancyNode http://www.fancynode.com.cn/  可以下载先研究一下，很简单的一款标注软件，基本不用什么教程，摸一摸就会。

这一期先做准备工作，下一期开始打开PS吧……