axure6:让你的原型在iPhone和iPad中更顺畅的浏览

尹广磊 · 发表于 2011-4-25 11:12:02

axure6的新功能：让你在用iphone或ipad浏览原型时更方便。

我们都知道iphone和ipad在浏览网页的时候会自动把网页缩小到适应浏览器的宽度，以便于你能看到整个网页的宽度。不过有时候当你是在专门针对iPhone或iPad在设计一个网页或客户端，它的尺寸是固定好的，一般不再需要用手动放大或缩小来浏览。所以这时候如果能够禁用放大与缩小，让你的原型在iPhone或iPad中以实际大小来浏览会更加舒畅方便一些。

现在axure6针对iPhone和iPad等移动设备就增加了一项这样的功能。在输出html时选择禁用自动放大与缩小，以实际大小来浏览。按F5输出html原型时，选择下图中的选项。

为了达到iPhone4以后高清屏的显示效果，你需要以640*960这样的尺寸在axure里进行设计，然后在生成时把初始大小改为以0.5倍来显示，这样在iPhone上浏览时就达到了高清的效果。下面这个页面就是用的这样的设置输出的，在PC上浏览是双倍的大小，在iPhone上浏览可以刚好适配手机浏览器的宽度。示例地址：http://www.yintop.com/wende

-----------------------------------------------------------------------------
如果你也想用iPhone或iPad来浏览你的原型，可以参考以下方法：

1. 使用EasyWebServer把你的电脑搭建成为一个小的Web服务器，然后指定一个web服务器的目的，把你生成的html原型放在里面。然后用iPhone或iPad自带的浏览器，输入你本机电脑的ip地址来浏览。

查看本地ip地址的方法：点击开始——运行，或者使用快捷键Win+R，然后输入cmd运行。然后输入ipconfig，回车。查看其中的IPv4地址，就是你本机的IP地址。

2. 如果是你想在iPhone或iPad上浏览你设计的客户端原型。
可以在iPhone上安装一个AirDisk Pro，无线U盘的应用。
然后通过Ftp将生成的页面上传到U盘里然后浏览。
参考：http://www.hiaxure.com/thread-6844-1-1.html
更多参考：http://www.hiaxure.com/viewthread.php?tid=4131

3. 也可以使用Opera Mobile Emulator，在电脑上模拟手机浏览器。
http://www.opera.com/developer/tools/mobile/

英文参考：http://www.humaneinterface.net/i ... o-6-quick-overview/

暴暴猪 · 发表于 2011-4-28 16:54:26

这个很实用！先留个脚印，一定有机会用到的。

张鹤鹏 · 发表于 2011-7-18 12:23:20

这个吾爱，收藏了~

挖煤造钢管 · 发表于 2011-7-19 16:49:59

买了Iphone有大用

pooh1217 · 发表于 2011-7-20 10:29:02

好好研究一下。。。

penny · 发表于 2011-7-20 10:57:56

这个可以有，马上去实践看看。

李卫东 · 发表于 2011-8-4 10:57:16

研究一下呵呵！

du.cg · 发表于 2011-8-4 23:32:09

不定哪天能用上呢，先留着

我是小王王 · 发表于 2011-9-2 10:45:02

研究一下呵呵！

joybat · 发表于 2011-10-1 10:24:28

强啊

小珍 · 发表于 2011-10-28 12:01:28

试一下~

kun319z · 发表于 2011-10-30 20:22:30

学习了

诸葛世纪 · 发表于 2011-10-30 23:55:09

1# 尹广磊

很好我也要试试

小冬 · 发表于 2012-1-22 10:44:46

回头试一下

yusquid · 发表于 2012-3-21 09:29:23

mark低先

HAX_（1） · 发表于 2012-10-17 11:49:04

1# 尹广磊

试过根本不行啊，在iphone4里打开
1、sitemap还在
2、hide navbar，hide addresses bar都没起作用
3、原型我宽度是按320x480做的，输出的时候在f5-mobile device里面把宽度设为device-width不行
4、心想是不是得放大一下才符合iphone4，于是initial scale设为2。还是老样子

您能否提供一个实测的rp例子

shangrenxi · 发表于 2013-1-20 23:14:54

挺好用的教程...

zhiliao585 · 发表于 2013-6-3 15:58:56

新手学习中

mff083 · 发表于 2014-4-30 10:16:48

16# HAX_（1）

我也试过了，不行，请问知道具体的实现办法吗

mff083 · 发表于 2014-4-30 10:39:35

16# HAX_（1）

我又再测试了一遍，不知道为什么，我把原来的页面整个文件删了，然后在新的页面中测试，果然可以了！不过还是不明白原来的为什么不行，奇了怪了