宏基a101(Axure制作App原型应该怎样设置尺寸?原型尺寸对照表!)
来源:静雅生活网 作者:顾凌雪发布时间:2022-08-27 02:49阅读次
导读:最近有几位小伙伴儿都提出同样一个疑问:想用Axure设计一个 APP原型 放到真实的移动设备中演示,但不知道应该使用什么尺寸? 若要解释清楚像素和分辨率需要的篇幅比较
最近有几位小伙伴儿都提出同样一个疑问:
想用Axure设计一个 APP原型 放到真实的移动设备中演示,但不知道应该使用什么尺寸?
若要解释清楚像素和分辨率需要的篇幅比较长,请大家参考百度百科。
这里老枪搜集了一份机型vs原型尺寸对照表,直接给大家提供常用的移动设备尺寸列表,制作原型时根据查询的尺寸在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,1024iPad 2,iOS,768,1024iPad 3,iOS,768,1024iPad Air,iOS,768,1024iPad Mini,iOS768,1024
Viewport Sizes
设备名称 | 系统平台 | 像素密度 | 屏幕尺寸 | 竖屏尺寸 | 横屏尺寸 | Acer Iconia Tab A100Android166dpi7″8001280Acer Iconia Tab A101Android170dpi7″6001024Acer Iconia Tab A200Android160dpi10.1″8001280Acer Iconia Tab A500Android149dpi10.1″6481280Acer Iconia Tab A502Android149dpi10.1″8001280Ainol Novo 7 Elf 2Android170dpi7″4961024Apple iPadiOS132dpi9.7″7681024Apple iPad 2iOS132dpi9.7″7681024Apple iPad 3 (and 4)iOS264dpi9.7″7681024Apple iPad MiniiOS163dpi7.9″7681024Apple iPhone 3GiOS163dpi3.5″320480Apple iPhone 3GSiOS163dpi3.5″320480Apple iPhone 4iOS326dpi3.5″320480Apple iPhone 4SiOS326dpi3.5″320480Apple iPhone 5iOS326dpi4″320568Apple iPod TouchiOS163dpi3.5″320480Archos 70b (it2)Android??7″6001024Archos 80G9Android160dpi8″7681024Arnova 7 G2Android??7″480800Arnova 7FG3Android??7″6401067Arnova 8C G3Android125dpi8″8001067Arnova 10b G3Android160dpi10.1″6001024ASUS PadfoneAndroid??4.3″8001128ASUS Transformer Pad TF300TAndroid??10.1″8001280ASUS Transformer TF101Android149dpi10.1″8001280BAUHN AMID-972XSAndroid??9.7″7681024BlackBerry 9520Blackberry OS185dpi3.25″345691BlackBerry Bold 9360Blackberry OS246dpi2.44″320N/ABlackBerry Bold 9780Blackberry OS246dpi2.44″480N/ABlackBerry Bold 9790Blackberry OS246dpi2.45″320N/ABlackBerry Bold 9900Blackberry OS287dpi2.8″356N/ABlackBerry Curve 9300Blackberry OS246dpi2.45″311N/ABlackBerry Curve 9320Blackberry OS164dpi2.44″320N/ABlackBerry Curve 9380Blackberry OS188dpi3.2″320N/ABlackBerry PlayBookBlackberry Tablet OS169dpi7″6001024BlackBerry Torch 9800Blackberry OS187.5dpi3.2″320480BlackBerry Torch 9810Blackberry OS250dpi3.2″320480BlackBerry Z10Blackberry OS10355dpi4.2″345521Google Nexus 5Android445dpi4.95″360598HP TouchpadAndroid132dpi9.7″7681024HP VeerWebOS197dpi2.6″320545HTC 7 MozartWindows Phone 7252dpi3.7″320480HTC 7 TrophyWindows Phone 7245dpi3.8″320480HTC DesireAndroid252dpi3.7″320533HTC Desire CAndroid164dpi3.5″320480HTC Desire HDAndroid216dpi4.3″320533HTC Desire ZAndroid252dpi3.7″480800HTC Evo 3DAndroid256dpi4.3″540960HTC LegendAndroid??3.2″320480HTC One SAndroid256dpi4.3″360640HTC One VAndroid252dpi3.7″320533HTC One XLAndroid260dpi4.7″360640HTC Sensation XLAndroid198.5dpi4.7″360640HTC Titan 4GWindows Phone 7198.5dpi4.7″320480HTC Velocity 4GAndroid245dpi4.5″360640HTC Wildfire SAndroid180dpi3.2″320480HTC Windows Phone 8XWindows Phone 8341dpi4.3″320480Huawei U8650Android165dpi3.5″320480Kindle 3Kindle167dpi6″600N/AKindle Fire HD 7Android216dpi7″533801Kindle Fire HD 8.9Android254dpi8.9″533801Kindle Fire HDX 7″Android323dpi7″600902Kindle PaperwhiteKindle212dpi6″758N/AKobo eReader TouchAndroidN/A (E Ink)6″600N/ALG Optimus 2XAndroid233dpi4″320533LG Optimus L3Android125dpi3.2″320427LG Optimus PadAndroid168dpi8.9″7681280LG Viewty KU990Java155dpi3″240400Microsoft Surface (RT)Windows RT148dpi10.6″7681366Motorola DefyAndroid265dpi3.7″320569Motorola Droid3Android275dpi4″360599Motorola Droid RazrAndroid256dpi4.3″360640Motorola MilestoneAndroid265dpi3.7″320569Motorola Razr HD 4GAndroid312dpi4.7″360598Motorola Razr M 4GAndroid312dpi4.7″360598Motorola XoomAndroid149dpi10.1″8001280Motorola Xoom 2Android149dpi10.1″8001280Nexus 4Android318dpi4.7″384598Nexus 7Android216dpi7″603966Nexus SAndroid233dpi4″320533Nokia 300Nokia167dpi2.4″234N/ANokia 500Symbian229dpi3.2″360640Nokia 700Symbian229dpi3.2″240427Nokia 2700S40200dpi2″240N/ANokia Lumia 520Windows Phone 8233dpi4″320480Nokia Lumia 610Windows Phone 7252dpi3.7″320480Nokia Lumia 710Windows Phone 7252dpi3.7″320480Nokia Lumia 800Windows Phone 7252dpi3.7″320480Nokia Lumia 820Windows Phone 8217dpi4.3″320480Nokia Lumia 900Windows Phone 7217dpi4.3″320480Nokia Lumia 920Windows Phone 8332dpi4.5″320480Nokia Lumia 1020Windows Phone 8332dpi4.5″320480Nokia Lumia 1520Windows Phone 8367dpi6″320480Nokia N95S60154dpi2.6″240N/ANokia N900Naemo267dpi3.5″480800Panasonic Toughpad A1Android127dpi10.1″7681024Samsung Galaxy AceAndroid165dpi3.5″320480Samsung Galaxy Ace 2Android246dpi3.8″320533Samsung Galaxy GrandAndroid187dpi5″480800Samsung Galaxy NoteAndroid285dpi5.3″400640Samsung Galaxy Note 2Android267dpi5.5″360640Samsung Galaxy Note 10.1Android149dpi10.1″8001280Samsung Galaxy S2Android217dpi4.3″320533Samsung Galaxy S3Android306dpi4.8″360640Samsung Galaxy S3 MiniAndroid233dpi4″360640Samsung Galaxy S4Android441dpi5″360640Samsung Galaxy S4 MiniAndroid256dpi4.3″360640Samsung Galaxy Tab 2 7.0Android170dpi7″6001024Samsung Galaxy Tab 7Android170dpi7″6001024Samsung Galaxy Tab 8.9Android170dpi8.9″8001280Samsung Galaxy Tab 10.1Android149dpi10.1″8001280Samsung Galaxy Tab 10.1Android149dpi10.1″8001280Sony Xperia E DualAndroid164dpi3.5″320480Tesco HudlAndroid242dpi7″600799Windows Surface ProWindows 8207dpi10.6″10801920
最后! 关注薇信:DOCINDAILY
这里不仅有有趣的互联网热点资讯,更提供无限互联网行业深度报告原文免费下载!
成为你工作、学习的犀利助手!
版权声明:本文部分来自互联网,由小编精心所写,本文地址:http://www.zhubian88.cn/smbk/48372.html,如需转载,请注明出处!