1.11 圖標和圖形（Icons and Graphics）

1.11 圖標和圖形Icons and Graphics

1.11.1 應用圖標The App Icon

每個應用都需要一個漂亮的圖標。用戶常常會在看到應用圖標的時候便建立起對應用的第一印象并以此評判應用的品質、作用以及可靠性。

以下幾點是你在設計應用圖標時應當記住的。當你確定要開始設計時請參考App Icon來獲取更詳細的設計規(guī)格與指導。譯者注App Icon處在iOS Human Interface Guidelines的Icon and Image Design部分翻譯將在后續(xù)更新中放出煩請各位耐心等候。

• 應用圖標是整個應用品牌的重要組成部分。將圖標設計當成一個講述應用背后的故事以及與用戶建立情感連接的機會。
• 最好的應用圖標是獨特的整潔的打動人心的讓人印象深刻的。
• 一個好的應用圖標應該在不同的背景以及不同的規(guī)格下都同樣美觀。為了豐富大尺寸圖標的質感而添加的細節(jié)有可能讓圖標在小尺寸時變得不清晰。

1.11.2 小圖標Small Icons

iOS提供了一系列小的icon用以代表各種常見任務與操作它們常用在標簽欄Tab Bar、工具欄Toolbars與導航欄Navigation Bar中。用戶通常都已經了解這些內置圖標的含義了因此可以盡可能的多使用它們。

如果需要自定義動作或者內容你也可以設計自定義圖標。設計這些小的線性圖標與設計應用圖標有很大的區(qū)別請參考Bar Button Icons來了解更多內容。譯者注Bar Button Icons章節(jié)處在iOS Human Interface Guidelines的Icon and Image Design部分翻譯將在后續(xù)更新中放出煩請各位耐心等候

請注意你有時候也可以用文字來代替工具欄和導航欄的圖標。 就像iOS的日歷里面工具欄上便是使用”今天”,”日歷”和”收件箱”來代替圖標進行表意的。

想要決定在工具欄和導航欄中到底是用圖標還是文字可以優(yōu)先考慮一屏中最多會同時出現多少個圖標。同一屏幕中圖標的數量過多可能會讓整個應用看起來難以理解。使用圖標還是文字還取決于屏幕方向是橫向還是縱向因為水平視圖下通常會擁有更多的空間可以承載更多的文字。

1.11.3 圖形Graphics

iOS應用大多數圖形豐富。無論是你需要展示用戶的照片還是需要創(chuàng)建自定義圖片以下這些需求都應該遵守

• 支持**Retina**顯示屏。確保你應用中的所有圖片資源都提供了高分辨率規(guī)格。尤其需要注意的是iPhone 6 Plus需要提供@3x規(guī)格的圖片而所有其他的高分辨率iOS設備都需要提供@2x規(guī)格的圖片。
• 顯示照片或圖片時請使用原始尺寸并不要將它拉伸到大于**100%**。你不會希望在你的應用中看到拉伸和變形的圖片?？梢宰層脩糇约簛磉x擇他們是否想要縮放圖片。

不要使用從蘋果系列產品中復制的圖形。這些圖形均受版權保護而且產品的設計可能會頻繁改變。

不要將蘋果的應用圖標圖像或者截圖用于你的設計中。所有蘋果的設計均受版權保護并且不允許出現在你的UI中除非它們是由系統(tǒng)直接提供的。