在手机上运行Axure原型

作者: 任卷舒dmt | 来源:发表于2017-03-07 15:26 被阅读232次

电脑:win7系统

手机:iPhone6

       手机和电脑不用连接数据线。受做iOS开发时的影响,一直以为一定得连接数据线才能真机模拟,其实这个根本用不到(无奈脸)~原型只用简单的图片代替,没有细细画,请见谅。

第一步

画好原型,最好适配机型。

iPhone6原型尺寸

第二步

设置生成,快捷键 F8

原型生成

       将生成的原型放在EasyWebServ的根目录下或者demo文件夹下都行,所以这个时候就需要配置一个小型服务器(不占空间,放在桌面上就行)。EasyWebServ下载地址

一、下载压缩包后解压到桌面上;

二、操作第二步→常规,将生成的原型文件保存到EasyWebServ中。

保存原型

原型生成。

三、运行服务器

运行服务器

这时电脑右下角就有一个图标出现,

服务器图标

右击设置,

设置路径

确定后,右击“启动服务器”。

第三步

浏览原型

查询自己的本地IP并替换电脑名称。

开始,搜索框输入cmd,在终端输入 ipconfig

查看本机 IP

这时候有两种方法。

① 上上图红色部分,直接将  http://  后面, #p  前面的那一部分替换成“ IP地址/ ”就行。然后复制链接。

e.g. 我的IP地址是192.168.99.999,红色部分链接是http://127.0.0.1:32767/start.html#p=index,所以只要替换为http://192.168.99.999/#p=index 即可。

②上上图蓝色部分,选择without sitemap,也是直接将  http://  后面, /index  前面的那一部分替换成“ IP地址/ ”就行。

e.g. 我的IP地址是192.168.99.999,红色部分链接是http://127.0.0.1:32767/14.48.01/index.html,所以只要替换为http://192.168.99.999/index.html 即可。

第四步

把新生成的链接在safari中打开,然后“添加到主屏幕”,就大功告成啦!

大功告成 清晰图

看!如果忽略我丑巴巴的原型设计,还真会以为是APP呢~

相关文章

网友评论

  • 7704ed7578b5:我操作不成功啊
    任卷舒dmt:@昵称一直被占用呢 :smile::smile:到了哪一步不对了呢
  • fcc053ef6862:现在mockplus团队也推出原型托管业务,支持支持Axure, Justinmind, Sketch导出的HTML原型。
    fcc053ef6862:@汐了个咚 也不贵,关键是我觉得mockplus可以信任
    任卷舒dmt:@淡定_9de5 嗯,不过mockplus手机扫码跑真机,看了一下是收费的~
  • 咚了个汐::smile:不错,需要的

本文标题:在手机上运行Axure原型

本文链接:https://www.haomeiwen.com/subject/pudmgttx.html