众所周知，适合的工具可以为你带来事半功倍的效果。根据UI设计专业的特点将20个工具进行介绍，他们分别是：原型设计、线框绘制、调动情绪、动效设计。  

  为你提供创建完美UI设计所需的必要元素。想学UI设计的同学们看起来吧。  

  原型设计  

  1Sketch  

  #Sketch是在UI行业开天辟地的软件，也可以说是第一款完全针对UI界面设计的工具。是一款基于MacBook非常出色的轻量级UI/UX设计工具。Principle是可以与Sketch无缝对接的动效设计软件，与Sketch配合能做出很多可以操作的UI静态+动态效果设计。  

  用户友好的布局使Sketch非常适合初学者这两个可以算是专门为UI设计开发的软件，但是只有Mac版本，Windows电脑无法使用，导致这个软件在行业内的通用性存在问题。它对比PS的优势就是更轻量化，软件打开更快，多画布、组件、快速填充等带来的效率提升是平面软件无法比拟的。  

  2.Framer.JS  

  #如果你想要一个用于移动应用程序设计的交互式且灵活的工具，Framer.JS可能就是很好的选择。Framer.JS最大的优点是它是开源的，只需要知道如何使用HTML和CSS设置JS文件，就可以将其很好的运用在自己的作品集中。Framer比较适合做一些精细动效的打磨和传统软件不能实现的新场景（语音交互、TV远程遥控等）。  

  Framer支持导入Sketch和Photoshop文件的导入，十分方便快捷，对于新手也很友好。  

  3.OrigamiStudio  

  #OrigamiStudio是Facebook团队于2016年开发的免费设计工具。该软件可帮助快速设计和共享交互界面。该程序的补丁编辑器可用于创建原型，而它巨大的补丁库包含有动画、开关和布尔运算符等设计元素。OrigamiStudio刻意追求与Sketch一致的使用逻辑，在画面的右边你的每个设计元素都是一个Layer（图层），所有的交互动作在这些layer的基础上开展。OrigamiStudio准备了非常实用的iOS和MaterialDesign预置图层，可以调用几乎所有的基础组件如甚至包括摄像头、高斯模糊！也就是说你可轻易的实现一个具有录像功能的交互原型，如果你在Photoshop或Sketch中有设计，也可以将它们复制到Origami中。  

  4UXPin  

  #如果你正在寻找一种可以让你无需编码即可设计动态UI布局的工具，那么UXPin适合你。  

  UXPin提供的拖放操作可以轻松的创建高质量的线框和原型。内置的1000个元素可以任你用在移动、桌面和Web产品的设计中。  

  5.AxureRP  

  #AxureRP是美国AxureSoftwareSolution公司旗舰产品，是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理。AxureRP已被一些大公司采用。AxureRP的使用者主要包括商业分析师、信息架构师、可用性专家、产品经理、IT咨询师、用户体验设计师、交互设计师、界面设计师等，另外，架构师、程序开发工程师也在使用Axure。  

  6.AdobeIllustrator  

  #Adobeillustrator是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件，作为一款非常好的矢量图形处理工具，图形放大放小不失真,文件保存比较小,AdobeIllustrator广泛应用于印刷出版、书籍排版、专业插画、互联网页面的制作等,我们UI设计师主要用它来做插画设计、图标设计、字体设计、logo设计等.  

  线框绘制  

  7.Justinmind  

  #同样也是一款强大的线框绘制工具；Justinmind十分好上手，对新手很友好。它通过包含很多元素可供使用：交互式原型元素（文本输入、单选按钮、下拉菜单等）。只需要通过单击就可以将其添加到画好的线框图中。  

  JustinMind是由西班牙JustinMind公司出品的原型制作工具，可以输出Html页面。与目前主流的交互设计工具axure，BalsamiqMockups等相比，JustinmindPrototyper更为专属于设计移动终端上app应用。  

  除了元素本身的内容，Justinmind的布局很容易直观：所有的设计元素都在左边；组织元素（如文件夹、屏幕列表等）在右侧。  

  它还预装了大量即用型组件、图标、UI和模板，除了创建线框，它还可以帮助进行设计。  

  调动情绪  

  8.InVisionStudio  

  #InVision是一种与大多数Web浏览器兼容的设计工具。使用InVisionStudio，不仅可以加快工作流程。还可以创建有趣的交互式原型，并和团队共享设计；用它来解决问题、顾虑和设计变得十分快捷。  

  InVisionStudio实现许多UI设计师的梦想，帮助设计师创建带有大量功能的精美交互界面。您可以根据许多手势和交互来创建自定义动画和过渡。更重要的是，它号称“有史以来最快的工作室”，具有快速成型的功能——这样可以节省时间，因此您可以想到更多的想法。  

  9.Abstract  

  #Abstract是受Git启发的协作工具，它集成了Sketch和AdobeXD，使多个设计师能够集中决策、反馈和文件。设计师还可以创建“集合”，允许团队外的其他人预览设计。  

Powered by Froala Editor