1. 重庆云诚科技 > 数码百科 >

〈app原型设计网站〉app原型设计尺寸

导读使用Axure制作App原型怎样设置尺寸本文贡献者:【隔岸观火】, 疑问关键字:app原型设计网站, 下面就让重庆云诚科技小编为你解答,希望本文能找到您要的答案!优质回答提供一个常...

本篇文章给大家谈谈app原型设计网站,以及app原型设计尺寸对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。

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

本文贡献者:【隔岸观火】, 疑问关键字:app原型设计网站, 下面就让重庆云诚科技小编为你解答,希望本文能找到您要的答案!

优质回答提供一个常用的移动设备尺寸列表,制作原型时根据查询的尺寸在axure中设置大小即可,设计完毕后在生成HTML时设置 手机/移动设备 中勾选包含视图接口( include Viewport tag ),并进行配置,生成HTML后再到相应的移动设备中浏览就正常了。

设备名称 系统平台 像素密度 屏幕尺寸 竖屏尺寸 横屏尺寸

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

以上就是重庆云诚科技小编分享贡献者:(隔岸观火)解答的关于“使用Axure制作App原型怎样设置尺寸”的问题了,不知是否已经解决你的问题?如果没有,下一篇内容可能是你想要的答案,现在接着继续教您下文用户【暖风昔人】分享的“Axure做的APP原型手机怎么预览”的一些相关问题做出分析与解答,如果能找到你的答案,可以关注本站。

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

Axure做的APP原型手机怎么预览

本文贡献者:【暖风昔人】, 疑问关键字:app原型设计网站, 下面就让重庆云诚科技小编为你解答,希望本文能找到您要的答案!

优质回答其实网上有教程的,axure的功能还是相当强大的,下面简单说一下怎么在手机上预览

1.先在“生成原型文件—手机/移动设备”上设置预览到手机上的配置,如下图:

2.选择发布到axure,如下图,可以覆盖之前上传的项目和兴建项目2.选择发布到axure,如下图,可以覆盖之前上传的项目和兴建项目

3.发布成功之后,记住不带站点的网址,在手机游览器中打开,如下图

4.在iPhone中,可以选择添加到主屏幕,这样就和一般的APP一样的,如下图4.在iPhone中,可以选择添加到主屏幕,这样就和一般的APP一样的,如下图

5.主要是原型设计时的尺寸问题,在不同的手机上全屏预览,需要不同的尺寸,比如iPhone6 plus,我原型的尺寸就是414*736,也就是设计尺寸的1/3,根据设置的不同,可能需要将信息栏的20个像素删掉,变成414*716

今天的内容先分享到这里了,读完本文《「app原型设计网站」app原型设计尺寸》之后,是否是您想找的答案呢?想要了解更多,敬请关注本站(www.cqycseo.com),您的关注是给小编最大的鼓励。

推荐文章:

  • 管家婆一句赢钱料图
  • 两肖两码准
  • 今期香港挂挂牌生肖表
  • 小鱼儿特马站
  • 平心静气打一生肖数字
  • 马会传真2019特马
  • 管家婆三十码
  • 管家婆登陆官网
  • u7金牛版
  • 平特一尾什么意思
  • 本文由网上采集发布,不代表我们立场,转载联系作者并注明出处:https://www.cqycseo.com/kangadmin/makehtml_archives_action.php?endid=0&startid=-1&typeid=15&totalnum=6115&startdd=3980&pagesize=20&seltime=0&sstime=1679321406&stime=&etime=&uptype=&mkvalue=0&isremote=0&serviterm=

    联系我们

    在线咨询:点击这里给我发消息

    微信号:

    工作日:9:30-18:30,节假日休息