设计师常用的界面原型设计工具
操作方法
- 01
所谓“工欲善其事必先利其器”，做界面设计如果没有好的工具进行辅助，那只会导致事倍而功半。本人从事界面设计开发多年，接触了多种界面原型设计工具，这里想跟大家分享一点我的使用心得。以前在做界面原型设计的时候，印象中多数用Visio或者一些UML工具大致描述一下，效果及交互性较差，但是我用过的这两个国内都很知名的原型设计软件却非常好用，希望有兴趣的朋友都可以尝试一下。 GUI Design Studio * 最新版本：4.5 界面模型设计中很实用的一个工具GUI Design Studio，可以让界面示意图实现基本的交互，便于演示、交流。推荐需求、软件界面设计开发等界面原型相关人员使用。 GUI Design Studio提供的了大部分C/S、B/S组件的示意图，可组合使用，在一般软件界面模型设计阶段基本可以满足需要。 Axure RP * 最新版本：6.5 无疑是目前最受欢迎的快速原型设计软件，它是一套专门为了网站或者应用程序策划所设计的辅助工具，可以让应用网站策划人员或网站界面设计师，更快速且更简易的建立Web AP和Website的示意图、流程图、原型和规格。 Axure借鉴了office的界面，能够让用户快速上手，并且提供了丰富的组件样式修改，使得通过其能够创建低保真、高保真甚至接近于实际效果的界面。 然而最让人称道的是，Axure的丰富的脚本模式，可以通过点击和选择能够快速完成界面元素的交互，如链接、state切换、动态变化等效果，使得 Axure能够生成十分接近于真实产品的原型。另一方面，Axure能够导入其他人创建的元件库，使得Axure能够满足绝大多数类型产品的设计。 虽然现在Axure RP已经流传有汉化版，但对于中文的支持仍然不太友好。在小部分元件上输入的时候，经常需要像碰运气似的反复切换输入法，破坏了设计师的用户体验。 另外，界面交互设计师还用到的一些原型工具有VISIO、Mockups、Dreamweaver、Pencil sketch等，这里就不一一赘述了，有兴趣的都可以尝试一下。 总结 这两个原型设计工具都非常好用，各有千秋。Axure RP多是基于页面的原型设计，对于web网站尽管很实用，但是对于软件界面的流程设计却略显繁琐。而GUI Design Studio却另辟蹊径，直接以建立元素与元素之间关联的方式来自动化的创建动作流程，很大程度上提升了软件界面原型搭建的效率。 最后我想说明的是，不管你是推崇手绘，还是喜欢用原型软件，做界面设计最重要的还是想法，工具只是用来帮助实现想法的。不必过于追求技术，也不必过于追求视觉表现，你只需要专注于产品逻辑、页面交互、布局结构这些，其余的就交给美工吧！