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

邹伟
3 评论 20589 浏览 112 收藏 4 分钟
🔗 B端产品和C端产品的区别在于,B端产品的用户是企业客户,C端产品的用户是个人消费者。因此,B端产品经理和...

在网上看了很多人都使用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

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

分享作品

 

作者:Bass

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

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 导出时设置了隐藏侧边栏,使用iphoneX 发送到桌面 正常不显示侧边栏,但是使用iphone 6SP的时候 从桌面进入 就默认显示侧边栏,怎么破

    来自浙江 回复
  2. 找不到资源库,请问不是在资源库这个文件夹下面可以吗?

    来自四川 回复
    1. 你的路径对吗?发来看看

      来自上海 回复
专题
15718人已学习15篇文章
智能硬件产品经理需要做什么工作内容呢?与互联网产品经理有什么区别呢?本专题为刚入行的智能硬件产品经理分享了入门指南。
专题
12393人已学习12篇文章
增长这个话题,是互联网产品在成长过程中绕不过的问题。本专题的文章分享了产品增长指南。
专题
17499人已学习16篇文章
对于很多软件工程师来说,工作内容都与界面设计有很大的关联。本专题的文章分享了界面设计方法。
专题
114281人已学习29篇文章
透过别人的项目总结,学习项目管理项目设计项目流程经验。
专题
15145人已学习12篇文章
在协同办公场景越来越丰富的背景下,协同办公产品起到了关键性的作用。本专题的文章分享了协同办公产品的设计思路。
专题
44457人已学习21篇文章
优惠券的知识点非常丰富,而且随着运营方式的增多, 不同运营目标所使用的优惠券也是不一样的。