UI 设计相关工具

优质

小牛编辑

126浏览

2023-12-01

工欲善其事，必先利其器。了解到了UI 设计相关工作岗位的任职要求后，我们可以就其中所涉及到的工具做进一步的了解，之后无论是在原型设计上，还是视觉设计上，选择适合自己并能与团队很好沟通配合的工具，做到事半功倍。

原型设计工具

PPT 在很多人的印象中就是制作幻灯片的工具，但它在某些交互设计师的手下却是制作原型的利器。毕业后工作的第一家公司里，交互设计师用 PPT 制作出了艺术级的交互流程图，开发和测试都按照这个流程来工作就行。当时设计的是一款电阻触屏直板手机，内部代号为 HaiLing，分享几张截图。

它是微软办公套件中的一款，主要用于各种图表的制作，内有很多现成的控件，也可以自定义图形。我一般都是自己画图形，满足自己的审美需求。下面是用 Visio 绘制的交互图：

Axure RP 是一款专业的原型设计工具，能够快速制作出网站的线框图、流程图等，并进行相应的交互。最新版中还加入了手机、平板的设计模块，极大地满足了产品经理、交互设计师的工作需求。

Balsamiq Mockups出自加利福尼亚州的Balsamiq工作室，创始人Peldi在2008年6月推出了这款手绘风格的产品原型设计工具，之后迅速成为产品设计师绘制线框图或产品原型图的利器，最新版本中有77个定义好的控件，无论你是设计桌面应用、Web 应用还是手机应用，它都能提供相应的支持。

在各原型设计工具中，纸和笔其实是最重要的，它能够让你随时记录灵感，并把想法快速表现出来，向他人展示，面对面的沟通，实时修改。

以上介绍的都是大家常用到的原型设计工具，一些小众的没有涉及到，如果有兴趣，Google 上输入“原型设计工具”就可以搜索出很多。下面我们介绍一些视觉设计相关的工具。

这是 Adobe 旗下最著名的两款图形设计软件了，Photoshop 绝对是视觉设计的主力军，市面上相关的教程书籍可以用汗牛充栋来形容了。Illustrator 在 UI 设计中常用于图标的绘制，很多设计师都为画出很棒的写实图标而在此软件上下了一番功夫。

Flash 早已过了全民闪客的年代，但在UI 设计领域，它还被常用于动态效果的演示制作。After Effects 为人熟知是在影视后期制作领域，但在 UI 设计里，为了向他人演示设计师所构思的交互，After Effects 被光荣地引入。

这三款都是 Autodesk 旗下著名的三维软件，用于建筑、动画、CG创作等领域。在视觉设计师的手下，它们是制作 3D 图标的利器，特别是 Zbrush，它可以让你在屏幕前进行雕刻，生动地刻画出图标的细节。

这是一款优秀的思维导图和知识管理工具，能够帮助你将想法和灵感以清晰的思维导图的形式记录下来，这对梳理工作计划和规划很有帮助，广泛应用于研究、组织、解决问题和决策中。在UI 设计环节，我们可以用它来很好地整理产品需求、划分结构、建立菜单树等。

它是一款设计稿标注、测量神器，可以横向、垂直标注和测量元素的长度，自动读取标记所指的元素的色值，标记某点的位置，甚至直接在上面添加文字说明。