UI设计是这几年因为互联网行业的迅速发展才出现的，很多人其实都没有受过专业系统的学习，都是在摸索和自学中前进，比如我。从业几年，对于一个项目完整的设计流程，在设计过程中要注意什么，怎么去设计界面，常见的配色有哪些，设计思路是如何等等都有自己的想法。
一般大的版本迭代或是新项目的开发，产品经理会召开一个宣讲会，参与人员有：程序员、设计师、项管、编辑、运营、测试。讨论下新功能或是新项目的交互逻辑、用户群体、功能渠道、实现评估、预计发版时间等等。
这时候作为设计师的我就参与进来了，会议上可以根据自己的专业角度提出意见或是建议，评估工作量，会后就正式开始进入下一阶段。
一般拿到确认的需求后，先消化下原型，在脑海中有个大概的界面和交互。接下来也不急于立马动手，而是开始研究竞品。这一步其实是非常重要的步骤，磨刀不误砍柴工嘛。因为和竞品的功能其实大部分是相似的，研究下他们的视觉展现形式、排版、布局、配色、细节等等~分析他们的优点和缺点，对自己也会有所启发，可以避免一些他们的问题，吸纳他们处理的很棒的地方。
b、第二种方法是完整的提取APP素材。主要是因为第一种方法存在的局限性，因为自己试用过程中，没办法像测试一样测试出各种使用场景，自然也就看不到一些不同场景的界面。方法是：
这是Mac的提取APP素材方式，用Windows的小伙伴可以自己研究一下，还可以去找程序员小伙伴问一问，这个方法就是程序员小伙伴告诉我的。
UI设计主要设计的就是界面和图标，界面又分几大类型，如启动页、引导页、首页、登录注册页、通用页面、弹窗等等。而我开始设计的顺序是：
a、先设计首页。把这个产品的颜色、风格、图标、间距、控件样式、字体大小等确定后，再开展别的界面；
c、保持设计视觉统一性和协调性。要以首页设计的规范为标准，设计过程中会有一些调整和修改，但是视觉要统一，还要符合产品的定义和自己设定的设计原则。
还在用Photoshop设计UI界面的设计师，建议可以去下载第三方的cutterman的切图和标注插件、pxcook的标注也蛮好用的。
我目前都用sketch，一款专业界面设计软件，一键输出和自动标注简直太好用了，解放了N多时间，提高了N多效率。但是唯一的缺点是只支持Mac，还不支持Windows。建议UI设计师都应该去学习一下，用sketch设计UI界面是大势所趋。
在切图输出的过程中，切图的命名也同样重要，命名整齐有规律，方便程序员查看和设计师之间的交接。一般是这样的格式，我举个例子：
随着互联网发展，很多产品都加入了交互动效，也是产品的亮点，所以交互动效也是设计师应该必备的技能。我自学了AE和principle，这是两种不同的动效交互软件，AE偏动效，principle偏交互。
