iphone安卓启动图标尺寸常用尺寸有哪些

手机号/邮箱:?
使用第三方登录:?
还可以输入 300 字符
请输入举报理由
选择收藏分类:
默认收藏夹
添加收藏分类:
酷友观点/经验:iOS App图标和启动画面尺寸(原创文章)
系统分类:
个人归类:
文章版权:
原创,如需商业用途或转载请与
联系,谢谢配合!
广州 / GUI设计师25天前发布
找了很多参考然后根据个人经验分享,希望对你们有帮助~
注意:iOS所有图标的圆角效果由系统生成,给到的图标本身不能是圆角的
1. 桌面图标 (app icon)
for iPhone7/6 plus(@3x) : 180 x 180
ffor iPhone7/6s/6/5s/5/4s/4(@2x) : 120 x 120
2. 系统搜索框图标 (Spotlight search results icon)
for iPhone7/6plus(@3x) : 120 x 120
for iPhone7/6s/6/5s/5/4s/4(@2x) : 80 x 80
3. 系统设置图标 (Settings icon)
for iPhone7/6 plus(@3x) : 87 x 87
for iPhone7/6s/6/5s/5/4s/4(@2x) : 58 x 58
4. 启动图片 (launch image)
for iPhoen5s/5(@2x) : 640 x 1136
for iPhoen4s/4(@2x) : 640 x 960
iPhone7/6/iPhone7/6 plus 建议使用 launch file 或 storyboard ;如果依然想使用图片,尺寸数值为:
for iPhone 7/6(@2x) : 750 x 1334
for iPhone 7/6 plus (@3x) : 1242 x 2208
5. 另一种根据iOS系统的分类法
base: 29pt, 需要 @1x, @2x, @3x,得出:29 x 29, 58 x 58, 87 x 87
base: 40pt, 需要 @2x, @3x,得出:80 x 80, 120 x 120
iPhone App
base: 57pt,需要 @1x, @2x, 得出:57 x 57, 114 x 114
base: 60pt,需要 @2x, @3x,得出:120 x 120, 180 x 180
iOS 5,6,7,8
base: 29pt,需要 @1x,@2x,@3x,得出:29 x 29, 58x58, 87x87
6. 尺寸总结:
图标尺寸输出列表:
启动图片尺寸输出列表:
广州 / GUI设计师25天前发布
同时推荐此文章
还可以输入2000 个字符
所有,如需商业用途或转载请与
联系,谢谢配合!细节是魔鬼,设计在于细节
Product was successfully added to your cart
&& 读。设计
IOS和安卓ui设计常用尺寸及基本知识
图标的圆角半径是多少?
(注:现在IOS图标是不需要再画圆角了,直接方形就OK)
括弧里面是对应的半径大小
App store(Retina屏) ─────────────1024px(160px)
iTunes Artwork
─────────────512px (90px)
App (iPhone4s) ──────────────────114px (20px)
App (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 常用尺寸
—————————————————————–
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英寸PX
iPhone 4 App :960 x 640PX (时,高度还需要减去状态栏40PX)
iPhone 3GS App :480x 320PX
iPhone的尺寸()
iPhone界面尺寸:
状态栏高度
导航栏高度
标签栏(工具栏)高度
iPhone6 plus设计版
1242 × 2208
iOS APP设计一稿支持iPhone5/iPhone6/Plus设计流程
iPhone6 plus物理版
1080 × 1920
iOS APP设计一稿支持iPhone5/iPhone6/Plus设计流程
750 × 1334
98px(88px)
640 × 1136
98px(88px)
640 × 1136
98px(88px)
640 × 1136
98px(88px)
640 × 960
98px(88px)
640 × 960
98px(88px)
iPhone图标尺寸:
约为图标宽度 × 0.175
约为图标宽度 × 0.225
iPhone 6 Plus (@3x)
iPhone 6 and iPhone 5 (@2x)
iPhone 4s (@2x)
iPad and iPad mini (@2x)
iPad 2 and iPad mini (@1x)
(required for all s)
180 × 180
120 × 120
120 × 120
152 × 152
App icon for the App Store
(required for all s)
1024 × 1024
1024 × 1024
1024 × 1024
1024 × 1024
1024 × 1024
Launch 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 × 1136
640 × 960
1536 × 2048 (portrait)
2048 × 1536 (landscape)
768 × 1024 (portrait)
1024 × 768 (landscape)
Spotlight search results icon
(recommended)
120 × 120
Settings icon
(recommended)
Toolbar and navigation bar icon
(optional)
About 66 × 66
About 44 × 44
About 44 × 44
About 44 × 44
About 22 × 22
Tab 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 edge
At least 1024 pixels on the longest edge
At least 1024 pixels on the longest edge
At least 1024 pixels on the longest edge
At least 512 pixels on the longest edge
Web clip icon
(recommended for web apps and websites)
180 × 180
120 × 120
120 × 120
152 × 152
iPad的设计尺寸
iPad界面尺寸:
状态栏高度
导航栏高度
标签栏高度
iPad6/iPad Air2
2048 × 1536
iPad5/iPad Air/ipad mini 2
2048 × 1536
iPad4/ipad mini
2048 × 1536
iPad3/the new iPad
2048 × 1536
1024 × 768
1024 × 768
1024 × 768
iPad图标尺寸:
约为图标宽度 × 0.175
约为图标宽度 × 0.225
iPhone 6 Plus (@3x)
iPhone 6 and iPhone 5 (@2x)
iPhone 4s (@2x)
iPad and iPad mini (@2x)
iPad 2 and iPad mini (@1x)
(required for all apps)
180 × 180
120 × 120
120 × 120
152 × 152
App icon for the App Store
(required for all apps)
1024 × 1024
1024 × 1024
1024 × 1024
1024 × 1024
1024 × 1024
Launch 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 × 1136
640 × 960
1536 × 2048 (portrait)
2048 × 1536 (landscape)
768 × 1024 (portrait)
1024 × 768 (landscape)
Spotlight search results icon
(recommended)
120 × 120
Settings icon
(recommended)
Toolbar and navigation bar icon
(optional)
About 66 × 66
About 44 × 44
About 44 × 44
About 44 × 44
About 22 × 22
Tab 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 edge
At least 1024 pixels on the longest edge
At least 1024 pixels on the longest edge
At least 1024 pixels on the longest edge
At least 512 pixels on the longest edge
Web clip icon
(recommended for web apps and websites)
180 × 180
120 × 120
120 × 120
152 × 152
Android的设计尺寸:
指实际的物理尺寸,为屏幕对角线的测量。
为了简单起见,Android把实际屏幕尺寸分为四个广义的大小:小,正常,大,特大。
像素(PX)
代表屏幕上一个物理的像素点代表屏幕上一个物理的像素点。
为解决Android设备碎片化,引入一个概念DP,也就是密度。指在一定尺寸的物理屏幕上显示像素的数量,通常指分辨率。 为了简单起见,Android把屏幕密度分为了四个广义的大小:低(120dpi)、中(160dpi)、高(240dpi)和超高(320dpi) 像素= DP * ( DPI / 160 ) 例如,在一个240dpi的屏幕里,1DP等于1.5PX。
于设计来说,选取一个合适的尺寸作为正常大小和中等屏幕密度(尺寸的选取依据打算适配的硬件,建议参考现主流硬件分辨率),然后向下和向上 做小、大、特大和低、高、超高的尺寸与密度。
典型的设计尺寸
o 320dp:一个普通的屏幕(240X320,320×480,480X800)
o 480dp:一个中间平板电脑像(480×800)
o 600dp:7寸平板电脑(600×1024)
o 720dp:10寸平板电脑(720××1280)
对于分辨率繁多的android设备,为了方便原生应用的界面适配,Google按照dpi大小将它们分成了4中模式(MDPI、HDPI、XHDPI和XXHDPI,现在 Android 4.3 已经有了XXXHDPI):
屏幕DIP类型:
ICON尺寸:
随便说一下现在安卓设计稿尺寸设定:
一般PS新建 1080 x 1920的尺寸,也就是对应该安卓的xxhdpi ,所以切图也是放入程序中的xxhdpi文件夹 下。所以基本上一套图就可以了,如果时间充足,做多套尺寸的图自然没什么坏处。虽然只出大尺寸的图,但设计时一定好考虑好小屏幕适配问题,还要对部分切图进行调整重切,因为有些图等比缩小时会出现糊,或不好看的现象。
安卓的点九图 点9切法 查看这篇文章:
Android安卓系统dp/sp/px换算表
比率 rate (针对320px)
比率 rate (针对640px)
比率 rate (针对750px)
240 × 320
320 × 480
480 × 800
720 × 1280
1080 × 1920
主流Android分辨率和尺寸
三星Galaxy S3
720 × 1280
三星Galaxy S4
1080 × 1920
三星Galaxy S5
1080 × 1920
三星Galaxy S6
1200 × 1920
480 × 854
480 × 854
720 × 1280
720 × 1280
1080 × 1920
小米3s(概念)
1080 × 1920
1080 × 1920
720 × 1280
720 × 1280
OPPO Find 7
1440 × 2560
OPPO Find 7 轻装版
1080 × 1920
OPPO N1 mini
720 × 1280
720 × 1280
720 × 1280
锤子 Smartisan T1
1080 × 1920
华为 Ascend P7
1080 × 1920
华为 Ascend Mate7
1080 × 1920
华为 荣耀6
1080 × 1920
华为 Ascend Mate2
720 × 1280
720 × 1280
HTC One (M8)
1080 × 1920
HTC Desire 820
720 × 1280
魅族 MEIZU MX4
1152 × 1920
魅族 MEIZU MX3
1080 × 1800
相关文章:
打开微信“扫一扫”,将本文章分享到朋友圈
闽ICP备号-1
(C) 2014 蓝色早晨声明:本站所述言论、本章、截图均来自网络或仅代表个人观点,版权归原作者所有,在此只是加以分享。如有冒犯,请来信说明。启动画面的尺寸_百度文库
两大类热门资源免费畅读
续费一年阅读会员,立省24元!
启动画面的尺寸
上传于||暂无简介
阅读已结束,如果下载本文需要使用0下载券
想免费下载更多文档?
定制HR最喜欢的简历
你可能喜欢【代码片-1】 iOS App图标和启动画面尺寸
标签: 画面&&&&尺寸&&&&图标&&&&app&&&&ios&&&&
iOS App图标和启动画面尺寸
注意:iOS所有图标的圆角效果由系统生成,给到的图标本身不能是圆角的。
1. 桌面图标 (app icon)
for iPhone6 plus(@3x) : 180 x 180
for iPhone 6/5s/5/4s/4(@2x) : 120 x 120
2. 系统搜索框图标 (Spotlight search results icon)
for iPhone6 plus(@3x) : 120 x 120
for iPhone6/5s/5/4s/4(@2x) : 80 x 80
3. 系统设置图标 (Settings icon)
for iPhone6 plus(@3x) : 87 x 87
for iPhone6/5s/5/4s/4(@2x) : 58 x 58
4. 启动图片 (launch image)
for iPhoen5s/5(@2x) : 640 x 1136
for iPhoen4s/4(@2x) : 640 x 960
iPhone6/iPhone6 plus 建议使用 launch file 或 storyboard ;如果依然想使用图片,尺寸数值为:
for iPhone 6(@2x) : 750 x 1334
for iPhone 6 plus (@3x) : 1242 x 2208
5. 另一种根据iOS系统的分类法
base: 29pt, 需要 @1x, @2x, @3x,得出:29 x 29, 58 x 58, 87 x 87
base: 40pt, 需要 @2x, @3x,得出:80 x 80, 120 x 120
iPhone App
base: 57pt,需要 @1x, @2x, 得出:57 x 57, 114 x 114
base: 60pt,需要 @2x, @3x,得出:120 x 120, 180 x 180
iOS 5,6,7,8
base: 29pt,需要 @1x,@2x,@3x,得出:29 x 29, 58x58, 87x87
6. 尺寸总结:
图标尺寸输出列表:
启动图片尺寸输出列表:
我要留言技术领域:
收藏提示你已经自动关注本知识库了哦!
取消收藏确定要取消收藏吗?
删除图谱提示你保存在该图谱下的知识内容也会被删除,建议你先将内容移到其他图谱中。你确定要删除知识图谱及其内容吗?
删除节点提示无法删除该知识节点,因该节点下仍保存有相关知识内容!
删除节点提示你确定要删除该知识节点吗?}

我要回帖

更多关于 启动图标设计尺寸 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信