APP的设计稿从设计到切图①

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

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

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

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

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

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

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

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

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

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

推荐切图插件：Assistor PS 

推荐切图神器：cutterman

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

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

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

点击咨询直接了解更多相关资料，我在惠州北大青鸟新方舟等你。

本文内容转载自网络，版权归原作者所有，如有侵权请联系我们进行删除。

标签：惠州计算机软件培训惠州计算件软件开发惠州计算机软件基础惠州计算机UI设计软件开发惠州UI设计培训学校惠州UI设计培训UI设计基础教程UI设计是什么UI设计教程UI设计入门UI设计培训