iOS 设备尺寸以及图标尺寸
iPhone 4和iPod Touch 4有一个新的特性：在屏幕尺寸不变的前提下，分辨率提升一倍（320 x 480 => 640 x 960）。苹果将这个特性命名为Retina。
用苹果的话讲：
Retina显示屏的超高像素密度已超过人眼能分辨的范围。
Retina对图像设计（图标、启动画面和其它所有像素有关的东西）有什么影响呢？如果我们的app要支持Retina，就要提供高分辨率的（宽x2，高x2）的图片。同时，为了支持没有Retina的设备，仍旧要准备低分辨率的版本。换言之，我们要准备两套图。
针对不同分辨率的图片，苹果规定了一个命名规范：假如一个普通分辨率的图片，文件名是“abc.png”，那么与其对应的高分辨率的文件名就应该是“abc@2x.png”，多了“@2x”。
举一个例子：
Icon.png
Icon@2x.png
这里需要注意的是，虽然在浏览器中，第二张图片的面积是第一张的4倍，但是在支持Retina的iPhone中，显示的大小是一样的。
格式和尺寸
图标和启动画面的格式：推荐使用PNG格式，可以是标准的24位颜色（红、绿和蓝各用8位），外加alpha通道的8位。不要在app图标上使用透明色。
图标的尺寸：苹果有一份完整的文档，列出了app所需的全部图标尺寸，和其各自的使用环境。
Technical Q&A QA1686: App Icons on iPad and iPhone
http://developer.apple.com/library/ios/#qa/qa1686/_index.html
iPhone-only Apps
Table 1 iPhone-only apps icon requirements.
|
Image Size (px)
|
File Name
|
Used For
|
Required Status
|
|
512x512
|
iTunesArtwork
|
Ad Hoc iTunes
|
Optional but recommended
|
|
57x57
|
Icon.png
|
App Store and Home screen on iPhone/iPod touch
|
Required
|
|
114x114
|
Icon@2x.png
|
Home screen for iPhone 4 High Resolution
|
Optional but recommended
|
|
72x72
|
Icon-72.png
|
Home screen for iPad compatibility
|
Optional but recommended
|
|
29x29
|
Icon-Small.png
|
Spotlight and Settings
|
Optional but recommended
|
|
50x50
|
Icon-Small-50.png
|
Spotlight for iPad compatibility
|
Recommended if you have a Settings bundle, otherwise optional but recommended
|
|
58x58
|
Icon-Small@2x.png
|
Spotlight and Settings for iPhone 4 High Resolution
|
Recommended if you have a Settings bundle, otherwise optional but recommended
|
iPad-only Apps
Table 2 iPad-only apps icon requirements.
|
Image Size (px)
|
File Name
|
Used For
|
Required Status
|
|
512x512
|
iTunesArtwork
|
Ad Hoc iTunes
|
Optional but recommended
|
|
72x72
|
Icon-72.png
|
App Store and Home screen on iPad
|
Required
|
|
50x50
|
Icon-Small-50.png
|
Spotlight on iPad
|
Optional but recommended
|
|
29x29
|
Icon-Small.png
|
Settings on iPad
|
Recommended if you have a Settings bundle, otherwise optional but recommended
|
Universal Apps
Table 3 Universal apps icon requirements.
|
Image Size (px)
|
File Name
|
Used For
|
Required Status
|
|
512x512
|
iTunesArtwork
|
Ad Hoc iTunes
|
Optional but recommended
|
|
57x57
|
Icon.png
|
App Store and the Home screen on iPhone/iPod touch
|
Required
|
|
114x114
|
Icon@2x.png
|
Home screen for iPhone 4 High Resolution
|
Optional but recommended
|
|
72x72
|
Icon-72.png
|
App Store and Home screen on iPad
|
Required
|
|
50x50
|
Icon-Small-50.png
|
Spotlight on iPad
|
Optional but recommended
|
|
29x29
|
Icon-Small.png
|
Settings on iPad and iPhone, and Spotlight on iPhone
|
Recommended if you have a Settings bundle, otherwise optional but recommended
|
|
58x58
|
Icon-Small@2x.png
|
Spotlight and Settings for iPhone 4 High Resolution
|
Recommended if you have a Settings bundle, otherwise optional but recommended
|
上传到App Store需要512px X 512px的图片
在iPhone 960px X 640px分辨率中
图标显示尺寸 114px X 114px
20像素的圆角
4像素的90度黑色投影
2像素的90度白色内投影
默认自带的高光
在iPhone 480px X 320px分辨率中
图标显示尺寸 57px X 57px
10像素的圆角
2像素的90度黑色投影
1像素的90度白色内投影
默认自带的高光
在iPad 1024px X 768px分辨率中
图标显示尺寸 72px X 72px
13像素的圆角
2像素的90度黑色投影
1像素的90度白色内投影
默认自带的高光
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)
使用现有的iOS图标模版
App Icon Template by Michael Flarup
http://www.pixelresort.com/blog/app-icon-template
http://appicontemplate.com/ (最近更新, 包括iPad Retina)
最流行也是最强大的，里面包含很多常用的材质。
iOS icon template for Illustrator CS5 by Jon Hicks
http://hicksdesign.co.uk/journal/ios-icon-template-for-illustrator-cs5
Ai的模板来自firefox的logo设计师
iOS App Icon Template by Louie Mantia
http://dribbble.com/shots/461654-iOS-App-Icon-Template
其他不是太流行的模板文件:
http://blog.cocoia.com/2010/iphone-ipad-icon-psd-template
http://blog.cocoia.com/2010/iphone-4-icon-psd-file/
http://dribbble.com/shots/446198-Freebie-iOS-icons
http://dribbble.com/shots/473390-iOS-App-Icons-PSD-Template
http://dribbble.com/shots/271363-iOs-icon-Free-PSD
http://dribbble.com/shots/37493-Icon-Template
http://dribbble.com/shots/292559-Icon-Template
http://dribbble.com/shots/44805-iOS-Icon-Template
iOS 设备尺寸以及图标尺寸的更多相关文章
- IOS APP的所有图标尺寸规范
转自: http://blog.csdn.net/chonbj/article/details/25133247 像我一样记不住iOS应用图标像素尺寸的开发者不在少数,我经常需要查询不同设备上的应用尺 ...
- iOS 启动画面 App图标尺寸 项目上架必须Icon设置
1.1AppIcon图标尺寸如下: 说明:AppIcon (6张) AppStore Icon (1张)(png格式) AppStore Icon --- 1024x1024(必须) 1.2启动画 ...
- 微信分享ios设备没有分享图标安卓有分享图标 （分享功能没有问题）
解决方案:去除 var sharedata = { title: $("#shareTitle").val(), desc: $("#shareContent" ...
- 79.iOS 设备的UI规范和iOS各控件默认高度
iOS设备的UI 规范 iPhone界面尺寸 iPhone图标尺寸 iPad的设计尺寸 iPad图标尺寸 iPhone设备尺寸分辨率比例 iPhone各设备 launch image iOS 各种控件 ...
- IOS和Android图标尺寸
刚开始接触UI的时候,碰到的最多的就是尺寸问题,今天我们就来谈谈IOS和Android 图标设计尺寸吧! 一.IOS篇 1.iOS app图标的圆角半径是多少? (注:现在IOS图标是不需要再画圆角了 ...
- iPhone/iPad/Android UI尺寸规范 UI尺寸规范,UI图标尺寸,UI界面尺寸,iPhone6尺寸,iPhone6 Plus尺寸,安卓尺寸,iOS尺寸
iPhone/iPad/Android UI尺寸规范 UI尺寸规范,UI图标尺寸,UI界面尺寸,iPhone6尺寸,iPhone6 Plus尺寸,安卓尺寸,iOS尺寸 iPhone界面尺寸 设备 分辨 ...
- ios 和安卓常用图标、启动图 尺寸
---------------------------------------------ios---------------------------------------------------- ...
- iOS 设备的屏幕尺寸一览
最近在做iPad开发项目 iPhone 设备: iPhone 1G --- 320x480iPhone 3G --- 320x480iPhone 3GS --- 320x480iPhone 4 --- ...
- iOS设备的尺寸
iOS设备的尺寸有两种统计单位:像素和点,对于程序员来说,只需要记住点即可. 常见的iOS设备的尺寸(点) 分辨率(点) 设备 分辨率(像素) 320*480 4.4s 320*480(4) 640* ...
随机推荐
- 【Python】学习笔记十三：函数的参数对应
位置传递 我们在定义函数时候已经对函数进行了参数传递调用,但是那只是粗浅的位置传递 示例 def sum(a,b,c): d = a+b+c return d print(sum(1,2,3)) 调用 ...
- AVLTree的实现以及左右旋转维持自平衡
AVL(Adelson-Velskii and Landis)树是带有平衡条件的二叉查找树.这个平衡条件必须要容易保持,而且它保证树的深度须是o(logN).最简单的想法是要求左右子树具有相同的高度, ...
- 48 条高效率的 PHP 优化写法
来源:歪麦博客 https://www.awaimai.com/1050.html 1 字符串 1.1 少用正则表达式 能用PHP内部字符串操作函数的情况下,尽量用他们,不要用正则表达式, 因为其效率 ...
- linux修改时区为东八时区，北京时间，上海时间
ln -sf /usr/share/zoneinfo/Asia/Shanghai /etc/localtime echo "Asia/Shanghai" > /etc/tim ...
- EDM邮件营销真的落伍了吗？
很多朋友都觉得EDM邮件营销已经日暮西山了.难道EDM邮件营销真的落伍过时了吗?小编本文为大家讲解一下. 一.有数据为证:目前电子邮件仍然比较活跃,九成以上的用户每天至少查看一封邮件,并且6成以上的人 ...
- fiddler之数据分析和查看（inspectors）-抓包
在instpectors中主要是对请求和响应进行查看和分享,监听请求的响应内容.他有多个分页标签.界面分上下两部分,上面部分显示请求的相关信息:下面部分显示响应相关信息.简单说明常用的几个分页标签 一 ...
- Excel区域复制粘贴
这段工作做的是利用JAVA实现Excel的一块区域的复制并粘贴. 就本身对于 Excel跟 鼠标来说,这也是一个非常简单的操作. 但是 用 java的poi来做,还是 有点儿吃力的. 下面是之前做的一 ...
- suitecrm配置(nginx设置)
suitecrm配置在nginx下的一些设置 server { listen 88; server_name 192.168.2.253; #charset koi8-r; #access_log / ...
- Java基础/Socket.io双向通信
Socket.io基础知识(一) (一).socket.io提供了基于事件的实时双向通讯 Web端与服务端实时数据传输方式: 1.Ajax轮询方式(最早应用) 原理:设置定时器,定时通过Ajax同 ...
- react-native的技巧
按钮定制 給图片添加点击事件 <TouchableOpacity onPress={this.lookAlbum} style={{flex: 0, height: 40, width: 40, ...