圖標和圖形

2018-08-12 21:55 更新

圖標和圖形

應用圖標

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

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

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

小圖標

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

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

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

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

圖形

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

  • 支持 Retina 顯示屏。確保你應用中的所有圖片資源都提供了高分辨率規(guī)格。尤其需要注意的是,iPhone 6 Plus 需要提供@3x規(guī)格的圖片,而所有其他的高分辨率 iOS 設備都需要提供@2x規(guī)格的圖片。

  • 顯示照片或圖片時請使用原始尺寸,并不要將它拉伸到大于100%。你不會希望在你的應用中看到拉伸和變形的圖片??梢宰層脩糇约簛磉x擇他們是否想要縮放圖片。 不要使用從蘋果系列產(chǎn)品中復制的圖形。這些圖形均受版權(quán)保護,而且產(chǎn)品的設計可能會頻繁改變。

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

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號