分分钟教你使用手机预览原型图(MAC版)

人人都是产品经理 / 2018年08月02日 15:58

互联网+

在网上看了很多人都使用EasyWebSvr做一个本地服务器,然后将做好的原型文件装进去,手机打开浏览器就可以预览原型图啦~ 但是MAC系统没有EasyWebSvr怎么办? 不用担心,很简单~

步骤

  1. 设置原型图尺寸
  2. 设置参数导出原型文件
  3. 启动Apachectl
  4. 创建文件夹,将原型文件放入
  5. 查看Ip,用手机浏览器打开浏览
  6. 关闭Apachectl
1. 设置原型图尺寸

给大家介绍几个通用的尺寸:

  • iPhone4 320*480
  • iPhone5 320*568
  • iPhone6 375*667
  • iPhone 6 Plus 414*736
  • Samsung Galaxy S4 360*640

拖一个框到Axure,在此处设置这个框的大小就好啦

2. 设置参数导出原型文件

设置一下参数,如图:

3. 启动Apachectl

在mac中,搜索”终端”。(或者点击Launchpad-其他-终端)

  • 输入 sudo /usr/sbin/apachectl start (回车)
  • 输入 密码 (回车)
  • 完成

4. 创建文件夹,将原型文件放入

在此文件夹中创建一个文件,然后将原型的所有文件放入创建的文件中即可。

5. 查看Ip,用手机浏览器打开浏览

复制此Ip地址,手机连接同一wifi,在手机浏览器中输入http://你的ip/你创建的文件名 即可

6. 关闭Apachectl

  • 输入sudo /usr/sbin/apachectl stop (回车)
  • 输入 密码 (回车)
  • 完成

跟大家介绍一下这个指令:

  • 重启apache:sudo /usr/sbin/apachectl restart
  • 关闭apache:sudo /usr/sbin/apachectl stop
  • 开启apache:sudo /usr/sbin/apachectl start

使用完记得关闭哦!加油,有问题留言~

分享作品

  • PRD文档 干货分享|「病利贴」产品需求文档
  • PRD文档 分享PRD:「我是红人」产品需求文档
  • 原型技巧 Axure炫技:如何让你的原型图动起来
  • 新手运营 「我是红人」的初步运营计划

作者:Bass

本文由 @Bass 原创发布于人人都是产品经理。未经许可,禁止转载。

返回搜狐,查看更多

责任编辑:

1.环球科技网遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.环球科技网的原创文章,请转载时务必注明文章作者和"来源:环球科技网",不尊重原创的行为环球科技网或将追究责任;3.作者投稿可能会经环球科技网编辑修改或补充。