原型设计工具

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

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

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

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

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

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

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

PPT和Keynote

优点:

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

缺点:

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

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

Axure RP

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

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

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

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

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

 

转载于:https://www.cnblogs.com/xx1234/p/10789682.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值