你好,欢迎进入江苏优软数字科技有限公司官网!

诚信、勤奋、创新、卓越

友好定价、专业客服支持、正版软件一站式服务提供

13262879759

工作日:9:00-22:00

轻松创建交互式移动原型

发布时间:2026-02-20

浏览次数:0

于右上角那儿,点击那个sign up free选项,以此来达成注册,其注册的方式呢,乃是采用邮箱进行注册。

2. 菜单

先是成功进行注册,之后登录,登录成功以后便会进入到这个页面之内,在这个页面当中是存在着3个DEMO的,是能够去看看的哟。首先要对顶部的菜单展开介绍呀。

标红1部分是三个主要功能,(项目)、(历史)、(成员)。

:大部分时间都会耗在这里,稍后会细讲。

:以时间轴的形式记录历史。

那些成员,能够支持好多人一起协同合作去完成项目,要是一个人没办法搞定,就能够拉同事一起参与进来。

标红2是项目排序,接着标红3是创建项目。

3.创建一个项目

点击绿色的“ new ”:

会弹出一个浮层:

两个输入域,上面的是项目名称,支持中文。下面的是设备选择:

其所支持的设备类型数量繁多,于图中能够明晰其支持桌面,支持横竖屏,支持横竖屏,支持 ipad,支持横竖屏。此次主要是以其作为示例来开展一个小型教程,所以在选择竖屏之后点击。

4.上传原型

先说一下文件要求,不管是运用axure制作的原型,还是通过设计得出的原型,要将每个页面都进行单独导出sketch up教程,使其成为图片,文件格式能够是PNG,也能够是JPG,还能够是GIF,甚至能够是AI,又或者是PSD。

另外对原型尺寸大小也做了限制,目的是为了最佳的显示效果。

要是对究竟该做成怎样的尺寸存在疑问的话,能够去点击help with sizes借此进行查询。

应当留意的是,如果在原型之上已然存在手机状态栏的情形下,能够勾选我的那个栏。

能上传的图片,现在仅限单张进行上传,要是图片数量较多,操作起来会比较麻烦。也存在允许批量上传的情形,假定拥有国外的网盘服务,那么便能够制作文件连接。

要是拥有MAC电脑那就再好不过了,去下载安装MAC APP,将图片直接拖动到文件夹当中之后就无需再理会,它会自行进行上传。

另外需要注意的是,上传的原型不能带有原型机身。

5.开始第一步

于全部文件上传完毕之后,寻得你原型的首页纸张,轻点随后便会步入编辑模式。在此之前要是存在可能性的话,将page以及icon一并上传会较为妥当,后续将会予以运用。

见到底部那四个按键了吧,从左边开始,第一个是预览模式,第二个是编辑模式,第三个是标注模式,第四个是历史模式。

每次进行点击切换操作时,都将会出现系统帮助的提示信息,然而,在着手展开制作之前,我们要先把显示的样式改变得赏心悦目的许多。

点击右下角的齿轮图标,打开细节配置。

skin:可以更改机型(4和5)以及颜色(黑、白)

Bar style (状态栏样式)

如果在原型之上已然添加了手机状态栏,当进行勾选操作之后,便会致使自带的状态栏处于关闭状态。 而“my below the bar”这种表述不太明确其确切含义,似乎作为一个单独部分与整体语义关联不大。

(背景)

:勾选后状态栏就会变为iOS7的透明样式。

状态栏的字体样式,同iOS7的相关样式保持一致,存在黑色与白色这两种样式,当然了,也能够进行自定义颜色的操作。

6、正式开工

进行编辑模式后,按顺序,首先要去固定页头以及页尾,图里那两个被标红框的便是锚定工具,需将其上下拖动到恰当的位置,不然在长页面情形下就会出现问题,比如像下面这种状况:

接下来设置正确的固定页头和页尾,看看效果会如何:

在做好这个基础准备工作后,接下来就是做页面跳转。

运用鼠标,在原型之上,托出一块蓝色的区域,此蓝色区域即为操作热点,伴随着一个操作热点被建立起来,页面跳转选项将会一同出现。

鼠标挪动到页面名上提供预览前提下,点击a出来的下拉菜单含选择跳转页面功能,根据名称搜索、预设值或自由选页面,常用两个预设值。

point on this :锚定到当前页某位置

URL:打开一个URL

选定页面跳转方式之后sketch up教程,紧接着要进行的是设置触发手势,所支持的手势基本上把所有常用手势都包含在内了。

选择好手势后,接着是设置页面如何跳转。

:当前页发生变化

Push Right:向右推出

Push Left:向左推出

Slide up: 向上弹出

Slide Down:降下

Flip Right:向右翻转

Flip Left:向左翻转

:淡化

选取设置一个最基础的予以点击的热点,随后页面朝着左边推出新一页,这些情况也是APP当中特普遍的。设定之后务必真正迈进预览模式方可切实看见效果。

需要留意的一点是,当跳转到新的页面之后,还得再次去设置妥当固定的页头,以及页尾,而且还要进行跳转返回的操作。并没有那般智能化……

最后说说锚定和淡化,直接用视频来解释更快些:

7.发布

在做好交互原型后就要发布给其他人预览了,选择share

给出多种发布途径,从实用性方面考虑来讲,发布在线预览的URL,发布到手机,这二者更契合工作上的需求。

这个网址可供其他人打开进入在线预览,能在此呈现出来的样子都能被看到,不管是通过PC打开,还是借助手机打开,都可以访问这个地址。

如有侵权请联系删除!

13262879759

微信二维码