日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

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

發布時間:2024/1/17 编程问答 37 豆豆
生活随笔 收集整理的這篇文章主要介紹了 使用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


總結

以上是生活随笔為你收集整理的使用Axure制作App原型的尺寸设置的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。