Adaptive icon 一 :理解 Android 的「自適應圖標」

轉載自:https://sspai.com/post/40213

作者:Nick Butcher

原文鏈接:Understanding Android Adaptive Icons


Android O 引入了名爲「自適應圖標」(adaptive icon)的全新應用圖標格式。爲了更好理解自適應圖標爲何存在、有何功用,很有必要先來看看自適應圖標要取代什麼。

Android 圖標設計指南不斷更新,卻有一點始終不變,那就是提倡使用異形圖標。我可是這一點的忠實擁躉,因爲在我看來,異形圖標可以幫助用戶迅速定位想要打開的應用。我和 Roman Nurik 很久之前做了 一個視頻 ,關於這一點大概講了六分鐘左右,若想懷舊,可以移步一觀。

我開發了一款叫 Plaid 的應用,圖標見下圖左(圖標製作者是 Roman)。我原先認爲,圖標形狀獨特,能讓圖標更顯眼,更好找:

Plaid 的圖標;我原先認爲,異形圖標會像右圖這樣,更爲顯眼。Plaid 的圖標;我原先認爲,異形圖標會像右圖這樣,更爲顯眼。

但使用異形圖標,效果則不那麼盡如人意。異形圖標雖然給了創作者極大自由,但缺點就在於設計缺乏統一。如果每個應用圖標都有自己的形狀和大小,有的甚至還有陰影(陰影還是寫死在圖標裏的),那圖標勢必會千奇百怪,大相徑庭。下圖是 Google 自己的圖標,可以看到它們曾經是何等迥異:

來源:http://www.androidpolice.com/2012/09/18/ux-things-i-hate-about-android/

當然,上面是 2012 年的圖標樣式,現在已經有了很大改觀,Material Design 設計指南 發佈後更是如此。但我也發現,當前系統1 把太多責任加在了開發者身上,開發者有太多需要兼顧,不利於整體使用體驗的提升。

開發一款應用時,我們總是全神貫注,傾注大量心血打磨細節,讓應用能夠鶴立雞羣,甚至心中只想着這一款應用。但這可不是用戶的思維方式。我們必須意識到,一款應用不是孤立存在的,而是與設備上許多其他應用共存——這纔是應用真實的生存狀態,對應用整體而言是如此,至於應用圖標這樣並列出現的元素,就更是如此。意識到這一點,我們就會發現,儘管理想很美好,但現實往往會像右邊這樣:

理想很豐滿,現實很骨感:大家都獨特,大家就都不獨特。理想很豐滿,現實很骨感:大家都獨特,大家就都不獨特。

爲了應對這個問題,解決方案可謂層出不窮:有的啓動器(launcher)會提供 應用圖標包 ,直接替換應用圖標;還有的會 規範應用圖標大小 。一些設備內置的啓動器也會給應用圖標加上背景框,既是爲了營造統一,也能標榜自己的平臺特色。

三星的啓動器,圖標加上了圓角矩形背景框。來源:https://www.cnet.com/uk/how-to/how-to-change-to-rounded-icons-on-the-galaxy-s7-s7-edge/三星的啓動器,圖標加上了圓角矩形背景框。來源:https://www.cnet.com/uk/how-to/how-to-change-to-rounded-icons-on-the-galaxy-s7-s7-edge/

事實上,Google 自家的啓動器 也將會 爲已適配 Android O 但未提供自適應圖標的應用套上背景框(同時會縮小非自適應圖標)。

已適配 Android O 但未提供自適應圖標的應用,應用圖標和固定快捷方式(pinned shortcut)樣式如圖。已適配 Android O 但未提供自適應圖標的應用,應用圖標和固定快捷方式(pinned shortcut)樣式如圖。

規範圖標樣式和大小本無可厚非,但變動圖標而不徵求應用開發者的意見,結果往往不會理想。

Android 7.1 引入了roundIcon,作爲營造統一的一種嘗試,但對於想要凸顯差異化的 OEM(比如只使用圓形圖標)來說,這反倒成了一種限制;同時,響應之聲也寥寥無幾。(開發者可是會隨便給個什麼形狀的圖標,然後對燈發誓說「這是圓的!」)

在我看來,這種情況之所以產生,是因爲應用圖標和顯示應用圖標的啓動器之間,相互關係仍不確切。目前,要想在圖標設計的自由度和圖標顯示的統一度之間取得平衡,責任歸屬明顯錯位。啓動器想要改變圖標大小,卻不能理解圖標內容(比如哪些元素最重要,不能調整);應用圖標則需要儘早符合設計指南的變動,以確保圖標大小、填充(padding)和陰影等的信息準確無虞。我認爲,自適應圖標能夠釐清這一相互關係,也能明確應用該提供哪些素材,啓動器又該如何利用、顯示這些素材。

很明顯,對於圖標設計者而言,這意味着失去一部分自由。但我倒覺得,與其說是「失去」,不如說是「讓渡」。自適應圖標會引入一些新奇而有趣的限制,反而可以爲創意提供更多可能。欲知詳情,請移步至本系列文章第二篇:《設計自適應圖標》


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章