您现在的位置:   首页 >> 新闻中心 >> 原型设计

Axure教程 | 移动端APP原型框架搭建

发布人:www.yunke.ai 发布时间:2021-01-01 151 次浏览

本分给大家分享:在Axure软件中,如何搭建移动端APP原型的框架。

做好后,可以通过内嵌框架实现各个界面的跳转,可以设置不同的头部类型,返回时自动识别来时的界面,自动识别界面名称等。专注于:APP原型动效库、APP原型元件库、Axure原型动效库、Axure原型元件库、高保真原型设计。

原型在线地址:http://u.pmdaniu.com/N9wN

原型屏幕尺寸375*667px(iphone6/iphone6s/iphone7)

一、功能点

1、通过内嵌框架,实现手机壳内打开原型界面;

2、自动获取当前界面的标题名称,无需手动输入;

3、返回时自动识别来时的界面,无需手动添加链接;

4、通过全局变量,设置当前界面是否需要返回箭头;

5、通过母版+中继器,设置不同的头部底色,标题、返回箭头和顶部信息栏颜色自动匹配。

二、准备工作

1、素材:手机壳、顶部信息栏、头部背景图片、各个界面所需图片,下载文件中已包含所有素材;

2、新建【index】、【发现】等原型中的界面,将手机壳导入【index】界面;

3、在【index】界面拖入1个内嵌框架,尺寸375*667px,放在手机壳中间;

4、新建母版【头部_App】,在母版中拖入一个【中继器】(Rpt_Head);

5、在中继器中,拖入一个图片元件(Background_Rpt_Head,375*65px),一个文字编辑元件(Title_Rpt_Head,375*45px),两个动态面板,其中一个显示头部信息栏(Info_Rpt_Head,375*20),另一个显示返回箭头(Return_Rpt_Head,60*45px)。

三、实现步骤