Axure中文社区

WebPPD产品原型设计

 找回密码
 新用户注册
查看: 26181|回复: 23

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

[复制链接]

363

主题

6527

帖子

6万

积分

管理员

创始人

Rank: 9Rank: 9Rank: 9

积分
63459

实名认证

QQ
发表于 2011-4-25 11:12:02 | 显示全部楼层 |阅读模式
征集案例作品
axure6的新功能:让你在用iphone或ipad浏览原型时更方便。

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

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

2015-03-13_00-01-48.jpg

为了达到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.webppd.com/thread-6844-1-1.html
   更多参考:http://www.webppd.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/

0

主题

6

帖子

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2011-4-28 16:54:26 | 显示全部楼层
这个很实用!先留个脚印,一定有机会用到的。

0

主题

248

帖子

214

积分

会员

【Axure正规军】动版超人

Rank: 5Rank: 5

积分
214

资深会员

QQ
发表于 2011-7-18 12:23:20 | 显示全部楼层
这个吾爱,收藏了~
一直模仿  怎能越. ·``·`

0

主题

11

帖子

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2011-7-19 16:49:59 | 显示全部楼层
买了Iphone有大用

0

主题

27

帖子

61

积分

会员

Rank: 5Rank: 5

积分
61
发表于 2011-7-20 10:29:02 | 显示全部楼层
好好研究一下。。。

0

主题

1

帖子

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2011-7-20 10:57:56 | 显示全部楼层
这个可以有,马上去实践看看。

0

主题

10

帖子

91

积分

会员

产品经理

Rank: 5Rank: 5

积分
91

实名认证

QQ
发表于 2011-8-4 10:57:16 | 显示全部楼层
研究一下 呵呵!

0

主题

2

帖子

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2011-8-4 23:32:09 | 显示全部楼层
不定哪天能用上呢,先留着

0

主题

22

帖子

11

积分

会员

Rank: 5Rank: 5

积分
11
QQ
发表于 2011-9-2 10:45:02 | 显示全部楼层
研究一下 呵呵!

0

主题

31

帖子

202

积分

会员

Rank: 5Rank: 5

积分
202
QQ
发表于 2011-10-1 10:24:28 | 显示全部楼层
强啊

0

主题

9

帖子

13

积分

会员

Rank: 5Rank: 5

积分
13
发表于 2011-10-28 12:01:28 | 显示全部楼层
试一下~

0

主题

6

帖子

13

积分

会员

Rank: 5Rank: 5

积分
13
发表于 2011-10-30 20:22:30 | 显示全部楼层
学习了

0

主题

9

帖子

173

积分

会员

Rank: 5Rank: 5

积分
173
发表于 2011-10-30 23:55:09 | 显示全部楼层
1# 尹广磊

很好 我也要试试

0

主题

7

帖子

128

积分

会员

Rank: 5Rank: 5

积分
128

我是女生

发表于 2012-1-22 10:44:46 | 显示全部楼层
回头试一下

0

主题

2

帖子

32

积分

会员

Rank: 5Rank: 5

积分
32
发表于 2012-3-21 09:29:23 | 显示全部楼层
mark低先

0

主题

4

帖子

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 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例子

0

主题

5

帖子

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2013-1-20 23:14:54 | 显示全部楼层
挺好用的教程...

0

主题

2

帖子

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2013-6-3 15:58:56 | 显示全部楼层
新手学习中

0

主题

8

帖子

31

积分

会员

Rank: 5Rank: 5

积分
31
发表于 2014-4-30 10:16:48 | 显示全部楼层
16# HAX_(1)


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

0

主题

8

帖子

31

积分

会员

Rank: 5Rank: 5

积分
31
发表于 2014-4-30 10:39:35 | 显示全部楼层
16# HAX_(1)

我又再测试了一遍,不知道为什么,我把原来的页面整个文件删了,然后在新的页面中测试,果然可以了!不过还是不明白原来的为什么不行,奇了怪了
您需要登录后才可以回帖 登录 | 新用户注册

本版积分规则

QQ|手机版|友情链接|版权声明|关于我们|Axure中文社区

GMT+8, 2019-3-20 03:50

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表