如何高效分享Axure原型:附安装包和教程

我是创始人李岩:很抱歉!给自己产品做个广告,点击进来看看。  

如何高效分享Axure原型:附安装包和教程

UI设计师会根据原型设计效果图,开发人员会根据原型文档进行产品开发,测试人员会参照原型测试开发出来的产品。

又由于原型图在开发过程中避免不了修改,所以如何让其他部门人员方便快捷地查看最新的产品原型尤为重要。

对于刚入行不久的产品新人或准备入行的伙伴通常知道以下几种方法。

方法一、通过微信QQ分享原型文件。

将设计好的的原型生成HTML文件然后打包发到群里面给各部门人看,或者直接分享rp文件。

可行性 : ★★

原因:原型不可能一下把它设计好然后就不变了,实际开发中,一个完整的产品原型会有多条修订记录。我们会对原型进行细节修改,功能需求的增加删除,流程的调整等等。如果这样的话,修改好之后我们又要重新打包发送,其他的人又要重新接收,然后解压查看。非常麻烦,效率很低

方法二、把原型上传到AxureShare,分享链接

可行性 : ★★

原因:虽然固定链接,修改之后不需要重新发送让其他人员重新接收查看,但每次打开链接速度很慢,急死人!

方法三、通过SVN上传文件。

这种方法大部分人入职前不知道,进公司工作后才知道,比如我。虽然比前两种方法好一点,可也有它的不足之处

可行性 : ★★★

原因:原型图修改好之后在svn提交,其他人员如果查看最新的原型需要update重新更新一下。由于他们查看不会每次更新,所以会导致有时开发,UI,运营等人员跑来问产品经理说哪哪有问题哪不懂,然后产品经理默默说了句原型已经修改了你在svn上更新一下吧  。所以每次提交之后还要告诉其他人去更新一下,也挺麻烦的。如果文件大的话更新时间也长。

那么有没有一种方法让其他部门人员查看原型像访问网站一样通过一个固定链接,不用更新,每次看到的都是最新的,而且访问速度快。

答案是肯定的。

我们只需要下载安装一个软件AppServ就可以搞定。

可行性 :★★★★★

什么是AppServ以及为什么使用它?

AppServ是一个网页架站组合包开发工具,安装之后就搭建了一个完整的底层环境,你的电脑就相当于一台服务器,这样就可以把想让别人看到的文件放在工作目录下让别人访问了。

下面是安装教程

1、下载好appserve之后,双击打开安装程序,点击下一步next

如何高效分享Axure原型:附安装包和教程

2、点击同意 I agree

如何高效分享Axure原型:附安装包和教程

3、选择安装目录,我这里选择的是E盘,选好之后下一步next

如何高效分享Axure原型:附安装包和教程

4、四个全部勾选上,默认已经勾选,直接下一步

如何高效分享Axure原型:附安装包和教程

5、配置Apache中的Server Name、Email以及HTTP服务的端口。这里都已经有默认的了服务名称不要修改,localhost同等于127.0.0.1,就是本地的意思,邮箱也有了不用管(只要符合邮箱格式其他的都行)。端口号80由于已经有其他服务了,防止冲突所以这里只要改一下端口号,我这里改成8888

如何高效分享Axure原型:附安装包和教程

6、配置AppServ中的Mysql服务用户名和密码   MySql服务数据库的默认管理帐户为root,这里你只需要设置好密码就可以了(如果只是分享原型的话密码对于我们不起作用,不必在意这个密码是干啥的),点击Install安装好之后然后点击finish完成就全部ok了

如何高效分享Axure原型:附安装包和教程

到这里我们就安装好了,检测是否安装完成。在浏览器中输入localhost:8888(端口号),出现下面界面说明安装成功了

如何高效分享Axure原型:附安装包和教程

这时打开你的安装目录,有AppServ文件夹,打开它里面的文件不要管也不要删除修改。此时把你axure原型生成的HTML文件放在www文件夹目录下就可以

如何高效分享Axure原型:附安装包和教程

为了让人访问自己电脑上的原型,还需要知道本机IP地址,win+R,输入cmd,回车

如何高效分享Axure原型:附安装包和教程

输入ipconfig,回车,IPv4的地址就是我们所需要的IP地址

如何高效分享Axure原型:附安装包和教程

这时回到原型,将生成的HTML文件保存在www目录。

然后在浏览器中输入192.168.1.127:8888/TMC/index.html (ip:端口号/文件夹/文件名称)访问

如何高效分享Axure原型:附安装包和教程

这样就大功告成了,一劳永逸,软件不大,安装也很快,一两分钟就搞定了。以后一个项目一个固定链接让人家查看你的原型,不用更新速度还很快,是不是很方便。

戳我获取安装包

随意打赏

axure制作app原型axure高保真原型axure手机原型axure原型下载axure原型库axure 原型axure教程axure原型
提交建议
微信扫一扫,分享给好友吧。