如何看待 Android O 的 Adaptive icons?

&> Adaptive icons: To help you integrate better with the device UI, you can now create adaptive icons that the system displays in different shapes, based on a mask selected by the device. The system also animates interactions with the icons, and uses them in the launcher, shortcuts, Settings, sharing dialogs, and in the overview screen.


譯者註:

關於異形圖標和規則圖標的取捨,在不同陣營的 Android 用戶之間一直存在著爭議。而一向提倡使用異形圖標、講求圖標「個性」的 Google 在 Android 7.1 中引入了圓形圖標規範,在即將到來的 Android 8.0 中還將帶來全新的自適應圖標特性——Google 似乎想通過應用圖標規範來觸及 Android 平台的碎片化問題,但前後反差如此巨大的改變勢必會引發新一輪討論:

  • 異形圖標真的能幫助應用「凸顯個性」嗎?
  • 規則圖標是否意味著將異形圖標簡單地套上背景邊框?
  • Google 選擇「自適應圖標」規範的意義何在?

在這篇由 Google 設計師兼開發者 Nick Butcher 發表的文章中,你或許能找到答案。

如果你感興趣,還可以前往 Matrix 閱讀該系列文章的 第二 和 第三部分,了解自適應圖標該如何設計並投入使用。

作者:Nick Butcher

原文:Understanding Android Adaptive Icons

編譯:HarveyJanson

------

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

個性與孤立並存的異形圖標

Android 圖標設計指南不斷更新,卻有一點始終不變,那就是提倡使用異形圖標。

我可是這一點的忠實擁躉,因為在我看來,異形圖標可以幫助用戶迅速定位至想要打開的應用。我和 Roman Nurik 很久之前做了 一個視頻 ,關於這一點大概講了六分鐘左右,若想懷舊,可以移步一觀。

在這篇文章中,我們不妨以我自己開發的一款名為 Plaid 的應用為例,它的圖標見下圖左(圖標製作者是 Roman)。我原先認為,Plaid 的圖標形狀獨特,能讓它在應用抽屜中更顯眼,更好找:

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

但使用異形圖標的實際效果卻不那麼盡如人意。異形圖標雖然給了創作者極大自由,但缺點就在於設計缺乏統一。

如果每個應用圖標都有自己的形狀和大小,有的甚至還有陰影(陰影還是寫死在圖標里的),那圖標勢必會千奇百怪,大相徑庭。下圖是 Google 自己的圖標,可以看到它們曾經是何等迥異:?

(圖自:AndroidPolice)

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

開發一款應用時,我們總是全神貫注,傾注大量心血打磨細節,讓應用能夠鶴立雞群,甚至心中只想著這一款應用。

但這可不是用戶的思維方式。我們必須意識到,一款應用不是孤立存在的,而是與設備上許多其他應用共存——這才是應用真實的生存狀態,對應用整體而言是如此,至於應用圖標這樣並列出現的元素,就更是如此。

意識到這一點,我們就會發現,儘管理想很美好,但現實往往會像右邊這樣:

(理想與現實:大家都獨特,大家就都不獨特)

尚不成熟的解決方案

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

(三星的啟動器,圖標加上了圓角矩形背景框。圖自:CNET)

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

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

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

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

「自適應圖標」規範的意義所在

在我看來,這種情況之所以產生,是因為應用圖標和顯示應用圖標的啟動器之間,相互關係仍不確切

目前,要想在圖標設計的自由度和圖標顯示的統一度之間取得平衡,責任歸屬明顯錯位。啟動器想要改變圖標大小,卻不能理解圖標內容(比如哪些元素最重要,不能調整);應用圖標則需要儘早符合設計指南的變動,以確保圖標大小、填充(padding)和陰影等的信息準確無虞。

我認為,自適應圖標能夠釐清這一相互關係,也能明確應用該提供哪些素材,啟動器又該如何利用、顯示這些素材。

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

------

關聯閱讀:

  • 如何設計自適應圖標
  • 如何在原生 Android 上強制啟用圓形圖標規範
  • 如何在 Nova Launcher 上打造 Google Pixel 風格主屏


谷歌教你 Adaptive。


出發點是不錯,真要是實行起來也不錯,但是持悲觀態度

畢竟要是用了那東西,這麼有創意的圖標怎麼用得起來


&>自適應圖標:為了幫助您更好地與設備UI集成,您現在可以根據設備選擇的掩碼創建系統以不同形狀顯示的自適應圖標。系統還會與圖標進行動畫交互,並在啟動器,快捷方式,設置,共享對話框和概覽屏幕中使用它們。

來自谷歌翻譯。

基本上谷歌的圖標現在也有圓形。

這兩張是我的nexus 5x上的google 即時桌面的截圖。可以看到電話,messages,chrome等等都是圓形,也都有陰影。第三方的smooth 酷安等等也是圓形的圖標。

不得不說,國內的app很少遵行谷歌的規範。有些甚至還用著android4.x的風格,例如

專為舊版安卓打造。以至於許可權管理等等沒法用。

跑偏了。

以下是轉載(轉載於CSDN:wangwangli6):

Android O 引入了「自適應桌面圖標」,能在不同的設備型號上顯示不同的圖標形狀。比如同一個桌面圖標在一家 OEM 廠商的設備上顯示為圓形,在另一家則可以顯示為方形。各個 OEM 廠商可提供一個標準形狀,交給系統將所有應用的自適應圖標渲染為相同形狀。新的桌面圖標還將應用在快捷方式、「設置」應用、分享對話框等地方。

自適應圖標可提供多種形狀

通過定義兩張圖層(前景與背景)你可以制定你的桌面圖標外觀,你必須提供沒有形狀、陰影的 PNG 格式圖象作為圖層 Drawable。

自適應圖標由兩張圖層和一個形狀定義

在以前的 Android 版本中,桌面圖標大小定義為 48 x 48 dp。現在你必須按照以下的規範定義你的圖層大小:

- 兩張圖層大小都必須為 108 x 108 dp。

- 圖層中心 72 x 72 dp 範圍為可視範圍。

- 系統會保留四周外的 36dp 範圍用於生成有趣的視覺效果(如視差效果和跳動)。

自適應圖標支持各種動效

創建自適應圖標

要給你的應用添加自適應圖標,需要先在你的應用定義 AndroidManifest.xml 中為 android:icon 屬性指定一個 Drawable 資源。你還可以為 android:roundIcon 屬性指定一個圖標,但只有你需要給應用設置一個特別的圓形圖標時才要用到這個屬性。下面的代碼將示範這兩個屬性的用法:

&

android:icon="@mipmap/ic_launcher"

android:roundIcon="@mipmap/ic_launcher_round"

…&>

&

接下來,你需要為 Android O 在你的應用項目中創建一個備選 Drawable 資源res/mipmap-anydpi/ic_launcher.xml。使用 & 元素為你的圖標定義前景和背景圖層。& 和 & 元素都支持 android:drawable 屬性。

&

&

&

&

如果你沒有為你的桌面圖標更新(提供)必要的圖層,圖標不會和系統 UI 中其它圖標形狀保持一致,也不支持視覺效果。


推薦閱讀:

為什麼有些網站在chrome上能夠讓狀態欄變色而絕大部分網站不可以?
現在哪些手機廠商操作系統還有二級菜單(應用抽屜)?

TAG:Android | AndroidUI | MaterialDesign |