每個(gè)應(yīng)用都需要一個(gè)漂亮的放在 App Store 和 主屏幕上的圖標(biāo)，這個(gè)圖標(biāo)最好是能吸引人，便于用戶記憶。在游戲中心、搜索結(jié)果、設(shè)置等位置以及用以表示由應(yīng)用產(chǎn)生的文件上，iOS 使用的是不同版本的應(yīng)用圖標(biāo)。
http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/app_icons_home_screen_2x.png" alt="" />
為了呈現(xiàn)最優(yōu)效果，請(qǐng)一個(gè)專業(yè)的圖形設(shè)計(jì)師幫助你設(shè)計(jì)
一個(gè)經(jīng)驗(yàn)豐富的圖形設(shè)計(jì)師可以幫助你為你的應(yīng)用開發(fā)一套完整的視覺效果，包含應(yīng)用中所有的圖標(biāo)和圖片。
盡可能使用用戶容易辨識(shí)的基本圖形
通常情況下，在設(shè)計(jì)應(yīng)用的圖標(biāo)時(shí)應(yīng)該避免使用二級(jí)概念或是過于晦澀的隱喻。例如，郵件應(yīng)用的圖標(biāo)應(yīng)該使用一個(gè)信封，而不是傳統(tǒng)的郵筒、郵差包或是郵局的標(biāo)志。
簡約至上
一般來說，設(shè)計(jì)應(yīng)用圖標(biāo)時(shí)不會(huì)將太多的圖片元素全都放進(jìn)圖標(biāo)中，你應(yīng)該找出一個(gè)最能捕捉你的應(yīng)用的精髓的元素，將這個(gè)元素以一種簡單而又特別的形狀呈現(xiàn)出來。在為圖標(biāo)添加細(xì)節(jié)時(shí)，你需要非常小心，如果一個(gè)應(yīng)用圖標(biāo)的內(nèi)容或形狀過于復(fù)雜，那么多余的細(xì)節(jié)只會(huì)更加難以理解，并且當(dāng)圖標(biāo)以更小的尺寸呈現(xiàn)時(shí)，這些細(xì)節(jié)會(huì)變得模糊不清。
小技巧
如果你想要測試應(yīng)用圖標(biāo)在小尺寸時(shí)的效果，你可以將它拖進(jìn)主屏幕中的某一個(gè)文件夾中?；蛘吣憧梢詫⒍鄠€(gè)應(yīng)用拖入同一個(gè)文件夾中（包括你的應(yīng)用），測試你的應(yīng)用圖標(biāo)是否有良好的效果，是否仍然易于辨認(rèn)。
為應(yīng)用的核心思想創(chuàng)建一個(gè)抽象的表達(dá)
在應(yīng)用圖標(biāo)中使用照片或屏幕截圖不會(huì)有很好的效果，因?yàn)檎掌募?xì)節(jié)在小尺寸的情況下會(huì)變得極難辨認(rèn)。通常來說，通過一些藝術(shù)手法來表達(dá)現(xiàn)實(shí)會(huì)更加有效，在這種方式下，你可以著重強(qiáng)調(diào)那些你希望用戶特別注意的方面。
如果想使用現(xiàn)實(shí)元素，一定要非常精準(zhǔn)
使用一些真實(shí)的元素來創(chuàng)建圖標(biāo)時(shí)，一定要非常精準(zhǔn)地表現(xiàn)出這些物質(zhì)的特性，如若使用纖維、玻璃、紙或金屬，那么一定要表現(xiàn)出他們的厚重感和真實(shí)感。
確保圖標(biāo)在不同的背景下都能有很好的效果
不要僅僅在一個(gè)亮的背景或一個(gè)暗的背景下測試你的圖標(biāo)的效果，因?yàn)槟銦o法預(yù)知用戶會(huì)使用什么樣的桌面壁紙。
避免使用透明的效果
應(yīng)用圖標(biāo)應(yīng)該是不透明的，如果圖標(biāo)的邊緣比建議的尺寸要小，或者你使用了透明效果來表達(dá)一些通透的區(qū)域，在暗的背景下，這個(gè)圖標(biāo)看起來就像是懸浮著的，但如果是在用戶選擇的其他壁紙下，這個(gè)圖標(biāo)就會(huì)看起來非常的難以識(shí)別。
不要使用 iOS 的界面元素
使用 iOS 的界面元素會(huì)讓用戶感到混亂，無法區(qū)分你的應(yīng)用圖標(biāo)和 iOS 的界面。
不要使用 Apple 產(chǎn)品的復(fù)制元素
Apple 產(chǎn)品的標(biāo)志都是具有版權(quán)的，不允許在你的圖標(biāo)或圖片中被重設(shè)計(jì)使用。實(shí)際上，不僅僅是 Aplle 的產(chǎn)品，最好也不要使用一些其他設(shè)備的標(biāo)志，由于這些標(biāo)志的設(shè)計(jì)會(huì)頻繁地更新，因此基于它們而設(shè)計(jì)的圖標(biāo)很快就會(huì)顯得過時(shí)。
不要在你的界面中使用 iOS 的應(yīng)用圖標(biāo)
當(dāng)同樣的圖標(biāo)在系統(tǒng)的多處位置表達(dá)不同的意思時(shí)，用戶通常會(huì)感到非常困惑。
除了在 App Store 的圖標(biāo)（可稱之為 iTunesArtwork）以外，你可以任意命名你的圖標(biāo)。只要你使用了 CFBundleIcons 的關(guān)鍵要點(diǎn)來命名圖標(biāo)，并且為所有的高分辨率的圖標(biāo)名字添加了 @2x 后綴，iOS 就能夠自動(dòng)判別出每種情況所合適的尺寸，選擇對(duì)應(yīng)尺寸的圖標(biāo)。查閱應(yīng)用圖標(biāo)學(xué)習(xí)更多有關(guān)圖標(biāo)命名的知識(shí)。
為不同設(shè)備創(chuàng)建不同尺寸的應(yīng)用圖標(biāo)
你需要確保你的應(yīng)用圖標(biāo)在所有你的應(yīng)用所支持的設(shè)備商都能有很好的顯示效果。查看表 41-1 查閱在不同設(shè)備上的尺寸信息。
iOS 的任意一種設(shè)備在主屏幕呈現(xiàn)應(yīng)用圖標(biāo)時(shí)，都會(huì)自動(dòng)為圖標(biāo)增加一個(gè)圓角遮罩。為了確保你的圖標(biāo)在增加了遮罩后仍然呈現(xiàn)較好的效果，你的圖標(biāo)的邊緣必須是直角的，例如：
一個(gè)未添加遮罩的 120 x 120 像素的圖標(biāo)
http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/star120_original_2x.png" alt="" />
一個(gè)添加了遮罩的 120 x 120 像素的圖標(biāo)
http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/star120_processed_2x.png" alt="" />
在 App Store 中的圖標(biāo)創(chuàng)建一個(gè)大尺寸的版本
雖然這個(gè)版本的圖標(biāo)可以讓你的應(yīng)用圖標(biāo)被迅速地識(shí)別出來，它可以是更加細(xì)膩，有更多細(xì)節(jié)的，但在這個(gè)版本中，請(qǐng)不要添加任何視覺效果。
如表 41-1 所示，大尺寸的應(yīng)用圖標(biāo)應(yīng)為 1024 x 1024 像素，命名格式為 iTunesArtwork@2x。（如果你需要支持一些 @1x 的設(shè)備，那么創(chuàng)建一個(gè) 512 x 512 像素大小的版本，命名格式為 iTunesArtwork。）
注意
iOS 會(huì)在其他一些地方使用大尺寸的圖片，比如對(duì)于 iPad 上的應(yīng)用，iOS 會(huì)使用大尺寸的圖片來生成文件圖標(biāo)。
如果你開發(fā)了一個(gè)用于 ad-hoc （僅僅在機(jī)構(gòu)內(nèi)部使用，并不會(huì)發(fā)布到 App Store 上）的應(yīng)用，你同樣也必須提供大尺寸的應(yīng)用圖標(biāo)，這個(gè)圖標(biāo)會(huì)在 iTunes 中標(biāo)識(shí)你的應(yīng)用。
如果你的 iOS 應(yīng)用以一種自定義的樣式創(chuàng)建文件，而你希望用戶能夠迅速辨認(rèn)出這些文件的話，你不需要為此特意設(shè)計(jì)一個(gè)自定義的圖標(biāo)來表示文件，因?yàn)?iOS 會(huì)使用你的應(yīng)用圖標(biāo)來為文件創(chuàng)建圖標(biāo)。
為了讓應(yīng)用正確地被顯示在 Spotlight 的搜索記過中，每一個(gè)應(yīng)用都必須提供一個(gè)小圖標(biāo)。同樣，應(yīng)用在系統(tǒng)設(shè)置中也是使用小圖標(biāo)來標(biāo)識(shí)。
要想讓你的應(yīng)用在搜索結(jié)果的應(yīng)用列表或是系統(tǒng)設(shè)置的應(yīng)用列表中被快速地辨認(rèn)出，那么應(yīng)用的圖標(biāo)就必須能夠清晰明確地標(biāo)識(shí)你的應(yīng)用。比如圖中這些 iOS 內(nèi)置的應(yīng)用圖標(biāo)雖然很小，但仍可以在系統(tǒng)設(shè)置中被很好的辨認(rèn)出。
http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/app_icons_in_settings_2x.png" alt="" />
只要你使用了 CFBundleIcons 的關(guān)鍵要點(diǎn)來命名圖標(biāo)，并且為所有的高分辨率的圖標(biāo)名字添加了 @2x 后綴，你就可以任意命名你的圖標(biāo)，因?yàn)?iOS 能夠自動(dòng)判別出每種情況所合適的尺寸，選擇對(duì)應(yīng)尺寸的圖標(biāo)。查閱應(yīng)用圖標(biāo)學(xué)習(xí)更多有關(guān)圖標(biāo)命名的知識(shí)。
對(duì)于所有設(shè)備都要為 Spotlight 搜索和系統(tǒng)設(shè)置提供單獨(dú)的圖標(biāo)，否則 iOS 會(huì)直接壓縮你的應(yīng)用圖標(biāo)，放置在這些位置。
對(duì)于 iPhone，iPod touch 和 iPad 上的 Spotlight 搜索結(jié)果，提供以下兩種尺寸的圖標(biāo)：
對(duì)于 iPhone，iPod touch 和 iPad 上的系統(tǒng)設(shè)置，提供以下兩種尺寸的圖標(biāo)：
注意
即使你的圖標(biāo)以白色作為背景色，也不要在表面覆蓋一層灰色來增加圖標(biāo)在系統(tǒng)設(shè)置中的可視性，為了讓所有的應(yīng)用圖標(biāo)在系統(tǒng)設(shè)置的白色背景下都能被良好呈現(xiàn)，iOS 自動(dòng)為系統(tǒng)設(shè)置中的應(yīng)用圖標(biāo)增加一個(gè) 1 像素的邊框。
掃碼關(guān)注鍍金池微信號(hào)
手機(jī)訂課，優(yōu)惠多多
