日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 综合教程 >内容正文

综合教程

iOS 设备尺寸以及图标尺寸

發布時間:2023/12/13 综合教程 31 生活家
生活随笔 收集整理的這篇文章主要介紹了 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 设备尺寸以及图标尺寸的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。