使用Axure制作App原型的尺寸设置

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用Axure制作App原型的尺寸设置相关的知识,希望对你有一定的参考价值。

想用Axure设计一个 APP原型 放到真实的移动设备中演示,但不知道应该使用什么尺寸?
这里直接给大家提供一个常用的移动设备尺寸列表,制作原型时根据查询的尺寸在axure中设置大小即可,设计完毕后在生成html时设置 手机/移动设备 中勾选包含视图接口( include Viewport tag ),并进行配置即可。

如:

iPhone4 320*480
iPhone5  320*568

iPhone6  375*667

iPhone 6 Plus 414*736

Samsung Galaxy S4 360*640

iPad,ios,768,1024
iPad 2,iOS,768,1024
iPad 3,iOS,768,1024
iPad Air,iOS,768,1024
iPad Mini,iOS768,1024

技术分享


主流屏幕和对应原型的分辨率对照图

技术分享


Viewport Sizes

设备名称系统平台像素密度屏幕尺寸竖屏尺寸横屏尺寸
Acer Iconia Tab A100android166dpi7″8001280
Acer Iconia Tab A101Android170dpi7″6001024
Acer Iconia Tab A200Android160dpi10.1″8001280
Acer Iconia Tab A500Android149dpi10.1″6481280
Acer Iconia Tab A502Android149dpi10.1″8001280
Ainol Novo 7 Elf 2Android170dpi7″4961024
Apple iPadiOS132dpi9.7″7681024
Apple iPad 2iOS132dpi9.7″7681024
Apple iPad 3 (and 4)iOS264dpi9.7″7681024
Apple iPad MiniiOS163dpi7.9″7681024
Apple iPhone 3GiOS163dpi3.5″320480
Apple iPhone 3GSiOS163dpi3.5″320480
Apple iPhone 4iOS326dpi3.5″320480
Apple iPhone 4SiOS326dpi3.5″320480
Apple iPhone 5iOS326dpi4″320568
Apple iPod TouchiOS163dpi3.5″320480
Archos 70b (it2)Android??7″6001024
Archos 80G9Android160dpi8″7681024
Arnova 7 G2Android??7″480800
Arnova 7FG3Android??7″6401067
Arnova 8C G3Android125dpi8″8001067
Arnova 10b G3Android160dpi10.1″6001024
ASUS PadfoneAndroid??4.3″8001128
ASUS Transformer Pad TF300TAndroid??10.1″8001280
ASUS Transformer TF101Android149dpi10.1″8001280
BAUHN AMID-972XSAndroid??9.7″7681024
BlackBerry 9520Blackberry OS185dpi3.25″345691
BlackBerry Bold 9360Blackberry OS246dpi2.44″320N/A
BlackBerry Bold 9780Blackberry OS246dpi2.44″480N/A
BlackBerry Bold 9790Blackberry OS246dpi2.45″320N/A
BlackBerry Bold 9900Blackberry OS287dpi2.8″356N/A
BlackBerry Curve 9300Blackberry OS246dpi2.45″311N/A
BlackBerry Curve 9320Blackberry OS164dpi2.44″320N/A
BlackBerry Curve 9380Blackberry OS188dpi3.2″320N/A
BlackBerry PlayBookBlackberry Tablet OS169dpi7″6001024
BlackBerry Torch 9800Blackberry OS187.5dpi3.2″320480
BlackBerry Torch 9810Blackberry OS250dpi3.2″320480
BlackBerry Z10Blackberry OS10355dpi4.2″345521
Google Nexus 5Android445dpi4.95″360598
HP TouchpadAndroid132dpi9.7″7681024
HP VeerWebOS197dpi2.6″320545
HTC 7 MozartWindows Phone 7252dpi3.7″320480
HTC 7 TrophyWindows Phone 7245dpi3.8″320480
HTC DesireAndroid252dpi3.7″320533
HTC Desire CAndroid164dpi3.5″320480
HTC Desire HDAndroid216dpi4.3″320533
HTC Desire ZAndroid252dpi3.7″480800
HTC Evo 3DAndroid256dpi4.3″540960
HTC LegendAndroid??3.2″320480
HTC One SAndroid256dpi4.3″360640
HTC One VAndroid252dpi3.7″320533
HTC One XLAndroid260dpi4.7″360640
HTC Sensation XLAndroid198.5dpi4.7″360640
HTC Titan 4GWindows Phone 7198.5dpi4.7″320480
HTC Velocity 4GAndroid245dpi4.5″360640
HTC Wildfire SAndroid180dpi3.2″320480
HTC Windows Phone 8XWindows Phone 8341dpi4.3″320480
Huawei U8650Android165dpi3.5″320480
Kindle 3Kindle167dpi6″600N/A
Kindle Fire HD 7Android216dpi7″533801
Kindle Fire HD 8.9Android254dpi8.9″533801
Kindle Fire HDX 7″Android323dpi7″600902
Kindle PaperwhiteKindle212dpi6″758N/A
Kobo eReader TouchAndroidN/A (E Ink)6″600N/A
LG Optimus 2XAndroid233dpi4″320533
LG Optimus L3Android125dpi3.2″320427
LG Optimus PadAndroid168dpi8.9″7681280
LG Viewty KU990Java155dpi3″240400
Microsoft Surface (RT)Windows RT148dpi10.6″7681366
Motorola DefyAndroid265dpi3.7″320569
Motorola Droid3Android275dpi4″360599
Motorola Droid RazrAndroid256dpi4.3″360640
Motorola MilestoneAndroid265dpi3.7″320569
Motorola Razr HD 4GAndroid312dpi4.7″360598
Motorola Razr M 4GAndroid312dpi4.7″360598
Motorola XoomAndroid149dpi10.1″8001280
Motorola Xoom 2Android149dpi10.1″8001280
Nexus 4Android318dpi4.7″384598
Nexus 7Android216dpi7″603966
Nexus SAndroid233dpi4″320533
Nokia 300Nokia167dpi2.4″234N/A
Nokia 500Symbian229dpi3.2″360640
Nokia 700Symbian229dpi3.2″240427
Nokia 2700S40200dpi2″240N/A
Nokia Lumia 520Windows Phone 8233dpi4″320480
Nokia Lumia 610Windows Phone 7252dpi3.7″320480
Nokia Lumia 710Windows Phone 7252dpi3.7″320480
Nokia Lumia 800Windows Phone 7252dpi3.7″320480
Nokia Lumia 820Windows Phone 8217dpi4.3″320480
Nokia Lumia 900Windows Phone 7217dpi4.3″320480
Nokia Lumia 920Windows Phone 8332dpi4.5″320480
Nokia Lumia 1020Windows Phone 8332dpi4.5″320480
Nokia Lumia 1520Windows Phone 8367dpi6″320480
Nokia N95S60154dpi2.6″240N/A
Nokia N900Naemo267dpi3.5″480800
Panasonic Toughpad A1Android127dpi10.1″7681024
Samsung Galaxy AceAndroid165dpi3.5″320480
Samsung Galaxy Ace 2Android246dpi3.8″320533
Samsung Galaxy GrandAndroid187dpi5″480800
Samsung Galaxy NoteAndroid285dpi5.3″400640
Samsung Galaxy Note 2Android267dpi5.5″360640
Samsung Galaxy Note 10.1Android149dpi10.1″8001280
Samsung Galaxy S2Android217dpi4.3″320533
Samsung Galaxy S3Android306dpi4.8″360640
Samsung Galaxy S3 MiniAndroid233dpi4″360640
Samsung Galaxy S4Android441dpi5″360640
Samsung Galaxy S4 MiniAndroid256dpi4.3″360640
Samsung Galaxy Tab 2 7.0Android170dpi7″6001024
Samsung Galaxy Tab 7Android170dpi7″6001024
Samsung Galaxy Tab 8.9Android170dpi8.9″8001280
Samsung Galaxy Tab 10.1Android149dpi10.1″8001280
Samsung Galaxy Tab 10.1Android149dpi10.1″8001280
Sony Xperia E DualAndroid164dpi3.5″320480
Tesco HudlAndroid242dpi7″600799
Windows Surface ProWindows 8207dpi10.6″10801920


本文出自 “坚强的技术交流blog” 博客,请务必保留此出处http://newthink.blog.51cto.com/872263/1919260

以上是关于使用Axure制作App原型的尺寸设置的主要内容,如果未能解决你的问题,请参考以下文章

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

快速原型工具 mockups和墨刀还有axure

Axure的动态面板

axure教程

Axure使用攻略--入门级

rp文件怎么用墨刀打开