一、项目前准备:流程图工具-Visio
 

在正式进行ui设计之前，ui设计师需要考虑产品的整个过程。在这一阶段，您可以使用Visio或XMind来认真梳理需求的流程。相信这将为以后的交流减少许多不必要的麻烦。
 

二、原型设计工具-Mockplus
 

与Axure相比，Mockplus是一款简单方便的国产原型工具，可以以线框形式展示你的想法。软件内封装好了一些常用的组件和素材图标，拖出即可用，非常方便。作为一种专业的原型设计工具，Mockplus能够gao效地进行原型设计，支持多人协作设计。
 

三、矢量绘图工具-AI
 

AI是目前较强大的矢量绘图工具之*，主要用于印刷出版、海报排版、专业插图、多媒体图像处理和网页制作。在新版本中，添加了新的功能，如任意形状渐变、全局编辑、自定义工具栏、裁剪视图、内容识别和裁剪等，非常实用。
 

四、划参考线工具-GuideGuide
 

GuideGuide是一款划参考线插件，可以应用于PS、AI、Sketch和XD，安装非常方便。此外，它支持一键生成参考线，针对画布或自定义选区创建新的参考线等。
 

五、UI界面设计工具-Sketch
 

Sketch可以说是专门为ui设计师设计的矢量绘图工具，与PS相比，SKetch定位更准确，操作更简单，重量更轻。其“设计、修改和演示”的一站式功能可以帮助ui设计师完成界面设计、元素批量修改和演示等。但是，它目前只支持在Mac上使用。当然，如果没有Mac，也可以使用PS或XD进行界面设计。
 

六、配色工具- Material Design Color
 

对于ui设计师来说，配色是一个极其重要的环节，有些人甚至称“成也配色，败也配色”。一个好的ui界面配色可以起到很多作用，比如:显示界面的整体结构、明确层级关系、提高转化率等，可以看出它的重要性。
 

配色一直是ui设计师头疼的问题，尤其是对于新手来说。当然，有了配色工具-Material Design Color，就没有必要担心这些问题了。其操作非常简单、方便、灵活。