如何用axure画app原型图

答案 多学习,多练手画好原型后1.下载Axure2.如果是给itouch或者iPhone用的,比较好办,直接用320×480的分辨率画好辅助线,然后画原型3.按F5生成原型的时候,在“Mobile/Device”选项中可以设置适配移动设备的特殊原型4.设置说明见下图:(页面大小显示我的这个设置是按320×480的大小,默认

如何用axure画app原型图

多学习,多练手

画好原型后

1.下载Axure

2.如果是给itouch或者iPhone用的,比较好办,直接用320×480的分辨率画好辅助线,然后画原型

3.按F5生成原型的时候,在“Mobile/Device”选项中可以设置适配移动设备的特殊原型

4.设置说明见下图:(页面大小显示我的这个设置是按320×480的大小,默认不缩放)

5.用你的移动设备访问你生成的原型链接(如本地服务器,或Dropbox托管)

6.把该页面创建一个桌面快捷方式7.完成(有icon,有闪屏)

另:想做鼠标动作或者复杂的页面交互比较麻烦,不推荐,尽量简洁。

在原型图里添加流程图,可以高效快速的将重点内容展现!很多新手小伙伴可能对于Axure的流程图功能都不了解,下面就来详细的为大家介绍介绍~如果此时你心里众多疑惑:Axure去哪学?怎么学?学多久?那不妨学习体验的Axure自学视频课!资深讲师授课,从基础的Axure软件功能到原型绘制到交互案例,综合全面的带你入门Axure产品原型设计!~

Axure流程图功能在原型图里高效使用方法:

一、流程图的通病

目前所有流程图软件都存在一个问题,那就是流程图无法关联到原型页面。

无法做到直接点击流程图里面的节点(页面、功能、操作),展示与之相关的更多信息。这样子使用上面会很受限。

页面流程图无法查看指定页面详情

比如我们画页面流程图,展示了所有页面以及页面间的流向关系。UI设计师和开发童鞋,有时候需要查看某个页面的具体内容。

功能流程图无法查看指定功能详情

功能流程图也存在类似的问题,开发童鞋想了解某个功能的具体情况,只能问PM或者自己找对应功能的原型页面。

功能逻辑图无法显示具体控件

画一个功能具体的步骤逻辑的时候,有时候我们需要展示一下其中的控件,比如写下单流程的时候可能需要展示一下付款弹窗。

当然也可以使用原始方法,直接复制过来,第一麻烦第二修改了无法同步。

无法对流程图节点做注释

流程图是由一个个节点连接而成,有时候节点需要写几句话注释一下。不是所有的流程图软件都能支持,更主要的是没办法做到默认隐藏,点击展开注释。除非你把流程导出为html格式,但是这样子又不能导入到Axure中了。

二、Axure流程图的介绍

以上这些使用问题,都可以使用Axure的流程图来满足。接下来我会一一的来讲解如何解决。

先简单介绍一下Axure的流程图功能是什么,其实本质上是一个元件库。

含有很多种元件,用途各不相同。大家使用的时候尽量遵循其定义的通用规范。当然如果你有特殊需要,可以单独定义。

三、流程图如何关联页面

Axure提供了两种操作方法,本质上都是设置“引用页面”属性,Flow元件库中的所有元件都具备该属性。Dafault默认元件库中部分元件支持该属性。

“引用页面”除了关联了对应页面,同时集成了对应页面的标题。当你修改页面结构中的页面标题,这里也会同步更新。

拖拽页面到工作区

当你画页面流程图的时候,需要展示某个页面的详情。

那么选中Axure左方的页面结构中的该页面。

然后拖动到右边的工作区即可图。

最终的显示效果请查看我之前的文章,以及我绘画的页面原型图。

其中右下角带有“蓝色矩形组”图标的矩形,代表可以点击进入该页面的线框图,查看详细的页面布局、控件、逻辑等。

设置引用页面属性

根据上图,你应该可以猜到其实拖曳页面名称到工作区,是创建了一个页面并且设置了属性“引用页面”到该页面。所以你也可以这样做。

拖动Flow元件库中的元件到工作区

设置属性“引用页面”到你所需的页面

生成原型查看效果。

四、流程图如何关联具体功能

方法有2种,大家可以按需参考。

设置“引用页面”属性到具体的功能页面,方法如上。

设置单击链接到具体的功能页面,再简单不过。

五、流程图如何显示具体控件

在画某个功能的具体逻辑时候,我们可以借助Axure的“页面快照”功能来展示一些控件。有助于技术童鞋对功能的理解和实现。

新建页面快照

从左方的Flow元件库,拖动”页面快照”到右方的工作区。

设置引用页面

方法和上面的类似,但是展示效果有点区别哦。所谓页面快照是指将引用页面的具体内容显示到该元件区域范围里。比如我引用了闪电约首页这个页面,那么效果如下。

修改快照参数

显示明显有问题,我们可以修改一下参数。

取消适应比例,然后把该页面快照元件的尺寸修改成375x667,然后填充的相对坐标改成(0,0,0,0)。此时快照效果如下。

配置动作

比如你可以设置该页面隐藏一些控件,或者展示隐藏的弹框,吐司提示。

大概是这样子了,在设计商品详情、购物车、确认订单的时候,该功能特别适用。有需要的童鞋可以试下。

六、流程图如何显示节点的注释

这个其实很简单,但是很多PM没用过。

以上即是关于“Axure流程图功能在原型图里怎么高效使用?”的全部精彩内容分享了,希望能够帮助到你!学习更多Axure原型技巧,不妨阅读更多Axure相关文章学习?最后,还是那句话,想学好Axure,就来,专业讲师教学,不怕学不会~

免责声明:我们致力于保护作者版权,注重分享,被刊用文章因无法核实真实出处,未能及时与作者取得联系,或有版权异议的,请联系管理员,我们会立即处理,本文部分文字与图片资源来自于网络,转载此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请立即通知我们,情况属实,我们会第一时间予以删除,并同时向您表示歉意,谢谢!

图片声明:本站部分配图来自人工智能系统AI生成,国外stocksnap摄影无版权图库。本站只作为美观性配图使用,无任何非法侵犯第三方意图,一切解释权归图片著作权方,本站不承担任何责任。如有恶意碰瓷者,必当奉陪到底严惩不贷!

内容声明:本文中引用的各种信息及资料(包括但不限于文字、数据、图表及超链接等)均来源于该信息及资料的相关主体(包括但不限于公司、媒体、协会等机构)的官方网站或公开发表的信息。部分内容参考包括:(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供参考使用,不准确地方联系删除处理!本站为非盈利性质站点,本着为中国外贸事业出一份力,发布内容不收取任何费用也不接任何广告!
 

  • 热门焦点
  • 四川省眉山市仁寿县彰加镇梧桐街邮编是多少

    邮编查询为您提供四川省眉山市仁寿县彰加镇梧桐街邮编,四川省眉山市仁寿县彰加镇梧桐街的邮编,四川省眉山市仁寿县彰加镇梧桐街的邮政编码,四川省眉山市仁寿县彰加镇梧桐街的邮政编码是多少,四川省眉山市仁寿县彰加镇梧桐街的邮政编码查询,四川省眉山市仁寿县彰加镇梧桐街的邮政编码快速查询。
    08-09
  • 四川省眉山市仁寿县里仁乡万春村邮编是多少

    邮编查询为您提供四川省眉山市仁寿县里仁乡万春村邮编,四川省眉山市仁寿县里仁乡万春村的邮编,四川省眉山市仁寿县里仁乡万春村的邮政编码,四川省眉山市仁寿县里仁乡万春村的邮政编码是多少,四川省眉山市仁寿县里仁乡万春村的邮政编码查询,四川省眉山市仁寿县里仁乡万春村的邮政编码快速查询。
    08-09
  • 四川省眉山市仁寿县付加镇青洋村邮编是多少

    邮编查询为您提供四川省眉山市仁寿县付加镇青洋村邮编,四川省眉山市仁寿县付加镇青洋村的邮编,四川省眉山市仁寿县付加镇青洋村的邮政编码,四川省眉山市仁寿县付加镇青洋村的邮政编码是多少,四川省眉山市仁寿县付加镇青洋村的邮政编码查询,四川省眉山市仁寿县付加镇青洋村的邮政编码快速查询。
    08-09
  • 四川省眉山市仁寿县禄加镇六皇村邮编是多少

    邮编查询为您提供四川省眉山市仁寿县禄加镇六皇村邮编,四川省眉山市仁寿县禄加镇六皇村的邮编,四川省眉山市仁寿县禄加镇六皇村的邮政编码,四川省眉山市仁寿县禄加镇六皇村的邮政编码是多少,四川省眉山市仁寿县禄加镇六皇村的邮政编码查询,四川省眉山市仁寿县禄加镇六皇村的邮政编码快速查询。
    08-09
  • 四川省眉山市仁寿县黑龙滩镇开元村邮编是多少

    邮编查询为您提供四川省眉山市仁寿县黑龙滩镇开元村邮编,四川省眉山市仁寿县黑龙滩镇开元村的邮编,四川省眉山市仁寿县黑龙滩镇开元村的邮政编码,四川省眉山市仁寿县黑龙滩镇开元村的邮政编码是多少,四川省眉山市仁寿县黑龙滩镇开元村的邮政编码查询,四川省眉山市仁寿县黑龙滩镇开元村的邮政编码快速查询。
    08-09
  • 四川省眉山市仁寿县洪峰乡金鸡村邮编是多少

    邮编查询为您提供四川省眉山市仁寿县洪峰乡金鸡村邮编,四川省眉山市仁寿县洪峰乡金鸡村的邮编,四川省眉山市仁寿县洪峰乡金鸡村的邮政编码,四川省眉山市仁寿县洪峰乡金鸡村的邮政编码是多少,四川省眉山市仁寿县洪峰乡金鸡村的邮政编码查询,四川省眉山市仁寿县洪峰乡金鸡村的邮政编码快速查询。
    08-09
  • 四川省眉山市仁寿县文宫镇文高路邮编是多少

    邮编查询为您提供四川省眉山市仁寿县文宫镇文高路邮编,四川省眉山市仁寿县文宫镇文高路的邮编,四川省眉山市仁寿县文宫镇文高路的邮政编码,四川省眉山市仁寿县文宫镇文高路的邮政编码是多少,四川省眉山市仁寿县文宫镇文高路的邮政编码查询,四川省眉山市仁寿县文宫镇文高路的邮政编码快速查询。
    08-09
  • 四川省眉山市仁寿县彰加镇禹王村邮编是多少

    邮编查询为您提供四川省眉山市仁寿县彰加镇禹王村邮编,四川省眉山市仁寿县彰加镇禹王村的邮编,四川省眉山市仁寿县彰加镇禹王村的邮政编码,四川省眉山市仁寿县彰加镇禹王村的邮政编码是多少,四川省眉山市仁寿县彰加镇禹王村的邮政编码查询,四川省眉山市仁寿县彰加镇禹王村的邮政编码快速查询。
    08-09
  • 四川省眉山市仁寿县钟祥镇红旗路邮编是多少

    邮编查询为您提供四川省眉山市仁寿县钟祥镇红旗路邮编,四川省眉山市仁寿县钟祥镇红旗路的邮编,四川省眉山市仁寿县钟祥镇红旗路的邮政编码,四川省眉山市仁寿县钟祥镇红旗路的邮政编码是多少,四川省眉山市仁寿县钟祥镇红旗路的邮政编码查询,四川省眉山市仁寿县钟祥镇红旗路的邮政编码快速查询。
    08-09
  • 四川省眉山市仁寿县江心街邮编是多少

    邮编查询为您提供四川省眉山市仁寿县江心街邮编,四川省眉山市仁寿县江心街的邮编,四川省眉山市仁寿县江心街的邮政编码,四川省眉山市仁寿县江心街的邮政编码是多少,四川省眉山市仁寿县江心街的邮政编码查询,四川省眉山市仁寿县江心街的邮政编码快速查询。
    08-09
  • 四川省眉山市仁寿县视高镇油顶村邮编是多少

    邮编查询为您提供四川省眉山市仁寿县视高镇油顶村邮编,四川省眉山市仁寿县视高镇油顶村的邮编,四川省眉山市仁寿县视高镇油顶村的邮政编码,四川省眉山市仁寿县视高镇油顶村的邮政编码是多少,四川省眉山市仁寿县视高镇油顶村的邮政编码查询,四川省眉山市仁寿县视高镇油顶村的邮政编码快速查询。
    08-09
  • 四川省眉山市仁寿县先锋街邮编是多少

    邮编查询为您提供四川省眉山市仁寿县先锋街邮编,四川省眉山市仁寿县先锋街的邮编,四川省眉山市仁寿县先锋街的邮政编码,四川省眉山市仁寿县先锋街的邮政编码是多少,四川省眉山市仁寿县先锋街的邮政编码查询,四川省眉山市仁寿县先锋街的邮政编码快速查询。
    08-09
  • 四川省眉山市仁寿县钟祥镇青山村邮编是多少

    邮编查询为您提供四川省眉山市仁寿县钟祥镇青山村邮编,四川省眉山市仁寿县钟祥镇青山村的邮编,四川省眉山市仁寿县钟祥镇青山村的邮政编码,四川省眉山市仁寿县钟祥镇青山村的邮政编码是多少,四川省眉山市仁寿县钟祥镇青山村的邮政编码查询,四川省眉山市仁寿县钟祥镇青山村的邮政编码快速查询。
    08-09
  • 四川省眉山市仁寿县禾加镇干井村邮编是多少

    邮编查询为您提供四川省眉山市仁寿县禾加镇干井村邮编,四川省眉山市仁寿县禾加镇干井村的邮编,四川省眉山市仁寿县禾加镇干井村的邮政编码,四川省眉山市仁寿县禾加镇干井村的邮政编码是多少,四川省眉山市仁寿县禾加镇干井村的邮政编码查询,四川省眉山市仁寿县禾加镇干井村的邮政编码快速查询。
    08-09
  • 四川省眉山市仁寿县大化镇红塔村邮编是多少

    邮编查询为您提供四川省眉山市仁寿县大化镇红塔村邮编,四川省眉山市仁寿县大化镇红塔村的邮编,四川省眉山市仁寿县大化镇红塔村的邮政编码,四川省眉山市仁寿县大化镇红塔村的邮政编码是多少,四川省眉山市仁寿县大化镇红塔村的邮政编码查询,四川省眉山市仁寿县大化镇红塔村的邮政编码快速查询。
    08-09