分分鐘教你使用手機預覽原型圖(MAC版)
在網上看了很多人都使用EasyWebSvr做一個本地服務器,然后將做好的原型文件裝進去,手機打開瀏覽器就可以預覽原型圖啦~ 但是MAC系統沒有EasyWebSvr怎么辦? 不用擔心,很簡單~
步驟
- 設置原型圖尺寸
- 設置參數導出原型文件
- 啟動Apachectl
- 創建文件夾,將原型文件放入
- 查看Ip,用手機瀏覽器打開瀏覽
- 關閉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 原創發布于人人都是產品經理。未經許可,禁止轉載。
評論
導出時設置了隱藏側邊欄,使用iphoneX 發送到桌面 正常不顯示側邊欄,但是使用iphone 6SP的時候 從桌面進入 就默認顯示側邊欄,怎么破
找不到資源庫,請問不是在資源庫這個文件夾下面可以嗎?
你的路徑對嗎?發來看看