首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Axure RP 8 入门手册–第4章(上)

第4章查看原型

第1节本机预览

第2节共享发布

第3节在线反馈

第4节Axure Share APP

第5节生成文件

第6节浏览器插件

第7节工具栏介绍

第4章查看原型

第1节本机预览

小霏:小楼老湿,我做了个简单的页面,怎么才能查看效果呀?

小楼:老湿……,水太多了是吗?!

小霏:老师,嘿嘿!

如果想快捷的查看原型图的效果,Axure提供了预览的功能,能够将制作的原型,直接在浏览器中打开查看。

我们可以点击快捷功能中的预览按钮,或者按下键盘上的键进行预览。(图4-1)

(图4-1)

预览是以Web服务的方式在浏览器中查看原型,在浏览器中的地址是本机的IP地址与页面路径的组合。例如:http://127.0.0.1:32767/09.46.41/index.html

小霏:老湿,预览时候可以选择不同的浏览器吗?我的是用IE打开的,我想用火狐查看。

小楼:我们能干爽的聊天吗?

预览可以选择不同的浏览器,这项设置在导航菜单【发布】选项中的【预览选项】设置。(图4-2)

(图4-2)

在打开的设置界面中,左半部就是浏览器的相关设置。一般IE、谷歌、火狐浏览器都会有单独的选项显示,直接进行选择。而其它的浏览器,只能通过设置为系统默认浏览器后,选择【默认浏览器】进行使用。(图4-3)

(图4-3)

设置界面的右侧,是浏览原型时关于工具栏的设置。(图4-4)

(图4-4)

开启页面列表:表示开启工具栏,并展开页面列表。(图4-5)

(图4-5)

关闭页面列表:表示开启工具栏,并收起页面列表。(图4-6)

(图4-6)

最小化工具栏:表示开启工具栏,但不展开工具栏。(图4-7)

(图4-7)

不加载工具栏:表示关闭工具栏,只显示页面内容。(图4-8)

(图4-8)

第2节共享发布

小霏:老师,如果我想把原型给别人也能看到,比如,像访问一个网站一样,通过URL地址打开,可以吗?

小楼:可以呀!Axure有共享的功能。

Axure为我们提供了共享功能,这个功能需要在先注册一个Axure Share的账号才能使用。注册账号可以直接在软件上完成。点击软件右上角的【登录】,在弹出的界面中选择【注册】,填写真实有效的邮箱与密码,勾选【我同意Axure条款】,最后,点击【确定】按钮就完成了注册。(图4-9)

(图4-9)

成功完成注册后,软件会自动登录刚刚注册的账号,用户名显示为注册邮箱的前缀。(图4-10)

(图4-10)

这时,我们就可以正常使用Axure的共享功能了。

按下键盘上的键,或者点击快捷功能中的共享按钮(图4-11),都可以打开共享窗口。

(图4-11)

在发布窗口中填写共享项目的名称,就可以点击【发布】按钮将原型发布到AxureShare的服务器中。如果发布的原型需要更高的安全性,可以在发布到AxureShare时,设置原型的访问密码,查看此原型的人必须输入正确的密码才能够查看。另外,还能够选择发布到指定工作区的某一文件夹。(图4-12)

(图4-12)

如果需要新建工作区(图4-13)与文件夹(图4-14)需要登录https://share.axure.com/进行设置。

(图4-13)

(图4-14)

项目的发布与管理也可以在登录https://share.axure.com/后,进行相关的操作。例如发布一个新项目,点击【New Project】按钮,根据界面中的提示操作即可。(图4-15)

(图4-15)

无论在软件中(图4-16),还是在Axure Share站点中(图4-17),成功发布一个项目后,都会自动生成一个URL地址,供任何用户访问查看原型。

(图4-16)

(图4-17)

第3节在线反馈

小霏:老师,共享发布这个方法不错!不过,别人在看我的原型的时候,能不能在原型上做标注或者写评论呢?这样,我能比较直接的得到用户的反馈了。

小楼:可以呀!Axure Share中打开的原型工具栏中有评论的功能。

在Axure Share站点中发布原型后,通过自动生成的URL进行浏览原型时,如果带有工具栏,我们能够看到工具栏中有一个“DISCUSS”的菜单项,点击这个菜单项,右侧就会显示发布讨论的面板。在面板中输入讨论内容,点击提交按钮,就可以把讨论内容保存在原型中了。(图4-18)

(图4-18)

使用“DISCUSS”功能发布讨论内容时,还可以截取图像辅助说明(仅FireFox和Chrome浏览器)。需要注意的是,这个功能需要安装浏览器插件才能支持,并且安装完插件后,需要重新加载页面才能生效。(图4-19)

(图4-19)

当输入了讨论内容以及截图并发表后,在面板中就会显示相应的内容。(图4-20)

(图4-20)

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180407G071WC00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券