对于UI设计工具与方法在行业趋势上的研究与分析

已获作者同意，转自微信公众号：设计设计

从现在国内互联网行业内UI岗位的技能要求来看，Sketch、After Effects（以下简称AE）C4D以及其他一些微交互（或者动效设计）软件（如Pixate、Principle、FLinto等）已经成为与Photoshop（以下简称PS）、Illustrator（以下简称AI）等经典平面设计软件并驾齐驱甚至较这些经典软件在UI Design上略胜一筹，虽然PS与AI在国内现今大多数设计公司里仍在占有很大比重（并且PS短期内是不会被淘汰的，可以作为UI设计中对于位图图像处理的手段）但已经有越来越多的设计公司因为需求原因而逐渐在推广这些“新”工具了（其实不算新了）因为不管是产品的需求、客户的述求、技术的恳求、对新技术新方法的追求还是其它合作方的要求，Sketch等一系列新软件是不可忽视理应做好技术储备的设计工具。

工具会催生方法，"if you only have a hammer,you tend to see every problem as a nail.”这句话有很多含义，其中一种就是说工具会催生方法。比如Sketch会按照开发角度从一倍图开始设计、考虑各个控件的使用方式、自动布局、自己标注等。并且可以将Sketch中的设计稿通过插件无缝对接其他较为流行的设计软件。

接下来展示以Sketch为中心的部分设计工作流程，包括：

1）复制SVG Code功能。 

2）多页面设计时统一Style。 

3）切图。 

4）自适应布局。 

5）多设备设配。 

6）匹配素材 

7）React 前端框架下用代码进行设计 

8）导出离线标注Html包。 

9）与FLinto、Principle等微交互设计软件衔接。 

10）Sketch平台的插件与UI设计全家桶软件。 

11）较推荐的几个超级简单的微交互动效的软件，方便设计师展现清楚设计稿中的某些动效，分别是Principle、Pixate、FLinto。 

总的来说，sketch这一套插件/合作软件所体现的UI设计工作流程较为流畅，而且对于图形模糊的优化也是比较好的，比如icon等小图标。在iOS 7以后的扁平化以及“纸糊”的设计语言上都相比Photoshop有着不错的表现。