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 ...
随机推荐
- 你是否决绝平庸,你有勇气来学C/C++吗,有勇气来检验你是否经得起世界五百强的面试
如果你来传智播客学习 你的目标就是要积累工作经验 有机会参加世界五百强的面试 秒杀世界五百强的面试 赢得高薪的offer! C/C++课程大纲 C语言3周21天 完全掌握C语言的本质,成为一名合 ...
- poj2871
#include <stdio.h> #include <stdlib.h> //法一 int main() { ]; ,tmp; ) { scanf("%lf&qu ...
- SSH整合方案2
[案例3]SSH整合_方案2 ** 案例描述 两个知识点的演示 其一,SSH整合的第二个方案 其二,Spring+JDBC+Struts2 参考代码 31) 使用工程spring4 32 ...
- Canvas标签初探
学了一点基础知识,感觉好神奇,全部练习代码 <html> <head> <meta http-equiv=Content-Type content="text/ ...
- CentOS修改系统默认语言与编码
有时候在安装CentOS无意中把默认语言设置为中文,而部分SSH软件不支持中文编码,所以在远程管理的时候会出现些乱码的现象. 如何修改CentOS的默认语言呢? 请先使用root权限帐户登陆 一. ...
- Android布局绘制常见小问题
一些网上分享的整理 1.Android设置Selector不同状态下颜色及图片 Selector常用状态: android:state_selected 控件选中状态,可以为true或false an ...
- CSS文本
CSS文字及文本 导航:1.文字及文本2.例子 1.文字及文本文字: 单个字符文本: 多个字符的组合体 2.例子2.1.文字的颜色颜色属性被用来设置文字的颜色格式: color:色值颜色是通过CSS最 ...
- 原生js倒计时和显示当前时间
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...
- 一周学会Mootools 1.4中文教程:(3)事件
今天我們講解一下mt的事件部分,对于事件的讲解主要包含三部分,分别是:绑定,移除,和触发,我们首先来看一个例子 //jquery的事件绑定方式$('a').click(function){ alert ...
- 如何创建一个简单的struts2程序
如何创建一个简单的Struts2程序 “计应134(实验班) 凌豪” 1.创建一个新的Web项目test(File->new->Web Project) 2.Struts2框架的核心配置文 ...










