IOS与安卓屏幕尺寸设计参数参考

上传人:宝路 文档编号:7525285 上传时间:2017-09-22 格式:DOCX 页数:12 大小:390.54KB
返回 下载 相关 举报
IOS与安卓屏幕尺寸设计参数参考_第1页
第1页 / 共12页
IOS与安卓屏幕尺寸设计参数参考_第2页
第2页 / 共12页
IOS与安卓屏幕尺寸设计参数参考_第3页
第3页 / 共12页
IOS与安卓屏幕尺寸设计参数参考_第4页
第4页 / 共12页
IOS与安卓屏幕尺寸设计参数参考_第5页
第5页 / 共12页
点击查看更多>>
资源描述

《IOS与安卓屏幕尺寸设计参数参考》由会员分享,可在线阅读,更多相关《IOS与安卓屏幕尺寸设计参数参考(12页珍藏版)》请在金锄头文库上搜索。

1、IOS 和安卓 ui 设计常用尺寸及基本知识iOS appiOS app 图标的圆角半径是多少?括弧里面是对应的半径大小App store(Retina 屏) 1024px(160px )iTunes Artwork icon 512px (90px)App icon(iPhone4s) 114px (20px)App icon(iPhone5s) 120px(22px)App icon(iPad) 72px (12px)App icon(iPhone 3G/3GS) 57px(10px)Spotlight/Settings icon icon(iPhone4) 58px (10px)Spot

2、light/Settings icon icon(iPhone 3G/3GS/iPad) 29px (9px)iPhone、 iPad、Android UI 常用设计尺寸iPhone:APPLE APP STORE ICON:512 x 512 PX (圆角弧度 80px)iPhone 5 App Icon:120 x 120 PX (圆角弧度 22px)iPhone 4 App Icon:114 x 114 PX (圆角弧度 20px)iPhone 3GS App Icon: 57 x 57 PX (圆角弧度 22px)iPhone 5 326ppi 4 英寸 1136*640PXiPhon

3、e 4 App UI:960 x 640PX (设计时, 高度还需要减去状态栏 40PX)iPhone 3GS App UI:480x 320PXiPhone 的设计尺寸(ios 尺寸)iPhone 界面尺寸:设备 分辨率 状态栏高度 导航栏高度 标签栏(工具栏)高度iPhone6 plus 设计版 1242 2208 60px 132px 146pxiOS APP 设计一稿支持 iPhone5/iPhone6/Plus 设计流程iPhone6 plus 物理版 1080 1920 54px 132px 146pxiOS APP 设计一稿支持 iPhone5/iPhone6/Plus 设计流程

4、iPhone6 750 1334 40px 88px 98px(88px)iPhone5s 640 1136 40px 88px 98px(88px)iPhone5c 640 1136 40px 88px 98px(88px)iPhone5 640 1136 40px 88px 98px(88px)iPhone4s 640 960 40px 88px 98px(88px)iPhone4 640 960 40px 88px 98px(88px)iPhone 图标尺寸:系统 分辨率 圆角大小iOS 6- 90px 1024px 约为图标宽度 0.175iOS 7+ 90px 1024px 约为图标

5、宽度 0.225 Asset iPhone 6 Plus (3x)iPhone 6 and iPhone 5 (2x)iPhone 4s (2x)iPad and iPad mini (2x)iPad 2 and iPad mini (1x)App icon(required for all apps)180 180 120 120 120 120 152 152 76 76App icon for the App Store(required for all apps)1024 10241024 10241024 10241024 10241024 1024Launch file or im

6、age(required for all apps)Use a launch file(see Launch Images)For iPhone 6, use a launch file(see Launch Images)For iPhone 5, 640 1136640 9601536 2048 (portrait)2048 1536 (landscape)768 1024 (portrait)1024 768 (landscape)Spotlight search results icon(recommended)120 120 80 80 80 80 80 80 40 40Settin

7、gs icon(recommended) 87 87 58 58 58 58 58 58 29 29Toolbar and navigation bar icon(optional)About 66 66About 44 44About 44 44About 44 44About 22 22Tab bar icon(optional)About 75 75(maximum: 144 96)About 50 50(maximum: 96 64)About 50 50(maximum: 96 64)About 50 50(maximum: 96 64)About 25 25(maximum: 48

8、 32)Default Newsstand At least 1024 At least 1024 At least 1024 At least 1024 pixels At least 512 pixels cover icon for the App Store(required for Newsstand apps)pixels on the longest edgepixels on the longest edgepixels on the longest edgeon the longest edgeon the longest edgeWeb clip icon(recommen

9、ded for web apps and websites)180 180 120 120 120 120 152 152 76 76iPad 的设计尺寸iPad 界面尺寸:设备 分辨率 状态栏高度 导航栏高度 标签栏高度iPad6/iPad Air2 2048 1536 40px 88px 98pxiPad5/iPad Air/ipad mini 22048 1536 40px 88px 98pxiPad4/ipad mini 2048 1536 40px 88px 98pxiPad3/the new iPad 2048 1536 40px 88px 98pxiPad2 1024 768 2

10、0px 44px 49pxiPad1 1024 768 20px 44px 49pxiPad Mini 1024 768 20px 44px 49pxiPad 图标尺寸:系统 分辨率 圆角大小iOS 6- 90px 1024px 约为图标宽度 0.175iOS 7+ 90px 1024px 约为图标宽度 0.225Asset iPhone 6 Plus (3x)iPhone 6 and iPhone 5 (2x)iPhone 4s (2x)iPad and iPad mini (2x)iPad 2 and iPad mini (1x)App icon(required for all apps

11、)180 180 120 120 120 120 152 152 76 76App icon for the App Store(required for all apps)1024 10241024 10241024 10241024 10241024 1024Launch file or image(required for all apps)Use a launch file(see For iPhone 6, use a launch file640 9601536 2048 (portrait)2048 768 1024 (portrait)1024 768 (landscape)L

12、aunch Images)(see Launch Images)For iPhone 5, 640 11361536 (landscape)Spotlight search results icon(recommended)120 120 80 80 80 80 80 80 40 40Settings icon(recommended) 87 87 58 58 58 58 58 58 29 29Toolbar and navigation bar icon(optional)About 66 66About 44 44About 44 44About 44 44About 22 22Tab b

13、ar icon(optional)About 75 75(maximum: 144 96)About 50 50(maximum: 96 64)About 50 50(maximum: 96 64)About 50 50(maximum: 96 64)About 25 25(maximum: 48 32)Default Newsstand cover icon for the App Store(required for Newsstand apps)At least 1024 pixels on the longest edgeAt least 1024 pixels on the long

14、est edgeAt least 1024 pixels on the longest edgeAt least 1024 pixels on the longest edgeAt least 512 pixels on the longest edgeWeb clip icon(recommended for web apps and websites)180 180 120 120 120 120 152 152 76 76 Android 的设计尺寸:屏幕尺寸指实际的物理尺寸,为屏幕对角线的测量。为了简单起见,Android 把实际屏幕尺寸分为四个广义的大小:小,正常,大,特大。像素(P

15、X)代表屏幕上一个物理的像素点代表屏幕上一个物理的像素点。屏幕密度为解决 Android 设备碎片化,引入一个概念 DP,也就是密度。指在一定尺寸的物理屏幕上显示像素的数量,通常指分辨率。 为了简单起见,Android 把屏幕密度分为了四个广义的大小:低(120dpi)、中( 160dpi)、高(240dpi)和超高( 320dpi) 像素= DP * ( DPI / 160 ) 例如,在一个240dpi 的屏幕里, 1DP 等于 1.5PX。于设计来说,选取一个合适的尺寸作为正常大小和中等屏幕密度(尺寸的选取依据打算适配的硬件,建议参考现主流硬件分辨率),然后向下和向上 做小、大、特大和低、高、超高的尺寸与密度。典型的设计尺寸 320dp:一个普通的手机屏幕(240X320 ,320480 ,480X800) 480dp

展开阅读全文
相关资源
相关搜索

当前位置:首页 > 中学教育 > 试题/考题

电脑版 |金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号