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