iOS 图标、图形尺寸? iPhone、iPad、 iPod touch
链接地址:http://www.zhihu.com/question/20248971
商业转载请联系作者获得授权,非商业转载请注明出处。
作者:刘剑
链接:http://www.zhihu.com/question/20248971/answer/14480857
来源:知乎
- 启动影像 :640 x 960
- APP图标:114 x 114
- App Store商店:1024 x 1024
- Spotlight搜索小图标: 58 x 58
- 文档图标: 44 x 58
- Web Clip图标 :114 x 114
- 工具栏和导航栏图标 : 约40 x 40
- 标签栏的图标:约60 x 60
- 报刊杂志:最长的边缘1024像素(最小)
iPhone和iPod touch(单位:像素)
- 启动影像 :320 x 480
- APP图标:57 x 57
- App Store商店:1024 x 1024
- Spotlight搜索小图标:29 x 29
- 文档图标: 22 x 29
- Web Clip图标 : 57 x 57
- 工具栏和导航栏图标 : 约20 x 20
- 标签栏的图标:约30 x 30
- 报刊杂志:最长的边缘1024像素(最小)
高分辨率的iPad的尺寸(单位:像素)
- 启动影像 :1536 x 2008 (topbar的高度:40)
- APP图标:114 x 114
- App Store商店:1024 x 1024
- Spotlight搜索小图标:100 x 100、58 x 58
- 文档图标:128 x 128、640 x 640
- Web Clip图标 :144 x 144
- 工具栏和导航栏图标 : 约40 x 40
- 标签栏的图标:约60 x 60
- 报刊杂志:最长的边缘1024像素(最小)
iPad的尺寸 (单位:像素)
- 启动影像 :768 x 1004(topbar的高度:20)
- APP图标:72 x 72
- App Store商店:1024 x 1024
- Spotlight搜索小图标: 50 x 50、29 x 29
- 文档图标: 64 x 64、320 x 320
- Web Clip图标 :72 x 72
- 工具栏和导航栏图标 : 约20 x 20
- 标签栏的图标:约30 x 30
- 报刊杂志:最长的边缘1024像素(最小)
补充:
圆角半径
iTunes Artwork icon ───────────────────────── 512px (90px)
App icon(iPhone4) ────────────────────────── 114px (20px)
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)
15
赞同
反对,不会显示你的姓名
<img src="https://pic4.zhimg.com/01d07510347215e749caf99c0ddc1157_b.jpg" data-rawwidth="795" data-rawheight="531" class="origin_image zh-lightbox-thumb" width="795" data-original="https://pic4.zhimg.com/01d07510347215e749caf99c0ddc1157_r.jpg">

<img src="https://pic3.zhimg.com/00595d332635c325d56fc82a1112bc82_b.jpg" data-rawwidth="800" data-rawheight="396" class="origin_image zh-lightbox-thumb" width="800" data-original="https://pic3.zhimg.com/00595d332635c325d56fc82a1112bc82_r.jpg">
<img src="https://pic3.zhimg.com/d8445aba198d2b443f0e36927bf6e11a_b.jpg" data-rawwidth="249" data-rawheight="562" class="content_image" width="249">
7
赞同
反对,不会显示你的姓名
<img src="https://pic2.zhimg.com/5ed99feddae7bdeac14f14aac857e9c5_b.jpg" data-rawwidth="680" data-rawheight="1560" class="origin_image zh-lightbox-thumb" width="680" data-original="https://pic2.zhimg.com/5ed99feddae7bdeac14f14aac857e9c5_r.jpg">
6
赞同
反对,不会显示你的姓名
好东西,复制收藏了----------------------------------------------------------------------iOS7官方推荐图标和图像尺寸
6
赞同
反对,不会显示你的姓名
iOS Human Interface Guidelines: Icon and Image Sizes
<img src="https://pic1.zhimg.com/7cda8b552ebc7596a935e2368b8c10a4_b.jpg" data-rawwidth="1446" data-rawheight="1122" class="origin_image zh-lightbox-thumb" width="1446" data-original="https://pic1.zhimg.com/7cda8b552ebc7596a935e2368b8c10a4_r.jpg">
<img src="https://pic2.zhimg.com/d045583ac2b70408594939c25001559d_b.jpg" data-rawwidth="1368" data-rawheight="1106" class="origin_image zh-lightbox-thumb" width="1368" data-original="https://pic2.zhimg.com/d045583ac2b70408594939c25001559d_r.jpg">
2
赞同
反对,不会显示你的姓名
iTunes Artwork icon ───────────────────────── 512px (90px)App icon(iPhone4) ────────────────────────── 114px (20px)App icon(iPad) ────────────────────────────…
App icon(iPhone4) ────────────────────────── 114px (20px)
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)
1
赞同
反对,不会显示你的姓名
可以看看这个:iOS设备上的App设计规范
iOS 图标、图形尺寸? iPhone、iPad、 iPod touch的更多相关文章
- iphone、ipod Touch、ipad触屏时的js事件
1.Touch事件简介 pc上的web页面鼠 标会产生onmousedown.onmouseup.onmouseout.onmouseover.onmousemove的事件,但是在移动终端如 ipho ...
- iOS开发(1):设置APP的图标与启动图 | iOS图标的尺寸 | LaunchScreen的使用
每个APP都应该有自己的图标跟启动图. 这里介绍怎么设置iOS的APP的图标跟启动图. (1)图标 小程的xcode是10.0版本,设置图标的入口如下: 点击入口后,进到设置页面,如下: 可以看到有很 ...
- iOS:界面适配(二)--iPhone/iPad适配(关于xib)
本文纯属个人看法,强迫症后遗症 版本:xcode 6.0 + iOS SDK 8.0 讨论范围:控制器的view(创建VC时自带的xib) ------------------------------ ...
- iphone/ipad/ipod设置VPN(pptp连接方式)
一.点击桌面上的-设置-图标进入设置(如图) 二.点击-通用-进入通用设置 三.点击-VPN-进入VPN设置(如图) 四.点击添加VPN设置进行设置 五.选择并连接
- jQuery的live绑定事件在mobile safari(iphone / ipad / ipod)上失效的解决方案
jQuery的live绑定为什么会在mobile safari上失效呢?其实可以追溯到jQuery里live的实现方式.live的实现方式实际上是通过事件委托机制来实现的,也就是说是通过诸如冒泡的方式 ...
- jQuery的on绑定事件在mobile safari(iphone / ipad / ipod)上无法使用的解决方案
用一个div当做了一个按钮来使用. <div class="button"> <div class=" next_button button_left ...
- 解决jQuery.live在mobile safari(iphone / ipad / ipod)绑定失败的问题
解决方案: 给要使用live绑定事件的元素,添加“cursor:pointer”样式即可! 如: a,input,td{cursor:pointer;}
- [原创]解决jQuery.live在mobile safari(iphone / ipad / ipod)绑定失败的问题
解决方案: 给要使用live绑定事件的元素,添加“cursor:pointer”样式即可! 如: a,input,td{cursor:pointer;} 原文链接:http://bugs.jquery ...
- HOWTO: Create native-looking iPhone/iPad applications from HTML, CSS and JavaScript
HOWTO: Create native-looking iPhone/iPad applications from HTML, CSS and JavaScript Though it's not ...
随机推荐
- Qt for Windows:使用WinPcap开发高性能UDP服务器
首先介绍一下WinPcap WinPcap是Windows下一个网络库,性能极其强悍而且能够接收各种包. 大名鼎鼎的WireShark就是基于这个库开发的. 那么这个库性能到底有多高呢. 我测试了UD ...
- Delphi判断一个文件是不是JPG图片
判断头几个字节: function IsJpegFile(FileName: string): Boolean; const RightBuf : ..] of Byte = ($FF,$D8,$FF ...
- zoj 3665 Yukari's Birthday(枚举+二分)
Yukari's Birthday Time Limit: 2 Seconds Memory Limit: 32768 KB Today is Yukari's n-th birthday ...
- C#实现按Word模板导出Word(加书签bookMark)
本方法是针对word导出操作,需要制作好的模板文件 模板.doc 引入应用Microsoft.Office.Interop.Word 11.0 (office2003) 导出文件注意:有时候迅雷会在 ...
- AOP 切面编程
简介 如果你很熟悉面向方面编程(AOP),你就会知道给代码增加“切面”可以使代码更清晰并且具有可维护性.但是AOP通常都依赖于第三方类库或者硬编码的.net特性来工作.虽然这些实现方式的好处大于它们的 ...
- R与数据分析旧笔记(十八完结) 因子分析
因子分析 因子分析 降维的一种方法,是主成分分析的推广和发展 是用于分析隐藏在表面现象背后的因子作用的统计模型.试图用最少的个数的不可测的公共因子的线性函数与特殊因子之和来描述原来观测的每一分量 因子 ...
- (转)深入浅出Java三大框架SSH与MVC的设计模式
原址:http://www.educity.cn/java/1382738.html 现在许许多多的初学者和程序员,都在趋之若鹜地学习Web开发的宝典级框架:Struts2, Spring,Hiber ...
- 在JSTL EL中处理java.util.Map,及嵌套List的情况
关联的键查找存储在映射中的值. 在方括号中指定键,并将相应的值作为表达式的值返回.例如,表达式 ${map['key']} 返回与 map标识符所引用的 Map 中的 "key" ...
- django学习之Model(五)MakingQuery
接着上篇. 10-一次更新多个对象 有时想要对QuerySet中的所有对象的某一个field来设定一个值,这时候可以像下边这样用update(): # Update all the headlines ...
- 如何使用沉浸式状态栏,让你的app风格更好看
大家都知道,传统的手机状态栏非黑即白,经常让整个app显得不是那么的好看,如何让状态栏的颜色跟你整个界面的颜色能够融为一体,这是我们一直想要的,现在给大家展示一下: 由图可见,第一张是没有使用沉浸式状 ...










