CH1. UI Design Basics(11)_Icons and Graphics

Icons and Graphics

1. 應(yīng)用圖標(biāo)(The App Icon)

每個(gè)App需要一個(gè)漂亮的圖標(biāo)。人們會(huì)只從你的圖標(biāo)得出有關(guān)App質(zhì)量、目的和可靠性的第一印象,這種情況并不罕見。當(dāng)你思考你的App圖標(biāo)時(shí),這里有一些事情要牢記。

  • App圖標(biāo)是你的App品牌的重要組成部分。設(shè)計(jì)圖標(biāo)是要當(dāng)成一個(gè)向用戶講述你的App故事和與用戶建立情感聯(lián)系的機(jī)會(huì)。
  • 最棒的圖標(biāo)應(yīng)該獨(dú)特、整潔、富有魅力、難以忘記。
  • 一個(gè)App圖標(biāo)應(yīng)需要在各種個(gè)不同的尺寸和背景下都美觀。大尺寸下為圖標(biāo)起到裝飾作用的細(xì)節(jié)在小尺寸時(shí)會(huì)讓圖標(biāo)顯得不干凈。

2. 小圖標(biāo)(Small Icons)

iOS提供了大量用于標(biāo)簽欄、工具欄、導(dǎo)航欄以及主屏幕快速啟動(dòng)欄上的小圖標(biāo),用來表示常見的任務(wù)和內(nèi)容類型。盡量使用內(nèi)置小圖標(biāo),因?yàn)橛脩粢呀?jīng)知道它們的含義。

如果你需要表示自定義操作或內(nèi)容類型,可以創(chuàng)建自定義條欄圖標(biāo)。設(shè)計(jì)這些流線型小圖標(biāo)和設(shè)計(jì)App圖標(biāo)截然不同。

請注意,可以使用文字取代圖標(biāo)來表示導(dǎo)航欄或工具欄上的項(xiàng)目。例如,日歷應(yīng)用在工具欄上使用“Today”、“Calendars”、“Inbox”等文字而不是圖標(biāo)。

日歷

為了幫助你決定在導(dǎo)航欄或工具欄上使用文字還是圖標(biāo),可考慮一下屏幕上有多少圖標(biāo)同時(shí)可見。屏幕上同時(shí)存在過多的圖標(biāo)會(huì)讓App難以理解。另外要注意,在橫屏環(huán)境里決策會(huì)有所不同,因?yàn)槌R?guī)橫屏環(huán)境往往對條欄文字有更多的容納空間。

3. 圖像(Graphics)

iOS應(yīng)用往往包含大量圖像。無論你要顯示用戶的圖片或創(chuàng)建自定義作品,這里有幾條需要遵守的原則:

支持視網(wǎng)膜顯示屏。確保為你App中的所有作品和圖像提供高分辨率資源。

以原始寬高比顯示圖片和圖像,且不要放大至100%以上。你一定不想讓作品和圖像在你的App中看起來扭曲或太大。讓用戶自己決定放大還是縮小。

不要在你的設(shè)計(jì)里使用抄襲蘋果產(chǎn)品的圖片。

不要在你的設(shè)計(jì)里使用蘋果App的圖標(biāo)、圖片或屏幕截圖。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容