原型设计工具
原型是一种让用户提前体验产品、交流设计构想、展示复杂系统的方式。就本质而言,原型是一种沟通工具。
线框图描绘的是页面功能结构,它不是设计稿,也不代表最终布局,线框图所展示的布局,最主要的作用是描述功能与内容的逻辑关系。
原型图是最终系统的代表模型或者模拟,比线框图更加真实、细致。
原型设计的核心目的在于测试产品,没有哪一家互联网公司可以不经过测试,就直接上产品和服务。
原型在识别问题、减少风险、节省成本等方面有着不可替代的价值。
虽然需求文档也是可以满足沟通需求的,通过用例将交互写到设计描述文档中,但是原型可以更详细地解释交互。
下面介绍几款原型设计软件:
PPT和Keynote
优点:
- 技术门槛低,学习曲线不陡峭;
- 可用幻灯片母版,复用性高;
- 模拟移动端产品,修改画板适应手机端尺寸即可;
- 可导出为HTML或PDF文件;
缺点:
- 绘画工具有限;
- 交互动作有限;
现在非常流行把Sketch与Keynote放在一起用,简单说就是把Sketch里的图层、部件拖拽到Keynote中,然后添加Action动作,按照剧本完成一套交互。
Axure RP
Axure的优点不用多说,但使用它一个工具就能满足设计和文档需求(通过注解,生成规格文档)。
Axure自带的部件库也给制作过程带来了便捷,类似Omnigraffle的stencil一样,避免了重新发明轮子。
要掌握Axure,主要应该弄懂四大核心功能:
- 母版:主要用于制作网页的页头、页尾,可复用性高;
- 动态面板:核心中的核心,“层”的概念很重要;
- 图片热区:在一张完整的图片上通过热区,建立交互动作;
- 函数和变量:局部变量和全局变量的概念以及应用(比如用户登陆效果)。
Axure 7.0还有中继器这个功能,但是个人觉得比较鸡肋,学习成本也比较高,主要可以用来做搜索框的搜索结果联想的原型。