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/
iPhone-only Apps
Include the following in your application's Resources group in the Xcode project:
Table 1iPhone-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
Include the following in your application's Resources group in the Xcode project:
Table 2iPad-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
Include the following in your application's Resources group in the Xcode project:
Table 3Universal 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 |
http://uedc.163.com/5294.html
上傳到App Store需要512px X 512px的圖片
在iPhone960px X 640px分辨率中
圖標顯示尺寸 114px X 114px
20像素的圓角
4像素的90度黑色投影
2像素的90度白色內投影
默認自帶的高光
在iPhone480px X 320px分辨率中
圖標顯示尺寸 57px X 57px
10像素的圓角
2像素的90度黑色投影
1像素的90度白色內投影
默認自帶的高光
在iPad1024px 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
參考:http://www.uimaker.com/uimakerhtml/uistudy/2012/0424/34102.html
總結
以上是生活随笔為你收集整理的iOS 设备尺寸以及图标尺寸的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: ImageMagick 打水印支持透明度
- 下一篇: bootargs说明 和 下位机静态ip