原型设计工具

原型是一种让用户提前体验产品、交流设计构想、展示复杂系统的方式。就本质而言,原型是一种沟通工具。

线框图描绘的是页面功能结构,它不是设计稿,也不代表最终布局,线框图所展示的布局,最主要的作用是描述功能与内容的逻辑关系。

原型图是最终系统的代表模型或者模拟,比线框图更加真实、细致。

原型设计的核心目的在于测试产品,没有哪一家互联网公司可以不经过测试,就直接上产品和服务。

原型在识别问题、减少风险、节省成本等方面有着不可替代的价值。

虽然需求文档也是可以满足沟通需求的,通过用例将交互写到设计描述文档中,但是原型可以更详细地解释交互。

下面介绍几款原型设计软件:

PPT和Keynote

优点:

  • 技术门槛低,学习曲线不陡峭;
  • 可用幻灯片母版,复用性高;
  • 模拟移动端产品,修改画板适应手机端尺寸即可;
  • 可导出为HTML或PDF文件;

缺点:

  • 绘画工具有限;
  • 交互动作有限;

现在非常流行把Sketch与Keynote放在一起用,简单说就是把Sketch里的图层、部件拖拽到Keynote中,然后添加Action动作,按照剧本完成一套交互。

Axure RP

Axure的优点不用多说,但使用它一个工具就能满足设计和文档需求(通过注解,生成规格文档)。

Axure自带的部件库也给制作过程带来了便捷,类似Omnigraffle的stencil一样,避免了重新发明轮子。

要掌握Axure,主要应该弄懂四大核心功能:

  • 母版:主要用于制作网页的页头、页尾,可复用性高;
  • 动态面板:核心中的核心,“层”的概念很重要;
  • 图片热区:在一张完整的图片上通过热区,建立交互动作;
  • 函数和变量:局部变量和全局变量的概念以及应用(比如用户登陆效果)。

Axure 7.0还有中继器这个功能,但是个人觉得比较鸡肋,学习成本也比较高,主要可以用来做搜索框的搜索结果联想的原型。

 

posted @ 2019-04-29 12:17  心、在破晓  阅读(116)  评论(0编辑  收藏  举报