分分鐘教你使用手機預(yù)覽原型圖(MAC版)
![](http://image.woshipm.com/wp-files/img/51.jpg)
在網(wǎng)上看了很多人都使用EasyWebSvr做一個本地服務(wù)器,然后將做好的原型文件裝進去,手機打開瀏覽器就可以預(yù)覽原型圖啦~ 但是MAC系統(tǒng)沒有EasyWebSvr怎么辦? 不用擔(dān)心,很簡單~
步驟
- 設(shè)置原型圖尺寸
- 設(shè)置參數(shù)導(dǎo)出原型文件
- 啟動Apachectl
- 創(chuàng)建文件夾,將原型文件放入
- 查看Ip,用手機瀏覽器打開瀏覽
- 關(guān)閉Apachectl
1. 設(shè)置原型圖尺寸
給大家介紹幾個通用的尺寸:
- iPhone4 320*480
- iPhone5 ?320*568
- iPhone6? 375*667
- iPhone 6 Plus 414*736
- Samsung Galaxy S4 360*640
拖一個框到Axure,在此處設(shè)置這個框的大小就好啦
2. 設(shè)置參數(shù)導(dǎo)出原型文件
設(shè)置一下參數(shù),如圖:
3. 啟動Apachectl
在mac中,搜索”終端”。(或者點擊Launchpad-其他-終端)
- 輸入?sudo /usr/sbin/apachectl start (回車)
- 輸入 密碼 (回車)
- 完成
4. 創(chuàng)建文件夾,將原型文件放入
在此文件夾中創(chuàng)建一個文件,然后將原型的所有文件放入創(chuàng)建的文件中即可。
5. 查看Ip,用手機瀏覽器打開瀏覽
復(fù)制此Ip地址,手機連接同一wifi,在手機瀏覽器中輸入http://你的ip/你創(chuàng)建的文件名 ? 即可
6. 關(guān)閉Apachectl
- 輸入sudo /usr/sbin/apachectl stop ?(回車)
- 輸入 密碼 (回車)
- 完成
跟大家介紹一下這個指令:
- 重啟apache:sudo /usr/sbin/apachectl restart
- 關(guān)閉apache:sudo /usr/sbin/apachectl stop
- 開啟apache:sudo /usr/sbin/apachectl start
使用完記得關(guān)閉哦!加油,有問題留言~
分享作品
- PRD文檔?干貨分享|「病利貼」產(chǎn)品需求文檔
- PRD文檔?分享PRD:「我是紅人」產(chǎn)品需求文檔
- 原型技巧?Axure炫技:如何讓你的原型圖動起來
- 新手運營?「我是紅人」的初步運營計劃
作者:Bass
本文由 @Bass 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
評論
導(dǎo)出時設(shè)置了隱藏側(cè)邊欄,使用iphoneX 發(fā)送到桌面 正常不顯示側(cè)邊欄,但是使用iphone 6SP的時候 從桌面進入 就默認顯示側(cè)邊欄,怎么破
找不到資源庫,請問不是在資源庫這個文件夾下面可以嗎?
你的路徑對嗎?發(fā)來看看