亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

iOS App的圖標,啟動畫面及其它

系統 2661 0

注意: 最新的圖標尺寸和文件名規格以Apple的文檔為準: Technical Q&A QA1686: App Icons on iPad and iPhone 。其中要注意,iTunesArtWork這項 不用 寫入Info.plist的Icon files。這點Apple的文檔加粗說明了。

?

圖標的圓角和光暈效果

?

圓角效果。 圖標的圓角效果是系統自動加上的,我們不能控制。這也是為什么我們看到的每個圖標,其圓角效果是完全相同的。

?

光暈效果。 光暈效果也是系統加上的,和“圓角”不同的是,光暈效果是一個可選項。我們可以通過設置app的光暈參數(UIPrerenderedIcon),告訴系統是否要為我們的圖標打上光暈效果。

總結:1)設計圖標時請記得,圖標的圓角效果是系統自動加上的,且是我們無法控制的。 2)設計圖標前先決定,是否要使用系統內建的“光暈效果”。

每個圖標都有相同的圓角。左邊的兩個圖標有光暈效果,右邊的兩個沒有。

?

?

啟動畫面

?

我們可以為app設置啟動畫面,以便在app啟動的時候顯示。蘋果在其開發文檔中,很明確地表示:啟動畫面的作用是給使用者一種錯覺,一種app啟 動很快速的錯覺。即,啟動畫面的初衷不是為了給用戶某種“視覺上的沖擊”。所以,蘋果建議開發者使用app的“空白”界面作為啟動畫面。蘋果自己的app 就是這樣做的。如果我們無視這種約定,而是使用和app界面完全無關的“插畫”作為啟動畫面(很多app都是這樣),那么一般情況下,會有“地攤貨”的嫌 疑。雖然大多數的普通用戶不清楚啟動畫面“應該”是什么樣子:或許用戶會喜歡有“視覺沖擊力的”插畫;或許用戶會奇怪為何到了4月,啟動畫面卻仍舊是春節 的主題;又或許用戶什么感覺也沒有。如果一定要使用插畫,那么不妨先回答這樣一個問題:考慮到蘋果開發的app,其啟動畫面使用的都是樸素的“空白”界, 那么我們的app是否有足夠充分的理由,來支持使用插畫呢?

?

如果要讓啟動畫面漂亮,我們可以先讓app的界面漂亮;App的界面漂亮,那app的“空白”界面也就漂亮;App的“空白”界面漂亮,啟動畫面也就漂亮了。

?

系統自帶的“時鐘”app。第一張是啟動畫面:使用的是app的“空白”界面。第二張是app運行時的截圖。


?

App的界面漂亮 = App的“空白”界面漂亮,啟動畫面也就自然漂亮。比如,Tweetbot的啟動畫面。


?

Retina

?

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

  • App程序包必須包含以下標記為“必須”的圖標。
  • 圖片尺寸的單位是px。

表格一:只支持iPhone的app圖標要求。

尺寸 文件名 用途 是否必須 備注
512×512 iTunesArtwork Ad Hoc iTunes 可選,但建議加入 文件應該是PNG格式,但文件名不要使用.png后綴。
57×57 Icon.png iPhone/iPod touch的App Store和主屏幕(Home screen) 必須
114×114 Icon@2x.png 高分辨率的iPhone 4主屏幕 可選,但建議加入
72×72 Icon-72.png 主屏幕,為了兼容iPad 可選,但建議加入
29×29 Icon-Small.png Spotlight和設置app 可選,但建議加入
50×50 Icon-Small-50.png Spotlight,為了兼容iPad 如果app有設置程序包,那么建議加入。否則可選,但建議加入。
58×58 Icon-Small@2x.png 高分辨率的iPhone 4的Spotlight和設置app 如果app有設置程序包,那么建議加入。否則可選,但建議加入。

表格二:只支持iPad的app圖標要求。

尺寸 文件名 用途 是否必須 備注
512×512 iTunesArtwork Ad Hoc iTunes 可選,但建議加入 文件應該是PNG格式,但文件名不要使用.png后綴。
72×72 Icon-72.png iPad的App Store和主屏幕 必須
50×50 Icon-Small-50.png iPad的Spotlight 可選,但建議加入。
29×29 Icon-Small.png iPad的設置app 如果app有設置程序包,那么建議加入。否則可選,但建議加入。

表格三:Universal的app圖標要求。

尺寸 文件名 用途 是否必須 備注
512×512 iTunesArtwork Ad Hoc iTunes 可選,但建議加入 文件應該是PNG格式,但文件名不要使用.png后綴。
57×57 Icon.png iPhone/iPod touch的App Store和主屏幕(Home screen) 必須
114×114 Icon@2x.png 高分辨率的iPhone 4主屏幕 可選,但建議加入
72×72 Icon-72.png iPad的App Store和主屏幕 必須
29×29 Icon-Small.png iPad和iPhone的設置app,iPhone的Spotlight 如果app有設置程序包,那么建議加入。否則可選,但建議加入。
50×50 Icon-Small-50.png iPad的Spotlight 可選,但建議加入。
58×58 Icon-Small@2x.png 高分辨率的iPhone 4的Spotlight和設置app 如果app有設置程序包,那么建議加入。否則可選,但建議加入。

啟動畫面的尺寸:

  • 尺寸單位是px,寬x高。
  • iPhone/iPod Touch的啟動畫面是全尺寸,iPad的則要去掉“狀態欄”(Status bar)的高度(20px)。
  • iPad的啟動畫面是分模式的:豎排(portrait)和橫排模式(landscape)。
尺寸 設備 模式
320 x 480 低分辨率iPhone/iPod Touch 豎排和橫排
640 x 960 高分辨率iPhone/iPod Touch 豎排和橫排
768 x 1004 iPad 豎排
1024 x 748 iPad 橫排

來源:http://www.xiaweipin.com/archives/28

?

?

?

?

?

iOS App的圖標,啟動畫面及其它


更多文章、技術交流、商務合作、聯系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號聯系: 360901061

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對您有幫助就好】

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長會非常 感謝您的哦!!!

發表我的評論
最新評論 總共0條評論
主站蜘蛛池模板: 久久婷五月综合 | 久久久久99精品成人片三人毛片 | 中文字幕一区精品 | 欧美特级黄色大片 | 成人三级视频在线观看 | 亚洲视频91| 狠狠色丁婷婷综合久久 | 亚洲一区二区三区免费观看 | 日本亚欧乱色视频在线网站 | 一国产大片在线观看 | a在线观看视频 | 国产成人女人视频在线观看 | 这里只有精品在线播放 | 久久er99热精品一区二区 | 亚洲精品99久久一区二区三区 | 天天草夜夜爽 | 久久亚洲不卡一区二区 | 亚洲精品综合一二三区在线 | 四虎影视在线影院4hu | 91嫩草国产线免费观看 | 久久国产精品永久免费网站 | 亚洲综合插插 | 日本一区二区高清 | 黄色毛片免费在线观看 | 97久久免费视频 | 久久e| 天天操天天射天天色 | 日本囗交做爰视频欧美 | 91国内精品久久久久免费影院 | 欧美激情在线精品三区 | 91香蕉国产视频 | 手机看福利 | 国产精品国产欧美综合一区 | 四虎在线永久免费视频网站 | 国产一区二区在线播放 | 羞羞网页 | 欧美成人三级一区二区在线观看 | 免费久| 亚洲香蕉一区二区三区在线观看 | 精品亚洲欧美高清不卡高清 | 日一区二区 |