當前位置:
首頁 > 科技 > Android O 自適應圖標的意義何在?Google 設計師給你答案

Android O 自適應圖標的意義何在?Google 設計師給你答案

譯者註:

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

異形圖標真的能幫助應用「凸顯個性」嗎?

規則圖標是否意味著將異形圖標簡單地套上背景邊框?

Google 選擇「自適應圖標」規範的意義何在?

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

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

作者:Nick Butcher

原文:Understanding Android Adaptive Icons

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

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

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

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

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

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

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

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

圖自:AndroidPolice

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

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

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

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

理想與顯示:大家都獨特,大家就都不獨特。

尚不成熟的解決方案

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

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

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

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

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

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

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

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

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

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

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

如何設計自適應圖標

如何在原生 Android 上強制啟用圓形圖標規範

如何在 Nova Launcher 上打造 Google Pixel 風格主屏

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 太平洋電腦網 的精彩文章:

蘋果華為新品上市,三星怎能甘於寂寞,Note 8閃亮登場
MX150顯卡加持 獨顯版ENVY13使用感受簡直炸裂
第二季度智能機出貨匯總:余承東的預言將成真?

TAG:太平洋電腦網 |

您可能感興趣

適應性障礙▎Adjustment Disorders
Econolite推Centracs Edaptive及Priority 提高自適應信號控制系統性能
爆料:傳明年iPhone採用ProMotion自適應刷新技術!
不適應MacBook Pro,還有這些Windows系統筆記本可以選!
Android One更新品牌LOGO,雙色設計更適應需求
傳明年iPhone採用ProMotion自適應刷新技術
《Nature Medicine》解釋脂肪細胞為何適應能力強
Tensorflow 2.0的這些新設計,你適應好了嗎?
Galaxy S9 /Note 9上的新One UI測試版增加Android Pie自適應電池
松鼠AI出席Developer Week大會:AI自適應學習平台背後的核心技術
JSplitPane–拆分窗格 內 JTextArea 自適應
「適應」是「adapt」還是「adopt」?看完你就會了
深度學習的「教父」Geoff Hinton:從神經科學適應AI的想法
品牌故事丨「創新至上,打造適應未來的揚聲器」Procella Audio(寶仙娜)
XRP如何適應Ripple的支付產品解釋
松鼠AI出席Developer Week開發者大會,詳解AI自適應學習平台背後的核心技術
Michael I. Jordan:或許該對 AI 教學進行一些思考|全球AI+智適應教育峰會
蘋果嚴苛構建iOS生態:所有APP要適應iPhone X
Facebook開源首個適應大規模產品的強化學習平台Horizon,基於PyTorch 1.0
剛剛!不限癌種,羅氏Rozlytrek獲FDA兩項適應症批准