产品经理从0到1全过程AXURE交互原型

Axure RP是一个专业的快速原型设计工具,能够快速创建应用软件或Web网站的线框图、流程图、交互原型图和规格说明文档。

接下来,小编给大家介绍一种运用Axure来快速制作APP交互原型的思维方法。在此也提醒各位同学,Axure是产品经理必备的基础技能,并且网上介绍Axure的资料也非常齐全,希望同学们可以深入学习下。技能类的东西重在实践,请大家务必要自己动手去做一下,边学边做将更有效!

一、创建自有元件库:

这里首先介绍一下Axure的【创建部件库】的功能,部件库也叫组件库或元件库,所有软件自带的元件和加载的元件库都在这里。

这里可以执行创建、加载、删除Axure元件库的操作,也可以根据需求显示全部元件或某一元件库的元件。

元件库主要包含三种大类的元件:基本原件、流程图元件和图表元件。下图列出了基本元件中的小类,供大家参考学习。

                       Axure部件库构成

实际上,原型制作工具的核心功能无非是通过元件堆砌组合,来展示产品的目标形态和效果。在网上元件库庞杂混乱的情况下,借助部分部件库中的基本元件,通过巧妙地搭配组合可以满足我们多元化的需求。

但千万不要同时使用多套元件,尤其是标准组织设计的的元件模板。基本步骤是创建元件库“绿色文件”、给元件库分组、编辑并制作元件、载入自制元件库并使用。

二、善于运用母版:

创建一个母版不仅可以实现快速地使用一组控件,避免了重复性的复制粘贴,而且体现在设计后期,母版的运用可以提高修改某些基本控件的效率。

这里有个小技巧,小母版组合的方法优于大母版,方便后期更为灵活的修改。比如下图,可以将产品基本信息和可能购买状态制作成独立的小母版,再进一步组合成产品的完整页面。

                           母版组合

协调统一交互原型的风格

以制作APP交互原型为例,首先我们必须熟悉APP的设计规范,符合Android或者iOS的设计理念,对于一些常规的控件设计规则有一定的了解。

这样设计出来的产品才能符合这个平台的特性。同时在制作过程中,要根据使用场景以及自己的习惯来制定一套自己的交互风格。

比如可以定义好APP原型中,正文的字体、字号、颜色、行高等。当然某些规范,比如字体也可以当成一个字体元件,放到我们自制的元件库中,总之要根据自己的情况灵活的运用。有了一套风格之后,加上创建的元件库随意修改颜色大小等,就能确保做出来的交互原型风格一定是协调统一的。

总结:Axure只是一个将设计创意和设计想法进行可视化表达和文档化的工具,整个过程中最应当关注的还是用户需求、产品目标以及来自开发利益相关者的各种限制,而只有合作才能真正设计出成功的交互原型。

有了功能还做不出原型来的,通常是产品用的太少,见识太窄。大家试着用一遍常用产品(如微信、支付宝、美团、淘宝等)的所有功能,因为很多边角功能,或者是一些边界功能,大家平常可能都不会用。但在做产品设计的时候,其实这些东西是非常关键的。

一定要自己绘制一次原型,看看能否全部连起来,如果不行的话,就再试一次,如此反复,多次练习。

去哪里下载Axure?如果作为产品人连Axure都不会装的话,那就真的得好好思考一下了

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 摘要:元件作为Axure 9.0的基础功能,线框图的绘制与交互事件的设置都离不开它,熟练掌握并了解每个元件的功能及...
    Axure原型设计阅读 67,039评论 10 87
  • 第一步:搭建vue环境 由于之前已经安装好了node.js,和一些依赖,所以在这就直接创建vue项目了。可参考:h...
    张中华阅读 536评论 0 2
  • 剖开胸膛,我让心在烈日底下烧。 烧成记号,记住你的好永远别忘掉。 头破血流,也要护你到天涯海角。 爱一个字,我敢用...
    贾小呆520阅读 181评论 0 0
  • 1,什么是Canvas 画布的意思,简单理解就是用来作图的区域,实现画图必须需使用js作图 2.Canvas...
    1462a2c022bc阅读 218评论 0 0
  • 这是禅宗初祖达摩为二祖慧可(又名神光)安心的故事。 慧可自幼志气不凡,为人旷达,博闻强记,广涉儒书,尤精《...
    新心园阅读 486评论 1 1

友情链接更多精彩内容