使用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

使用Axure制作App原型应该怎样设置尺寸？的更多相关文章

  1. 转——使用Axure制作App原型应该怎样设置尺寸？

    想用Axure设计一个 APP原型 放到真实的移动设备中演示,但不知道应该使用什么尺寸?若要解释清楚像素和分辨率需要的篇幅比较长,请大家参考百度百科.这里金乌直接给大家提供一个常用的移动设备尺寸列表, ...

  2. 【转载】使用Axure制作App原型怎样设置尺寸？

    使用Axure制作App原型怎样设置尺寸? 原文地址:http://www.axure.us/2172/ 本文由原型库网站投稿,转载请注明出处. 最近有几位小伙伴儿都提出同样一个疑问:想用Axure设 ...

  3. AXURE制作APP抽屉式菜单

    1.拖一个dynamic panel到窗体,将State1改名为State_首页: 2.拖2个dynamic panel到State_首页中,分别命名为侧边菜单及首页内容,首页内容盖住侧边菜单: 3. ...

  4. 4款APP原型设计工具助你搞定移动应用设计！

    随着信息化社会的不断发展,不仅手机迭代更新的速度飞快,就连手机里的App 也层出不穷.作为一名UI/UX设计师或产品经理,如何才能设计一款出色的移动App?光有好的创意是不够的,你还需要一款正确的Ap ...

  5. 如何用Axure快速制作APP交互原型

    对于产品经理来说,熟练使用一些常用软件是一项十分必要的技能.其中,作为一个专业的快速原型设计工具,Axure RP无疑在产品人心中拥有一个难以撼动的地位.但就要PS一样,虽然足够专业,但同样也会存在使 ...

  6. 网站app原型设计工具:axure,Mockups,墨刀

    网站app原型设计工具:axure,Mockups,墨刀 Balsamiq Mockups 3 网站原型设计工具非常高效,非常简单,几分钟就能搞定比axure好用很多 墨刀 - 免费的移动应用原型与线 ...

  7. APP原型设计工具，哪家强？转自知乎

    著作权归作者所有. 商业转载请联系作者获得授权,非商业转载请注明出处. 作者:李志超 链接:http://www.zhihu.com/question/20403141/answer/25329730 ...

  8. 【新手指南】App原型设计：如何快速实现这6种交互效果？

    做App原型设计,那么页面切换.进度条.页面滚动.图片轮播,下拉菜单,搜索框这些交互效果必不可少.如何简单快速地实现这些效果呢?以下小编根据经验为大家提供了一些简单的设计方法,以供参考. 1.页面跳转 ...

  9. 五款app原型设计工具对比

    五款app原型设计工具对比 Proto.io, Pixate, Origami, Framer & Form 本文由Panblack 翻译,原文作者 Tes Mat 我用五款“高保真”原型设计 ...

随机推荐

  1. Cocos2d-x 2.x项目创建

    cocos2d-x下载地址:http://www.cocos2d-x.org/download 2.0之后的创建项目 1. cd cocos2d-x-2.2.1/tools/project-creat ...

  2. 1、C#基础整理（进制转换的方法）

    进制 二进制转换为十进制(展权相加法) 110101 =1*2^5+1*2^4+0*2^3+1*2^2+0*2^1+1*2^0 1.  写2 2.  标指数(从右到左) 3.  乘系数(一一对应) 4 ...

  3. CodeForces 414D （贪心）

    problem Mashmokh and Water Tanks 题目大意 给你一棵树,k升水,p块钱,进行一次游戏. 在游戏进行前,可以在任意个节点上放置1升水(总数不超过k) 游戏进行若干轮,每轮 ...

  4. 【转】为什么我要用 Node.js? 案例逐一介绍

    原文转自:http://blog.jobbole.com/53736/ 介绍 JavaScript 高涨的人气带来了很多变化,以至于如今使用其进行网络开发的形式也变得截然不同了.就如同在浏览器中一样, ...

  5. 转：UniqueID和ClientID的来源

    转:http://www.cnblogs.com/GrayZhang/archive/2009/03/05/how-uniqueid-is-generated.html 在<漫话ID>一文 ...

  6. Linux下Find命令的使用

    Find命令的一般形式为: findpathname-options[-print-exec-ok] pathname:find命令所查找的目录路径.例如用.来表示当前目录,用/来表示系统根目录. - ...

  7. POJ 1797 Heavy Transportation

    题目链接:http://poj.org/problem?id=1797 Heavy Transportation Time Limit: 3000MS   Memory Limit: 30000K T ...

  8. JQuery中的push和join

    和JS 中的JOIN 方法一样,将一数组按照JOIN的参数连接起来. 比如: var arr = [ "a", "b", "c", &quo ...

  9. html---文本框样式；

    一.一个单行文本框的例子 <form name="form1" action="mailto:3400982550@qq.com" method=&quo ...

  10. 关于ServiceLocator ,AdpaterAwareInterface 注入

    今天学习zf2 的过程,视频中讲到要把数据库的中的表继承TableGateway中,然后注册在ServiceManager中,但是里面没有$adapter,需要在serviceManger,中配置in ...