使用Aure制作App原型应该怎样设置尺寸?

使用Axure制作的原型,如果你没有设置自适应视图的话它是不会自动适应任何设备的。

若要解释清楚这个问题需要的篇幅比较长,请大家自行参考 Point/Pixel/PPI/DPI 的意思和它们之间的关系。这里不再赘述,直接给大家提供一个常用的移动设备尺寸列表,制作原型时根据查询的尺寸在axure中设置大小即可,设计完毕后在生成HTML时设置 手机/移动设备 中勾选包含视图接口( include Viewport tag ),并进行配置,生成HTML后再到相应的移动设备中浏览就正常了。

意思是:你要先确定制作的APP原型要放到什么设备里面进行演示,然后才打开Axure开始设计。

如:
*iPhone4 320480**

*iPhone5  320568**

*iPhone6  375667**

iPhone 6 Plus 414*736

*Samsung Galaxy S4 360640**

Viewport Sizes

设备名称
系统平台
像素密度
屏幕尺寸
竖屏尺寸
横屏尺寸

Acer Iconia Tab A100
Android
166dpi
7″
800
1280

Acer Iconia Tab A101
Android
170dpi
7″
600
1024

Acer Iconia Tab A200
Android
160dpi
10.1″
800
1280

Acer Iconia Tab A500
Android
149dpi
10.1″
648
1280

Acer Iconia Tab A502
Android
149dpi
10.1″
800
1280

Ainol Novo 7 Elf 2
Android
170dpi
7″
496
1024

Apple iPad
iOS
132dpi
9.7″
768
1024

Apple iPad 2
iOS
132dpi
9.7″
768
1024

Apple iPad 3 (and 4)
iOS
264dpi
9.7″
768
1024

Apple iPad Mini
iOS
163dpi
7.9″
768
1024

Apple iPhone 3G
iOS
163dpi
3.5″
320
480

Apple iPhone 3GS
iOS
163dpi
3.5″
320
480

Apple iPhone 4
iOS
326dpi
3.5″
320
480

Apple iPhone 4S
iOS
326dpi
3.5″
320
480

Apple iPhone 5
iOS
326dpi
4″
320
568

Apple iPod Touch
iOS
163dpi
3.5″
320
480

Archos 70b (it2)
Android
??
7″
600
1024

Archos 80G9
Android
160dpi
8″
768
1024

Arnova 7 G2
Android
??
7″
480
800

Arnova 7FG3
Android
??
7″
640
1067

Arnova 8C G3
Android
125dpi
8″
800
1067

Arnova 10b G3
Android
160dpi
10.1″
600
1024

ASUS Padfone
Android
??
4.3″
800
1128

ASUS Transformer Pad TF300T
Android
??
10.1″
800
1280

ASUS Transformer TF101
Android
149dpi
10.1″
800
1280

BAUHN AMID-972XS
Android
??
9.7″
768
1024

BlackBerry 9520
Blackberry OS
185dpi
3.25″
345
691

BlackBerry Bold 9360
Blackberry OS
246dpi
2.44″
320
N/A

BlackBerry Bold 9780
Blackberry OS
246dpi
2.44″
480
N/A

BlackBerry Bold 9790
Blackberry OS
246dpi
2.45″
320
N/A

BlackBerry Bold 9900
Blackberry OS
287dpi
2.8″
356
N/A

BlackBerry Curve 9300
Blackberry OS
246dpi
2.45″
311
N/A

BlackBerry Curve 9320
Blackberry OS
164dpi
2.44″
320
N/A

BlackBerry Curve 9380
Blackberry OS
188dpi
3.2″
320
N/A

BlackBerry PlayBook
Blackberry Tablet OS
169dpi
7″
600
1024

BlackBerry Torch 9800
Blackberry OS
187.5dpi
3.2″
320
480

BlackBerry Torch 9810
Blackberry OS
250dpi
3.2″
320
480

BlackBerry Z10
Blackberry OS10
355dpi
4.2″
345
521

Google Nexus 5
Android
445dpi
4.95″
360
598

HP Touchpad
Android
132dpi
9.7″
768
1024

HP Veer
WebOS
197dpi
2.6″
320
545

HTC 7 Mozart
Windows Phone 7
252dpi
3.7″
320
480

HTC 7 Trophy
Windows Phone 7
245dpi
3.8″
320
480

HTC Desire
Android
252dpi
3.7″
320
533

HTC Desire C
Android
164dpi
3.5″
320
480

HTC Desire HD
Android
216dpi
4.3″
320
533

HTC Desire Z
Android
252dpi
3.7″
480
800

HTC Evo 3D
Android
256dpi
4.3″
540
960

HTC Legend
Android
??
3.2″
320
480

HTC One S
Android
256dpi
4.3″
360
640

HTC One V
Android
252dpi
3.7″
320
533

HTC One XL
Android
260dpi
4.7″
360
640

HTC Sensation XL
Android
198.5dpi
4.7″
360
640

HTC Titan 4G
Windows Phone 7
198.5dpi
4.7″
320
480

HTC Velocity 4G
Android
245dpi
4.5″
360
640

HTC Wildfire S
Android
180dpi
3.2″
320
480

HTC Windows Phone 8X
Windows Phone 8
341dpi
4.3″
320
480

Huawei U8650
Android
165dpi
3.5″
320
480

Kindle 3
Kindle
167dpi
6″
600
N/A

Kindle Fire HD 7
Android
216dpi
7″
533
801

Kindle Fire HD 8.9
Android
254dpi
8.9″
533
801

Kindle Fire HDX 7″
Android
323dpi
7″
600
902

Kindle Paperwhite
Kindle
212dpi
6″
758
N/A

Kobo eReader Touch
Android
N/A (E Ink)
6″
600
N/A

LG Optimus 2X
Android
233dpi
4″
320
533

LG Optimus L3
Android
125dpi
3.2″
320
427

LG Optimus Pad
Android
168dpi
8.9″
768
1280

LG Viewty KU990
Java
155dpi
3″
240
400

Microsoft Surface (RT)
Windows RT
148dpi
10.6″
768
1366

Motorola Defy
Android
265dpi
3.7″
320
569

Motorola Droid3
Android
275dpi
4″
360
599

Motorola Droid Razr
Android
256dpi
4.3″
360
640

Motorola Milestone
Android
265dpi
3.7″
320
569

Motorola Razr HD 4G
Android
312dpi
4.7″
360
598

Motorola Razr M 4G
Android
312dpi
4.7″
360
598

Motorola Xoom
Android
149dpi
10.1″
800
1280

Motorola Xoom 2
Android
149dpi
10.1″
800
1280

Nexus 4
Android
318dpi
4.7″
384
598

Nexus 7
Android
216dpi
7″
603
966

Nexus S
Android
233dpi
4″
320
533

Nokia 300
Nokia
167dpi
2.4″
234
N/A

Nokia 500
Symbian
229dpi
3.2″
360
640

Nokia 700
Symbian
229dpi
3.2″
240
427

Nokia 2700
S40
200dpi
2″
240
N/A

Nokia Lumia 520
Windows Phone 8
233dpi
4″
320
480

Nokia Lumia 610
Windows Phone 7
252dpi
3.7″
320
480

Nokia Lumia 710
Windows Phone 7
252dpi
3.7″
320
480

Nokia Lumia 800
Windows Phone 7
252dpi
3.7″
320
480

Nokia Lumia 820
Windows Phone 8
217dpi
4.3″
320
480

Nokia Lumia 900
Windows Phone 7
217dpi
4.3″
320
480

Nokia Lumia 920
Windows Phone 8
332dpi
4.5″
320
480

Nokia Lumia 1020
Windows Phone 8
332dpi
4.5″
320
480

Nokia Lumia 1520
Windows Phone 8
367dpi
6″
320
480

Nokia N95
S60
154dpi
2.6″
240
N/A

Nokia N900
Naemo
267dpi
3.5″
480
800

Panasonic Toughpad A1
Android
127dpi
10.1″
768
1024

Samsung Galaxy Ace
Android
165dpi
3.5″
320
480

Samsung Galaxy Ace 2
Android
246dpi
3.8″
320
533

Samsung Galaxy Grand
Android
187dpi
5″
480
800

Samsung Galaxy Note
Android
285dpi
5.3″
400
640

Samsung Galaxy Note 2
Android
267dpi
5.5″
360
640

Samsung Galaxy Note 10.1
Android
149dpi
10.1″
800
1280

Samsung Galaxy S2
Android
217dpi
4.3″
320
533

Samsung Galaxy S3
Android
306dpi
4.8″
360
640

Samsung Galaxy S3 Mini
Android
233dpi
4″
360
640

Samsung Galaxy S4
Android
441dpi
5″
360
640

Samsung Galaxy S4 Mini
Android
256dpi
4.3″
360
640

Samsung Galaxy Tab 2 7.0
Android
170dpi
7″
600
1024

Samsung Galaxy Tab 7
Android
170dpi
7″
600
1024

Samsung Galaxy Tab 8.9
Android
170dpi
8.9″
800
1280

Samsung Galaxy Tab 10.1
Android
149dpi
10.1″
800
1280

Samsung Galaxy Tab 10.1
Android
149dpi
10.1″
800
1280

Sony Xperia E Dual
Android
164dpi
3.5″
320
480

Tesco Hudl
Android
242dpi
7″
600
799

Windows Surface Pro
Windows 8
207dpi
10.6″
1080
1920

 

本文为作者 @金乌 投稿发布,转载请注明来源于产品经理并附带本文链接

关键字:Axure, Axure教程, dpi, android

版权声明

本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部