使用Axure制作App原型怎样设置尺寸？

Tinadmin • • 原型设计教程

最近有几位小伙伴儿都提出同样一个疑问：想用Axure设计一个 APP原型 放到真实的移动设备中演示，但不知道应该使用什么尺寸？
若要解释清楚像素和分辨率需要的篇幅比较长，请大家参考百度百科。
这里金乌直接给大家提供一个常用的移动设备尺寸列表，制作原型时根据查询的尺寸在axure中设置大小即可，设计完毕后在生成HTML时设置 手机/移动设备 中勾选包含视图接口（ include Viewport tag ），并进行配置即可。

文章目录[隐藏]

使用Axure制作App原型怎样设置尺寸？

最近有几位小伙伴儿都提出同样一个疑问：想用Axure设计一个 APP原型 放到真实的移动设备中演示，但不知道应该使用什么尺寸？
若要解释清楚像素和分辨率需要的篇幅比较长，请大家参考百度百科。
这里小编直接给大家提供一个常用的移动设备尺寸列表，制作原型时根据查询的尺寸在axure中设置大小即可，设计完毕后在生成HTML时设置 手机/移动设备 中勾选包含视图接口（ include Viewport tag ），并进行配置即可。

如：

 

iPhone4 320*480
iPhone5  320*568

Samsung Galaxy S4 360*640

使用Axure制作App原型怎样设置尺寸？

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

转载请注明：木卫艾欧网

原创文章，作者：Tinadmin，如若转载，请注明出处：https://www.iamue.com/2444/

赞 (0)
TinadminTinadmin
0
上一篇 2014-12-31
下一篇 2014-12-31

相关推荐

  • Mockplus

    微信小程序的原型设计尝鲜

    "小程序”来了，大世界要变了？微信小程序可能是近期业绩最火的话题之一了。这个根植于微信流量巨无霸的应用，将对应用市场、对微商、电商、对企业的开发成本、获客成本将产生深远影响？将制造出绕开Google Play和Ap…

    2016-10-17
  • 盘点3款原型工具的部件样式 产品经理

    盘点3款原型工具的部件样式

    使用样式是集中管理整个项目的外观及感受的最优方法，通过部件样式可以像word一样对组件进行快速方便的样式设置，大大提高了制作原型的效率。当项目要更新视觉设计时，使用样式不但可以节省时间，还能帮助你统一和…

    2023-03-03
  • 交互设计

    Axure官方教程中文版第2课：页面操作-木卫艾欧网原译

    Axure真正的官方教程，入门必备，木卫艾欧独家翻译，免费！

    2015-01-05
  • 产品经理

    5款常见原型工具，产品特色知多少？

    工欲善其事必先利其器。天天和产品打交道，无可避免的要做一些页面原型，当然也离不开各种工具。好的原型工具软件可以大大提高工作效率，但是每款工具各有优劣。之前写过一篇基于不同平台的原型工具介绍，分别是基…

    2023-03-03

  • web产品设计规范

    新浪乐居常用交互控件的使用规则。 下载地址：web产品设计规范-新浪乐居

    原型设计教程 2014-10-28
  • Axure

    交互设计师成长分为三个阶段

    提起交互设计，它既没有界面视觉设计绚丽，也没有用户体验设计有趣，看起来枯燥乏味，学起来复杂难懂，但它却是整个产品流程中最核心的部分之一。一个牛X的交互设计师是睥睨天下的，无论薪资还是技术。（以上海地区为例）但在通往牛X的路上……很多人还没开始就放弃了经常会有人说交互设计好像已经趋于饱和，现在从事这个行业没机会了。照这么说，公务员是我见过的饱和度最高的行业了，但每年还是有那么多人争得头破血流要为人民服务。就像金字塔一样，往往最底层的那一部...

    2018-04-18
  • Mockplus

    简单易用的交互设计工具：摩客串串Chinco

    今天给大家介绍一款简单实用的原型交互演示设计工具—摩客串串Chinco。 为什么要介绍这款产品呢？ Chinco是继国产原型设计软件Mockplus之后，由摩客团队独立设计开发又一个面向设计师的产品，主要使用者就是咱们的UI…

    2016-01-06
  • 交互设计

    成为设计师不是不可能！

      前言：本文译自国外高质量问答社区Quora，原文作者Karen X. Cheng，原是微软Excel的项目经理，后通过自学转型成为设计师。她讲述的自学过程详实细致且条理有序，读完会发现与想象中的大不一样，对于想自学设…

    2015-04-01

  • 分享AXURE注册码 AXURE序列号

    很多同学安装了Axure 7.0或者Axure 6.5，但找不到Axure注册码（axure license key）。今天就为大家分享一些Axure注册码，希望大家能够做出好的产品。 本站分享的Axure注册码来源于网络，本站不保证能长期使用，也不…

    Axure 2015-04-17

  • ​JUSTINMIND权威指南：开篇-约法三章

    ​在学习 Justinmind 原型设计软件之前我们先来约法三章，希望能和你达成君子之约。 约定一：练习题一定要去做并且坚持     根据每一小节留下的练习题打开软件进行练习，然后把你的练习题分享到我的微信公众平台：Wo…

    JustinMind 2015-07-31