IOS和安卓ui设计常用尺寸及基本知识
来源:互联网 发布:国家税务网络大学 编辑:程序博客网 时间:2024/05/03 03:46
目录(?)[-]
- IOS和安卓ui设计常用尺寸及基本知识
- iOS app
- iOS app 图标的圆角半径是多少
- 括弧里面是对应的半径大小
- iPhoneiPadAndroid UI常用设计尺寸
- iPhone
- iPhone的设计尺寸ios尺寸
- iPhone界面尺寸
- iPhone图标尺寸
- iPad的设计尺寸
- iPad界面尺寸
- iPad图标尺寸
- Android的设计尺寸
- 屏幕尺寸
- 像素PX
- 典型的设计尺寸
- Android安卓系统dpsppx换算表
- 主流Android手机分辨率和尺寸
IOS和安卓ui设计常用尺寸及基本知识
iOS app
iOS 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)
Spotlight/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*640PX
iPhone 4 App UI:960 x 640PX (设计时,高度还需要减去状态栏40PX)
iPhone 3GS App UI:480x 320PX
iPhone的设计尺寸(ios尺寸)
iPhone界面尺寸:
iPhone图标尺寸:
(required for all apps)180 × 180120 × 120120 × 120152 × 15276 × 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 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 × 12080 × 8080 × 8080 × 8040 × 40Settings icon
(recommended)87 × 8758 × 5858 × 5858 × 5829 × 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 × 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 longest 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 × 180120 × 120120 × 120152 × 15276 × 76
iPad的设计尺寸
iPad界面尺寸:
iPad图标尺寸:
(required for all apps)180 × 180120 × 120120 × 120152 × 15276 × 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 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 × 12080 × 8080 × 8080 × 8040 × 40Settings icon
(recommended)87 × 8758 × 5858 × 5858 × 5829 × 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 × 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 longest 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 × 180120 × 120120 × 120152 × 15276 × 76
Android的设计尺寸:
屏幕尺寸
指实际的物理尺寸,为屏幕对角线的测量。
为了简单起见,Android把实际屏幕尺寸分为四个广义的大小:小,正常,大,特大。
像素(PX)
代表屏幕上一个物理的像素点代表屏幕上一个物理的像素点。
屏幕密度
为解决Android设备碎片化,引入一个概念DP,也就是密度。指在一定尺寸的物理屏幕上显示像素的数量,通常指分辨率。 为了简单起见,Android把屏幕密度分为了四个广义的大小:低(120dpi)、中(160dpi)、高(240dpi)和超高(320dpi) 像素= DP * ( DPI / 160 ) 例如,在一个240dpi的屏幕里,1DP等于1.5PX。
于设计来说,选取一个合适的尺寸作为正常大小和中等屏幕密度(尺寸的选取依据打算适配的硬件,建议参考现主流硬件分辨率),然后向下和向上 做小、大、特大和低、高、超高的尺寸与密度。
典型的设计尺寸
• 320dp:一个普通的手机屏幕(240X320,320×480,480X800)
• 480dp:一个中间平板电脑像(480×800)
• 600dp:7寸平板电脑(600×1024)
• 720dp:10寸平板电脑(720×1280,800×1280)
类型 hdpi mdpi ldpi
ICON 96*96 72*72 48*48 36*36
Notification图标 48*48 32*32 24*24
标签Tab图标 48*48 32*32 24*24
Android安卓系统dp/sp/px换算表
主流Android手机分辨率和尺寸
- IOS和安卓ui设计常用尺寸及基本知识
- IOS和安卓ui设计常用尺寸及基本知识
- IOS和安卓ui设计常用尺寸及基本知识
- IOS和安卓ui设计常用尺寸及基本知识
- IOS和安卓ui设计常用尺寸及基本知识
- IOS和安卓ui设计常用尺寸及基本知识
- IOS和安卓ui设计常用尺寸及基本知识
- Android UI设计常用尺寸及基本知识
- 安卓屏幕分辨率及UI尺寸详解
- 安卓屏幕分辨率及UI尺寸详解
- 【设计】安卓&IOS界面尺寸
- 安卓的UI设计规范及分辨率尺寸规范
- iPhone、iPad、Android UI常用设计尺寸
- 安卓 UI 设计
- iPhone UI设计尺寸
- 安卓ios开发尺寸对应关系
- IOS UI 尺寸参考
- iOS UI设计 ------- 分辨率 屏幕尺寸 与 像素密度
- Difference Between Finalize and Dispose Method
- 菲波拉契数列
- UEditor1.4.3在Struts2中图片上传“未找到上传数据”问题
- AWR&ADDM
- IOS中ARC模式下的crash之僵尸对象
- IOS和安卓ui设计常用尺寸及基本知识
- 骨牌覆盖序列
- C++内存拷贝函数详解
- opencv2.4.3中surf代码分析----特征点提取
- 微商必将大有所为
- iOS APP利用系统自带库监听网络状态
- 解释跟踪
- registerForRemoteNotification iOS7 iOS8
- NodeJs 多核多进程并行框架实作