|
使用Axure制作的原型，如果你没有设置自适应视图的话它是不会自动适应任何设备的。
若要解释清楚这个问题需要的篇幅比较长，请大家自行参考 Point/Pixel/PPI/DPI 的意思和它们之间的关系。这里不再赘述，直接给大家提供一个常用的移动设备尺寸列表，制作原型时根据查询的尺寸在axure中设置大小即可，设计完毕后在生成HTML时设置 手机/移动设备 中勾选包含视图接口（ include Viewport tag ），并进行配置，生成HTML后再到相应的移动设备中浏览就正常了。
意思是：你要先确定制作的APP原型要放到什么设备里面进行演示，然后才打开Axure开始设计。
如：
iPhone4 320*480
iPhone5 320*568
iPhone6 375*667
iPhone 6 Plus 414*736
Samsung Galaxy S4 360*640
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 |
本文为作者 @金乌 投稿发布，转载请注明来源于人人都是产品经理并附带本文链接
|
