如果你想找一個(gè)團(tuán)隊(duì)共享axure的文件,axure share太慢,而你又去看了mockups、pm大牛這一類半吊子不靠譜,那你可以試試你們團(tuán)隊(duì)都喜歡的github,git是版本控制器,hub是一個(gè)倉庫,github就是一個(gè)托管管理我們code版本的平臺。這次我們用的是github的pages服務(wù),簡單對我們來說作用就是可以查看Axure生成的html文件的??戳艘韵逻@個(gè)Axure共享,相信你會更了解程序同學(xué)是怎么搬磚的。全過程其實(shí)很簡單。

使用github pages共享Axure生成的html文件,我們可以做到以下幾點(diǎn):
- 給團(tuán)隊(duì)隨時(shí)在web或者手機(jī)查看原型文件(手機(jī)原型可以按分辨率設(shè)置);
- 團(tuán)隊(duì)不用裝Axure插件就可以查看;
- 快捷更新Axure原型到固定網(wǎng)址,進(jìn)行版本更新,團(tuán)隊(duì)打開原來的網(wǎng)址就可以看到最新修改過的原型;
- 文件放在云上,隨時(shí)下拉修改,甚至回滾版本;
以下是實(shí)現(xiàn)方法:
1.第一步:前往注冊github。不懂英文的右擊翻譯網(wǎng)站(chrome)






填寫項(xiàng)目名稱不要亂填(萬一亂填了,沒關(guān)系后面可以改),因?yàn)檫@個(gè)名是到時(shí)我們分享axure文件的結(jié)尾地址。也不要寫中文,特殊符號,不識別~,空格會轉(zhuǎn)成“-”。
選擇public。

要是外網(wǎng)慢,可以點(diǎn)這個(gè)百度網(wǎng)盤地下,官網(wǎng)有下的情況,別隨便去其它第三方平臺下。
在下載安裝完之后,我們在桌面打開github,sign into the github用同一賬號密碼登陸桌面端。

這時(shí)候先不管桌面端,我們先回到瀏覽器在github下載的頁面點(diǎn)返回,回到項(xiàng)目的界面,再點(diǎn)一次set up in desktop,彈出圣誕框選打開,自然會彈出桌面端,把項(xiàng)目克隆到本地,local path 可以隨便正常放項(xiàng)目的地址,這個(gè)是一會要放Axure生成的html文件的。

點(diǎn)擊clone后,初始化基本就OK了,完成50%

這時(shí)候我們?nèi)xure生成個(gè)文件,或者把我們之前做好的axure生成的html文件放到剛剛選擇的本地文件夾!

生成html文件后,我們再返回來看github的changes多了157的changed files!按步驟填寫一下本次版本的更新內(nèi)容,提交至master分支!這個(gè)master分支其實(shí)下面可以建很多不同的分支,方便大家協(xié)作,公司的做的項(xiàng)目都這樣的。

提交到master分支后,再點(diǎn)publish branch.把內(nèi)容發(fā)布到github上。

但是現(xiàn)在還沒好哦,我們還得回來到瀏覽器github里面的選擇我們的項(xiàng)目,再點(diǎn)setting,這時(shí)候是可以改名的rename,但重點(diǎn)不是這個(gè),重點(diǎn)是還要一直往下滑動到下面的pages服務(wù),終于到達(dá)敵方水晶了!


終于我們得到發(fā)布后的地址了, https://lveaze1.github.io/pminsight/.

大功告成!但是遇到修改呢,點(diǎn)擊打開就可以看到原型了。這次業(yè)務(wù)方要求一個(gè)五彩斑斕的黑色!怎么辦?!我們再來一遍!修改了保持地址不變,確定就好!

再返回github,我們會發(fā)現(xiàn)多了一些更新,同樣我們點(diǎn)提交點(diǎn)可以了。

我們再點(diǎn)開原地址https://lveaze1.github.io/pminsight,修改好了查看可以看到效果,沒有變黑是不是?清一下瀏覽器緩存!
手機(jī)APP拓展:因?yàn)槭謾C(jī)的瀏覽器也是可以打開html的文件,所以只要按手機(jī)分辨率生成html文件,只要用手機(jī)瀏覽器全屏打開,記得把左邊的菜單隱藏,就和APP差不多了。

最后一個(gè)問題,攻城獅同學(xué)說打開太慢,怎么辦?其實(shí)他就有方法,把原型托管到我們自己的服務(wù)器上就可以了~!github是國外的。相關(guān)配置,找他們就對了!
ok!剩下的就好好和團(tuán)隊(duì)的小伙伴好好做朋友吧!