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

来源:互联网 发布:linux如何删除用户 编辑:程序博客网 时间:2024/05/16 01:59

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

如:

 

iPhone4 320*480
iPhone5  320*568

Samsung Galaxy S4 360*640


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


原文出自:http://www.axure.us/2172/

0 0
原创粉丝点击