转——使用Axure制作App原型应该怎样设置尺寸？

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

原帖：http://www.yuanxingku.com/article-65-1.html

如：

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 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




				


				
时间： 2024-10-03 03:00:28 

		


		


	

	
	

		


		
转——使用Axure制作App原型应该怎样设置尺寸？的相关文章


								

		

			

                【转载】使用Axure制作App原型怎样设置尺寸？
			

		

		

									

				使用Axure制作App原型怎样设置尺寸? 原文地址:http://www.axure.us/2172/ 本文由原型库网站投稿,转载请注明出处. 最近有几位小伙伴儿都提出同样一个疑问:想用Axure设计一个 APP原型 放到真实的移动设备中演示,但不知道应该使用什么尺寸?若要解释清楚像素和分辨率需要的篇幅比较长,请大家参考百度百科.这里金乌直接给大家提供一个常用的移动设备尺寸列表,制作原型时根据查询的尺寸在axure中设置大小即可,设计完毕后在生成HTML时设置 手机/移动设备 中勾选包含视图接			

		

	

				

		

			

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

		

		

									

				想用Axure设计一个 APP原型 放到真实的移动设备中演示,但不知道应该使用什么尺寸?这里直接给大家提供一个常用的移动设备尺寸列表,制作原型时根据查询的尺寸在axure中设置大小即可,设计完毕后在生成HTML时设置 手机/移动设备 中勾选包含视图接口( include Viewport tag ),并进行配置即可. 如: iPhone4 320*480iPhone5  320*568 iPhone6  375*667 iPhone 6 Plus 414*736 Samsung Galaxy S			

		

	

				

		

			

                Axure制作app侧面抽屉菜单
			

		

		

									

				在之前的文章中以手机淘宝app的筛选菜单为例,给大家介绍过使用axure制作app侧面滑动菜单的方法,本文继续为大家介绍另外一种app的菜单样式--抽屉菜单.手机qq.酷狗音乐等app都采取了这种抽屉菜单的设计. 先看效果~(因为51博客的缘故,貌似效果不是很好,但能看出来抽屉的推拉效果) 效果描述: 点击左上角头像,抽屉菜单拉出,再次点击头像,抽屉菜单关闭: 向右拖动页面,抽屉菜单拉出,向左拖动页面,抽屉菜单关闭. 我们先确定基本方向: 推拉效果,左右拖动(模拟手机上的滑动手势),我们首先想到			

		

	

				

		

			

                Axure 制作app侧滑菜单
			

		

		

									

				移动app中关于"菜单"的设计有很多种类,其中侧滑菜单是很常见的一种设计方式,本文以淘宝的筛选菜单为例,使用axure实现效果. 为了节约时间,排除干扰,我们就不拖入其他元件了,直接插入一张手机淘宝的页面截图做演示: 在"筛选"按钮上方覆盖一层热区,命名为"筛选": 拖入一个无边框矩形,覆盖整个页面区域,作为菜单弹出后的页面遮罩,设置矩形填充颜色为 #F5F5F5,透明度40%,命名为"遮罩": 制作菜单:拖入无边框矩形紧贴页			

		

	

				

		

			

                AXURE制作APP抽屉式菜单
			

		

		

									

				1.拖一个dynamic panel到窗体,将State1改名为State_首页: 2.拖2个dynamic panel到State_首页中,分别命名为侧边菜单及首页内容,首页内容盖住侧边菜单: 3.在首页内容和侧边菜单随便放点东西,比如图片之类的,再在首页内容中放置一个按钮,然后设置按钮的点击事件为Move-首页内容-Move by (280,0)-linear 500ms即可实现点击显示侧边栏效果. 4.同理设置首页内容恢复原位置(move -280即可). 5.如果需要滑动,则设置首页的S			

		

	

				

		

			

                axure 制作滚动效果（不显示滚动条）
			

		

		

									

				笔者在上一篇文章<axure制作app侧滑菜单>中介绍了淘宝app筛选菜单的制作方法,但筛选菜单中的内容仅仅填充了"一屏"的内容,如果内容比较多,就需要菜单能够上下滚动,且仅仅是菜单部分滚动,其他商品列表部分(背景)无需滚动,本文介绍一下实现方法: 上篇<axure制作app侧滑菜单>博文地址: http://pmdrx.blog.51cto.com/11810835/1911380 要是实现局部滚动,动态面板即可实现,但动态面板的滚动条是不能隐藏的,这个时候我			

		

	

				

		

			

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

		

		

									

				对于产品经理来说,熟练使用一些常用软件是一项十分必要的技能.其中,作为一个专业的快速原型设计工具,Axure RP无疑在产品人心中拥有一个难以撼动的地位.但就要PS一样,虽然足够专业,但同样也会存在使用灵活性的一些问题. 今天我们就谈谈,如何用Axure快速制作APP交互原型,不对,更准确的说法应该是:如何用Axure快速制作一份有水准的APP交互原型.作为一名优秀的产品人不仅要保证效率,也要保证质量才行. 首先抛出我的方法论:制作属于自己的元件库并要学会善用母版,熟悉APP设计规范并要有自己一			

		

	

				

		

			

                产品原型设计5：移动App原型设计神器 - POP（Prototyping on Paper）
			

		

		

									

				一般来说,苦逼的互联网产品经理们都知道 Axure 这个原型设计工具,一方面是因为它提供了足够简单的拖拽操作,易上手,且有很多模板方便复用:另一方是因为它可直接输出html,直接在浏览器里给团队成员和老板展示原型,方便做可用性测试. 移动 App 越来越多,现在你不做一两款 App 出门简直都不好意思跟人打招呼了.不能直接上手 PS 的产品经理们,又在想怎样低成本地制作移动app原型了.Axure 和 OmniGraffle Pro 当然会被容易被想到,但通过这两个制作出来原型的要在手机上直接展			

		

	

				

		

			

                APP原型设计工具，哪家强？转自知乎
			

		

		

									

				著作权归作者所有. 商业转载请联系作者获得授权,非商业转载请注明出处. 作者:李志超 链接:http://www.zhihu.com/question/20403141/answer/25329730 来源:知乎 首先如果你小团队或者个人开发,当然可以用Xcode,如果大公司跨部门审核调整各种,还是有个快速的原型. 如你要求,可交互.包括常用的Axrue,我试用过下面提到的所有软件,分别完整产出过不同的原型,还有一些市面上的你一看它介绍图还在用ios6的就知道不必了,说明很久没更新了. 下面这些