在擬物和扁平之間尋找平衡原生安卓UI設計進化史

2023-10-06 08:59:42 3

安卓P的第一個開發者預覽版終於放出了。除了各種新功能，最引人注目的就屬新UI設計了。目前關於安卓P的爭議也基本集中在UI風格上。那麼安卓的UI設計是如何一步步發展到現在的?本文會帶大家回顧安卓從1.0到9.0(P)的UI設計變化，了解現代智慧型手機UI的發展軌跡

第一階段：安卓1.0到1.6

從2008年9月23日到2009年9月15日這一年內，安卓經歷了四個大版本，分別是1.0、1.1、1.5紙杯蛋糕和1.6甜甜圈。它們的UI風格幾乎一模一樣。

安卓1.0（圖片源於Malavida）

安卓1.1（圖片源於the1960POST）

安卓1.5（圖片源於the1960POST）

安卓1.6（圖片源於GIZMODO）

這段時間正好處於鍵盤機的末期，此時安卓的系統界面和圖標造型等設計還沒有完全擺脫諾基亞塞班和微軟Windows Mobile的影響。充滿了各種3D擬物化圖標和界面元素。值得注意的是從1.0開始，安卓就有了主屏谷歌搜索欄。

第二階段：安卓2.0 到2.2

安卓2.0/2.1鬆餅和2.2凍酸奶發布於2009年10月26日到2010年5月20日之間。這段時期是安卓發展的第一個高峰。諸如HTC Hero、HTC Legend、HTC Desire和索尼愛立信Xperia X10等經典機型就誕生於這段時間。

安卓2.0（圖片源於Malavida）

安卓2.1（圖片源於Wikipedia）

相比於第一階段，第二階段最大的UI設計改變就是削弱「擬物風格」，使視覺元素的「縱深」更淺。比如通知欄圖標和字體都少了第一階段那種「圓鼓鼓」的感覺，整體線條更鋒利。應用圖標就更明顯了。

安卓2.2（圖片源於Wikipedia，GIZMODO）

舉個例子，第一階段安卓的「谷歌市場」圖標是一個立方體購物袋，有著明顯的影子。而第二階段的「谷歌市場」圖標的3D擬物化風格就被大大削弱了。

第三階段：安卓2.3

安卓2.3薑餅發布於2010年12月6日。2.3在保留第二階段設計風格的基礎上改變了某些界面元素，其中最明顯的就是通知欄。

安卓2.3（圖片源於GIZMODO）

從1.0到2.2，安卓頂部通知欄一直是中間突起的3D白色長條。到了安卓2.3，通知欄變成了黑色，削弱了凸起幅度。另外一個明顯的改變是主屏下方「二級菜單」按鈕的部位降低了透明度，削弱了凸起幅度。

第四階段：安卓3.0到4.4

安卓3.0蜂巢、4.0冰激凌三明治、4.1果凍豆和4.4奇巧巧克力發布於2011年2月22日到2013年10月31日之間。雖然3.0是平板專屬系統，沒被手機使用過，但它還是和4.x共享了同樣的設計風格。

安卓3.0（圖片源於Wikipedia）

安卓4.0（圖片源於cubet）

安卓4.1（圖片源於Wkikpedia）

安卓4.1（圖片源於COMPUTERWORLD）

安卓4.1（圖片源於GIZMODO）

安卓4.4（圖片源於greenbot）

第四階段的主題是進一步加強「扁平化，大範圍使用簡潔、鋒利的白色線條。最明顯的例子就是主屏「二級菜單按鈕」附近、虛擬時鐘和虛擬按鍵(4.0開始才有)的線條。第四階段基本完全實現了UI的扁平化。

第五階段：安卓5.0到8.1

在2014年6月25日舉辦的谷歌I/O大會上，谷歌發布了新的設計語言「Material Design」。Material Design隨即被應用到了同年11月發布的安卓5.0棒棒糖上。之後的6.0棉花糖、7.0牛軋糖和8.0/8.1奧利奧雖對UI都有小範圍修剪，但它們都是標準的Material Design。

安卓5.0（圖片源於tech.blorge）