一、圖像尺寸和分辨率（Image Size and Resolution）
iOS用于放置內(nèi)容的坐標(biāo)系統(tǒng)是基于點的測量值序无，這些點是映射到顯示器中的像素乘盼。在標(biāo)準(zhǔn)分辨率屏幕上螟凭，一個點等于一個像素亿虽。高分辨率屏幕的像素密度更高菱涤，因為在同樣數(shù)量的物理空間中有更多的像素，每個點的像素就更多了经柴。因此狸窘，高分辨率顯示器需要更多像素的圖像。
為你的應(yīng)用中所有支持設(shè)備的原圖提供高分辨率的圖像坯认。根據(jù)設(shè)備的不同，您可以通過將每個圖像中像素的數(shù)量乘以一個特定的比例系數(shù)來實現(xiàn)這一點。標(biāo)準(zhǔn)分辨率圖像的縮放系數(shù)為1.0牛哺，被稱為@1x圖像陋气。高分辨率圖像有2.0或3.0的比例因子，分別被稱為@2x和@3x圖像引润。假設(shè)你有一個標(biāo)準(zhǔn)分辨率@1x的圖像巩趁，比如是100px × 100px，那么這個圖像的@2x版本將是200px × 200px淳附，@3x版本則是300px × 300px议慰。
設(shè)計高分辨率的原圖
使用一個8px × 8px網(wǎng)格。網(wǎng)格能保持線條清晰奴曙，確保內(nèi)容在所有大小型號下盡可能的清晰别凹，需要更少的修改和銳化。當(dāng)按比例縮小圖像時洽糟，可將圖像邊界對齊到網(wǎng)格中炉菲，以減小一半的像素和模糊細(xì)節(jié)。
以恰當(dāng)?shù)母袷街谱鲌D形坤溃。一般來說拍霜，對于位圖/柵格圖片（bitmap/raster artwor）使用去交錯PNG文件。PNG支持透明性薪介，因為它是無損的祠饺，壓縮損傷不會模糊重要的細(xì)節(jié)或改變顏色。對于復(fù)雜的圖片來說汁政，使用陰影道偷、紋理和高亮等效果是很好的選擇。照片使用JPEG烂完，它的壓縮算法通常比無損格式產(chǎn)生更小的尺寸试疙，而在照片中很難分辨出損傷。然而抠蚣，照片寫實的應(yīng)用程序圖標(biāo)最好是PNGs祝旷。使用PDF格式的符號和其他平面，矢量圖形則需要高分辨率的縮放嘶窄。
為PNG圖形使用8位調(diào)色板怀跛，不需要全24位顏色。使用8位的調(diào)色板可以降低文件大小而不降低圖像質(zhì)量柄冲。但這個調(diào)色板不適用于照片吻谋。
優(yōu)化JPEG文件以平衡圖像大小和質(zhì)量。大多數(shù)JPEG文件可以被壓縮现横，而不明顯降低圖像分辨率漓拾。即使是少量的壓縮也可以節(jié)省大量的磁盤空間阁最。通過對每個圖像的壓縮設(shè)置進(jìn)行實驗，找到最優(yōu)值骇两，從而得到可接受的結(jié)果速种。
為圖像和圖標(biāo)提供可選的文本標(biāo)簽。可在在屏幕上看不到可選的文本標(biāo)簽低千，但要讓畫外音清晰地描述屏幕上的內(nèi)容配阵，讓視覺障礙的人更容易導(dǎo)航。
二示血、應(yīng)用程序圖標(biāo)（App Icon）
每個app都需要一個精美棋傍、令人印象深刻的圖標(biāo)，能在蘋果商店和主屏幕奪人眼球难审。輕瞥圖標(biāo)的瞬間瘫拣，是你的第一次來傳達(dá)你的app目的的機會。你的圖標(biāo)也會在系統(tǒng)中經(jīng)常出現(xiàn)剔宪，比如在設(shè)置中和在搜索結(jié)果中拂铡。
擁抱簡潔。尋找個單一的元素能夠表現(xiàn)你的app的精髓葱绒，然后通過一個簡單但是獨特的形狀來表現(xiàn)這個元素感帅。謹(jǐn)慎地添加細(xì)節(jié)部分。如果一個圖標(biāo)的內(nèi)容或是形狀過于復(fù)雜地淀，那么細(xì)節(jié)就很難辨認(rèn)了失球，尤其是在更小的尺寸時。
提供一個單一的焦點帮毁。為圖標(biāo)設(shè)計一個單獨的实苞、集中的點，使它能快速吸引注意力并且明確地代表你的app烈疚。
設(shè)計一個易于辨識的圖標(biāo)黔牵。用戶不應(yīng)通過分析圖標(biāo)才能弄清楚它代表什么。比如爷肝，郵件app的圖標(biāo)使用了一個信封猾浦，因為它普遍與郵件聯(lián)系在一起〉婆祝花點時間去設(shè)計一個好看迷人且精煉的圖標(biāo)金赦，藝術(shù)性地傳達(dá)你的app的目的。
讓背景簡單并且避免使用透明度对嚼。確保你的圖標(biāo)是不透明的夹抗，并且不要讓背景變得雜亂。使用一個簡單的背景纵竖，這樣它就不會過度影響周圍的其它圖標(biāo)漠烧。你沒有必要將整個圖標(biāo)填滿內(nèi)容杏愤。
只有當(dāng)文字是有意義的或是logo的一部分時才在圖標(biāo)中使用。在主屏幕時沽甥，一個app的名稱會在圖標(biāo)之下顯示声邦。不要包含沒有意義的文字重復(fù)說明名稱或是告訴用戶該如何使用你的app乏奥，比如“Watch”或“Play”摆舟。如果你的設(shè)計包含了一些文字，那么請強調(diào)文字與你的app提供的實際內(nèi)容相關(guān)邓了。
不要包含照片恨诱、屏幕截圖或是界面元素。影像細(xì)節(jié)在很小的尺寸會難于辨認(rèn)骗炉。屏幕截圖對于一個app圖標(biāo)來說太復(fù)雜了照宝，也一般不利于傳達(dá)app的目的。在圖標(biāo)中的界面元素會令人誤解并且困惑句葵。
不要復(fù)用Apple硬件產(chǎn)品的圖形厕鹃。Apple產(chǎn)品受版權(quán)保護(hù)，不能在你的圖標(biāo)或是圖片中被二次創(chuàng)作乍丈。一般來說剂碴，避免復(fù)用設(shè)備的圖形，因為硬件設(shè)計頻繁地更新?lián)Q代轻专，這會導(dǎo)致你的圖標(biāo)容易看起來過時忆矛。
不要在界面里到處放置你的app圖標(biāo)。在app里發(fā)現(xiàn)一個圖標(biāo)用于多種目的會讓人困惑请垛。反之催训，考慮使用圖標(biāo)的色彩方案。請參閱Color宗收。
在不同的壁紙下測試你的圖標(biāo)漫拭。你無法預(yù)測用戶會為他們的主屏幕選擇什么樣的壁紙，所以不要只是在一種深色和一種淺色的背景上測試你的圖標(biāo)混稽，而是觀察它在不同圖像上看起來如何采驻。在有動態(tài)背景的真實設(shè)備上試用它，因為背景會隨著設(shè)備移動而改變視角荚坞。
保證圖標(biāo)的四角是方的挑宠。系統(tǒng)會自動覆蓋一個遮罩層讓圖標(biāo)變成圓角。
App圖標(biāo)屬性
所有應(yīng)用程序圖標(biāo)都應(yīng)遵循以下規(guī)范颓影。
App 圖標(biāo)大小
每個應(yīng)用程序都必須提供小圖標(biāo)各淀，以便在你的應(yīng)用程序安裝完畢后，在主屏幕上和整個系統(tǒng)中使用诡挂；同時提供一個大圖標(biāo)碎浇，以便在app Store中顯示临谱。
為不同的設(shè)備提供不同尺寸的圖標(biāo)。確保你的app圖標(biāo)在所有支持的設(shè)備上都看起來很棒奴璃。
讓大圖標(biāo)與小圖標(biāo)類似悉默。雖然App Store圖標(biāo)與小圖標(biāo)用途不同，但它仍然是你的應(yīng)用圖標(biāo)苟穆。大圖標(biāo)一般都和小的看起來差不多抄课，但是可以稍微豐富一些，更有細(xì)節(jié)雳旅，因為不會有任何視覺效果疊加在它上面跟磨。
Spotlight、設(shè)置和通知圖標(biāo)
每個app都應(yīng)提供一個小圖標(biāo)攒盈，在Spotlight搜索抵拘，如果關(guān)鍵詞與app名稱相符，iOS會展示該圖標(biāo)型豁。同時僵蛛，需要設(shè)置的app同樣應(yīng)該提供一個小圖標(biāo)用于在系統(tǒng)內(nèi)置的設(shè)置app中展示，而支持通知的app應(yīng)該提供一個小圖標(biāo)來顯示通知迎变。所有圖標(biāo)都應(yīng)該清晰標(biāo)識你的app——更理想地充尉，它們應(yīng)該與app圖標(biāo)相符。如果你不能提供這些圖標(biāo)氏豌，iOS可能會縮小你的應(yīng)用在這些位置顯示的主圖標(biāo)喉酌。
不要對用于設(shè)置的圖標(biāo)疊加或是描邊。iOS會自動為所有圖標(biāo)加上1個像素的描邊泵喘，以確保它們很好地呈現(xiàn)在設(shè)置白色的背景上泪电。
提示：
如果你的app能創(chuàng)建自定義文檔，你無需額外設(shè)計文檔圖標(biāo)纪铺，因為iOS會利用你的app圖標(biāo)自動創(chuàng)建文檔圖標(biāo)相速。
用戶可選擇的應(yīng)用程序圖標(biāo)
對于一些app來說，自定義是一種能夠喚起個人聯(lián)系并增強用戶體驗的功能鲜锚。如果它為你的應(yīng)用提供了價值,可以讓用戶從一組已嵌入的預(yù)定義圖標(biāo)中選擇app圖標(biāo)突诬。例如，一個運動應(yīng)用可能為不同的團隊提供不同的圖標(biāo)芜繁，或具有亮和暗模式的應(yīng)用程序可以提供相應(yīng)的亮和暗圖標(biāo)旺隙。請注意，您的app圖標(biāo)只能在用戶的請求下更改骏令，并且系統(tǒng)總會提供更改確認(rèn)蔬捷。
為所有需要的尺寸提供視覺一致的可選圖標(biāo)。和你的app主圖標(biāo)一樣，每一個可選的app圖標(biāo)都是相關(guān)圖片的集合產(chǎn)生周拐，只是大小不同铡俐。當(dāng)用戶選擇一個可選圖標(biāo)時，該圖標(biāo)的合適尺寸將在主屏幕妥粟、Spotlight和系統(tǒng)中的其他位置取代主圖標(biāo)审丘。為確保可選圖標(biāo)在整個系統(tǒng)中表現(xiàn)一致勾给，用戶不應(yīng)該看到圖標(biāo)在主屏幕上是一個版本滩报，而在設(shè)置中是一個完全不同的版本。比如锦秒，為你的app可選圖標(biāo)提供app主圖標(biāo)相同的尺寸（App Store圖標(biāo)除外）露泊。請參閱?App Icon Sizes。
開發(fā)指導(dǎo)請參閱UIApplication中的?setAlternateIconName旅择。
注意：
可選app圖標(biāo)要接受App審查（App Review），并且必須遵循應(yīng)用程序商店審查指南（?App Store Review Guidelines）侣姆。
三生真、自定義圖標(biāo)（Custom Icons）
如果你的app含有不能用系統(tǒng)圖標(biāo)（system icon）表示的任務(wù)或模式，又或是系統(tǒng)圖標(biāo)與你的APP風(fēng)格不符捺宗，你可以設(shè)計你自己的圖標(biāo)柱蟀。
創(chuàng)作簡單、辨識度高的設(shè)計蚜厉。太多的細(xì)節(jié)會讓圖標(biāo)看起來粗糙且不具可讀性长已。為大多數(shù)用戶都能快速理解并且不會反感的設(shè)計而努力。最好的圖標(biāo)使用熟悉的視覺隱喻昼牛，這些隱喻直接與他們發(fā)起的行動或他們揭示的內(nèi)容有關(guān)术瓮。
設(shè)計圖標(biāo)作為標(biāo)志符號。 自定義圖標(biāo)（Glyphs）贰健，也稱為模板圖像胞四，是帶有透明度的、無鋸齒伶椿、無陰影的單色圖像辜伟，使用掩模來定義其形狀。 基于情境和用戶交互脊另，自定義圖標(biāo)自動獲得適當(dāng)?shù)耐庥^（包括顏色导狡、高亮和振動）。 各種標(biāo)準(zhǔn)界面元素支持自定義圖標(biāo)偎痛，包括導(dǎo)航欄旱捧、選項卡欄、工具欄和主屏幕快速操作看彼。
準(zhǔn)備@ 2x比例因子的glyphs廊佩，并將它們保存為PDF格式囚聚。 由于PDF是一種可以實現(xiàn)高分辨率縮放的矢量格式，因此通常在您的應(yīng)用中提供一個@ 2x版本就足夠了标锄，并且可以對其縮放為他分辨率顽铸。
保持圖標(biāo)之間一致。無論你只使用自定義圖標(biāo)或是混合使用自定義圖標(biāo)和系統(tǒng)圖標(biāo)料皇，在app中的所有圖標(biāo)都應(yīng)該在細(xì)節(jié)谓松、視覺大小、字體粗細(xì)践剂、位置和視角上保持一致鬼譬。
確保圖標(biāo)清晰可辨。 一般來說逊脯，實心圖標(biāo)往往比輪廓圖標(biāo)更清晰优质。 如果圖標(biāo)必須包含線條，請協(xié)調(diào)其他圖標(biāo)大小和app排版军洼。
使用顏色來傳達(dá)選擇和取消選擇的狀態(tài)巩螃。 避免在兩種不同的圖標(biāo)設(shè)計之間進(jìn)行切換，如實心版本和輪廓版本匕争。
避免在圖標(biāo)中包含文字避乏。 如果您需要文字，請在圖標(biāo)下方顯示標(biāo)簽并適當(dāng)調(diào)整其位置甘桑。
請勿使用Apple硬件產(chǎn)品的副本拍皮。 Apple產(chǎn)品受版權(quán)保護(hù)，不能在您的圖標(biāo)或圖像中復(fù)制跑杭。 一般來說铆帽，避免顯示設(shè)備的副本，因為硬件設(shè)計會經(jīng)常更改艘蹋，并可能使您的圖標(biāo)看起來過時锄贼。
為圖標(biāo)提供可選文本標(biāo)簽。 可選文本標(biāo)簽在屏幕上不可見女阀，但要讓畫外音清晰地描述屏幕上的內(nèi)容宅荤，讓視覺障礙的人更容易導(dǎo)航。
自定義圖標(biāo)大小
最重要的是浸策，你的應(yīng)用的圖標(biāo)系列應(yīng)該在視覺上大小一致冯键。 如果個別圖標(biāo)設(shè)計的大小有所不同，某些圖標(biāo)可能需要比其他圖標(biāo)略大一些才能達(dá)到此效果庸汗。
導(dǎo)航欄和工具欄圖標(biāo)大小
準(zhǔn)備自定義導(dǎo)航欄和工具欄圖標(biāo)時惫确，請使用以下尺寸作為指導(dǎo)，但根據(jù)需要進(jìn)行調(diào)整以創(chuàng)建平衡。
標(biāo)簽欄圖標(biāo)大小
在縱向方向上改化，標(biāo)簽欄圖標(biāo)顯示在標(biāo)簽標(biāo)題上方掩蛤。 在橫向方向上，圖標(biāo)和標(biāo)題并排顯示陈肛。 根據(jù)設(shè)備和方向的不同揍鸟，系統(tǒng)會顯示常規(guī)或緊湊標(biāo)簽欄。 您的應(yīng)用應(yīng)包含這兩種尺寸的自定義標(biāo)簽欄圖標(biāo)句旱。
四阳藻、啟動畫面（Launch Screen）
啟動畫面出現(xiàn)在app剛開始啟動時候。隨后谈撒，啟動畫面會很快被app的首屏代替腥泥，讓人感覺你的app是快速響應(yīng)的。啟動畫面不是一個炫技的時機啃匿，它只是為了增強用戶對你的app能夠快速啟動并且立即被使用的感受蛔外。每個app都應(yīng)該提供一個啟動畫面。
因為設(shè)備屏幕大小不同冒萄，啟動畫面的大小也有所差異。你可以以Xcode故事板或是一組靜態(tài)(static)圖片的形式為你的app所支持的設(shè)備提供啟動畫面橙数。推薦方式為Xcode故事板形式，因為它靈活性高且易于適配帅戒。你可以使用一個單獨的故事板來管理你的所有啟動畫面灯帮。了解關(guān)于可適配界面的開發(fā)細(xì)節(jié)，請參閱?Auto Layout Guid逻住。
設(shè)計一個與你的app首屏幾乎相似的啟動畫面钟哥。如果你的啟動畫面包含了與首屏看起來不同的元素，那么用戶會在啟動畫面過渡至app首屏?xí)r經(jīng)歷一次不愉快的跳轉(zhuǎn)體驗瞎访。
避免在啟動畫面包含文本腻贰。因為啟動畫面是靜態(tài)的(static)，任何展示的文本都不能被定位扒秸。
淡化啟動播演。用戶通常會在不同的app之間頻繁切換，所以請設(shè)計一個啟動畫面伴奥，能夠讓app的啟動體驗不易被人察覺写烤。
不要打廣告。啟動畫面不是一個宣傳品牌的時機拾徙。不要設(shè)計一個類似開屏廣告或是介紹窗口的登入體驗洲炊。不要在啟動畫面包涵logo或是其它品牌元素，除非它們是你的app首屏的靜態(tài)（static）元素。
靜態(tài)啟動畫面圖片
最好使用Xcode故事板制作啟動畫面暂衡，但必要時你也可以提供一組靜態(tài)圖片询微。根據(jù)設(shè)備創(chuàng)建不同尺寸的靜態(tài)圖片，并不要忘記包涵狀態(tài)欄區(qū)域狂巢。
五撑毛、系統(tǒng)圖標(biāo)（System?Icons）
系統(tǒng)提供了各種用途情況的表示常用任務(wù)和內(nèi)容類型的內(nèi)置小圖標(biāo)。
1）導(dǎo)航欄和工具欄圖標(biāo)（Navigation Bar and Toolbar Icons）
2）標(biāo)簽欄圖標(biāo)（Tab Bar Icons）
3）主屏幕快速操作圖標(biāo)（Home Screen Quick Action Icons）
因為用戶對這些圖標(biāo)很熟悉隧膘，所以最好盡可能地使用這些內(nèi)置的圖標(biāo)代态。
按意義使用系統(tǒng)圖標(biāo)。每個系統(tǒng)提供的圖像都有一個特定的疹吃、眾所周知的含義蹦疑。為避免讓用戶感到困惑，每個圖像根據(jù)其含義和推薦使用情況使用是至關(guān)重要的萨驶。
為圖標(biāo)提供可選文本標(biāo)簽歉摧。可選文本標(biāo)簽在屏幕上不可見，但要讓畫外音清晰地描述屏幕上的內(nèi)容腔呜，讓視覺障礙的人更容易導(dǎo)航叁温。
如果找不到符合您需求的系統(tǒng)提供的圖標(biāo)，請設(shè)計自定義圖標(biāo)核畴。設(shè)計你自己的比濫用系統(tǒng)提供的圖像好膝但，參見?Custom Icons。
導(dǎo)航欄和工具欄圖標(biāo)
在?navigation bars 和?toolbars 中使用下列圖標(biāo)谤草，開發(fā)指導(dǎo)請參閱?UIBarButtonSystemItem跟束。
提示：
你可以在導(dǎo)航欄和工具欄使用文本來代替圖標(biāo)表示某項。比如丑孩，日歷app在工具欄使用“今天”冀宴、“日歷”和“收件箱”三個字符。你還可以使用固定空間（fixed space）元素為導(dǎo)航欄和標(biāo)簽欄的圖標(biāo)提供間距温学。
標(biāo)簽欄圖標(biāo)
在標(biāo)簽欄（tab bars）中使用下列圖標(biāo)略贮，開發(fā)指導(dǎo)請參閱?UITabBarSystemItem。
主屏幕快速操作圖標(biāo)
在主屏幕快速操作菜單（home screen quick action）使用下列圖標(biāo)仗岖，開發(fā)指導(dǎo)請參閱UIApplicationShortcutIconType逃延。
