在經過11月3日的跳票后,谷歌終于在11月13日凌晨發布了最新版移動操作系統Android5.0(代號Lollipop,中文:棒棒糖),目前可更新的設備包括從Nexus 4以后推出的Nexus 系列手機與平板,電視和智能穿戴設備也會在最近更新新版的UI。
或許是受到了蘋果 iOS 7.0與黑莓 BlackBerry 10系統的刺激,谷歌此次在Android 5.0 (Lollipop)對圖形、交互、動畫三個方面,做了Android系統發布以來的最大幅度的調整。其正式版發布后,我們也而在第一時間對這款新系統做了體驗。
Material design,谷歌在Android 5.0(Lollipop)上引入了新的視覺設計語言。通過多重圖層、不同圖形、字體粗細以及動態陰影等多種設計規范,以及卡片、標簽、列表、轉軸等多種布局樣式,去美化之前被認為丑陋不堪的老版Android系統。
Material design UI設計語言和Notification(通知)是新系統的主要更新內容(圖片來自Google)
如今,筆者手里的Nexus 5和Nexus 7(2013)都已經更新到了最新的Android 5.0(Lollipop)。那么兩款不同形態的產品在更新完系統后會有哪些界面樣式上不同呢?我們今天就通過手中Nexus 5與Nexus 7兩個設備的多圖對比,來一探究竟吧。
先來兩張桌面的對比圖熱熱場(左邊是Android 4.4,右邊是Android 5.0)
啊!開始之前再來補充說明一下。之所以沒用最新的Nexus 6&9(名字好邪惡呀~)來做對比,答案很簡單,因為筆者沒錢買!另外為在申明一下兩個系統的版本號,Nexus5是LRX21O,Nexus 7是LRX21P,下面的內容均是在這這個基礎上進行的。
經過對比我們發現,Nexus 7(2013)上使用平板布局的Android5.0系統與Nexus 5上使用手機布局的Android 5.0,在圖形交互界面上的相似程度非常高。并且與之前任何一版Android系統相比,這一代這一版均是最高。下面我們從鎖屏開始說起。
如果Nexus 7(2013)能夠支持接打電話的話,那么兩款設備的鎖屏界面應該是一摸一樣的,另外它還提供了針對平板的橫屏模式。在操作上,支持任意空白位置上滑解鎖,任意位置下滑顯示快速設置面板。拖動話筒和相機圖標至中央可激活對應的應用。
■Google Nexus 5
Android 5.0 Nexus 5丨鎖屏界面(可從頂部劃出快速設置面板)
Android 5.0 Nexus 5丨通知信息直接顯示在鎖屏界面上
在缺省狀態下,通知信息和音樂播放器控制面板會直接顯示在鎖屏界面的中央,豎屏狀態下Nexus 5可以顯示4條完整的通知,Nexus 7則可以顯示5條。其它多出來的信息將會以圖標加數字標簽的方式顯示在最下方,點擊后即可查看詳細的信息內容。
■Google Nexus 7(2013)
Android 5.0 Nexus 7丨鎖屏界面四周留有很多空隙
Android 5.0 Nexus 7丨作為平板多了橫屏顯示模式
由于通知信息是直接顯示在鎖屏上的,所以目前從屏幕的頂部執行往下滑的操作,呼出的直接就是布局和樣式經過重新調整的快速設置面板。由于兩款設備硬件上的不同,所以相比之下多出了“手電筒”和“移動網絡”的設置開關,具體的內容我們后面詳談。
進入待機主界面,我們能夠很輕易的找到兩款設備在元素樣式以及界面布局上的不同。Nexus 5的固定應用欄(Dock)與桌面區域之間有一條明顯的分割線,另外應用抽屜的圖標,快速搜索欄、文件夾的樣式、底部虛擬按鍵的背景均與Nexus 7有所區別。
那么上面提到的那條分割線其實就是Nexus 7的桌面指示器(之前也是這樣的),而在Nexus 5上,這個桌面指示器則是用小圓點來代替的。在靜止狀態下(非桌面切換狀態下),Nexus 5的指示器能夠顯示當前的桌面是哪個(高亮),Nexus 7的則不能。
■Google Nexus 5
Android5.0 Nexus 5丨待機主屏界面(出去頂部快捷搜索欄后的桌面空間為 4x4)
Android 5.0 Nexus 5丨長按桌面空白處可以對壁紙、小部件進行設置
桌面容量方面,使用5.0英寸面板的Nexus 5的布局為4 x 5(橫向 x 豎向,不算Dock),使用7.0英寸面板的Nexus 7的布局為6 x 6(橫向 x 豎向,不算Dock),所以無論是放置圖標還是放置插件,Nexus 7的桌面都要更富裕一些,畢竟它是個平板電腦。
■Google Nexus 7(2013)
Android 5.0 Nexus 7丨待機主屏界面(出去頂部快捷搜索欄后的桌面空間為 6x6)
Android 5.0 Nexus 7丨目前主屏界面還沒有對 Material design做 完全的適配
長按桌面的空白區域,Nexus 5可以通過彈出的菜單調整壁紙、桌面插件,以及設置Google即時搜索(國內無法使用)的功能,而Nexus 7則只能通過這項操作來調整壁紙。那么Nexus 7想要設置桌面插件需要進入應用抽屜才行,這是我們下面將要說的。
■應用后臺
除了待機桌面之外,在Android系統中還有兩個我們平時需要經常打交道的基本模塊,那就是應用后臺與應用抽屜。那么Android 5.0為這兩個模塊的激活過程設計了非常炫酷的交互動畫,Nexus 5(手機)上面的是都變了,Nexus 7則只改變了后臺的部分。
從Android 4.4系統開始,屏幕底部虛擬按鍵區中的“菜單鍵”被“多任務鍵”所替代。而在Android 5.0系統中,三個按鍵在功能保持不變前提下對樣式做了圖形化處理,使用三角形、圓形與正方形來代替原有的擬物圖標。其中多任務鍵就是位于右側的正方形。
■Google Nexus 5
Android 5.0 Nexus 5丨由正方形任務卡片構成的應用后臺(依舊是劃出關閉應用)
兩款機器在點擊“正方形”按鈕后都會經過一段同樣的交互動畫:一排正方形的應用卡片(上面是應用的名稱,下面是應用的縮率圖)從底部向上彈出。在這個界面下Nexus 5和Nexus 7都具有橫豎兩種顯示模式,上下滑動即可在任務重切換,點擊打開應用。
■Google Nexus 7(2013)
Android 5.0 Nexus 7丨正方形任務卡片構成的應用后臺(屏幕頂部出現快速搜索欄)
Android 5.0 Nexus 7丨進入多任務管理界面后屏幕下方虛擬按鍵區的背景變透明了
在Android 5.0系統的后臺中依舊沒有提供一鍵清理后臺全部應用的按鈕,兩款機器都是一樣的。另外還有一個細節上的變化值得注意,Nexus 7在進入后臺應用管理界面后,屏幕底部的虛擬按鍵區的背景變成了透明的,而在普通待機狀態下是黑色的背景。
在應用抽屜這個模塊的處理上,Nexus 5和Nexus 7之間有比較大的差異,這個差異體現在界面的布局和樣式兩方面。那么在之前我們就說過了,兩款機器說面上應用圖標的樣式就有所不同。Nexus 5 上面的圖標經過重新設計,在白色圓型背景中有六個圓孔。
點擊應用抽屜圖標后,Nexus 5的轉場動畫是經過重新設計的:圖標的白色背景會“攤開”直至填充出一個白色矩形框,應用抽屜中的圖標是向上浮現出來的(布局同樣為4 x 5)。此時我們能夠看出,“小部件”這個標簽已經不存在了,這里面只有用戶安裝的應用。
■Google Nexus 5
Android5.0 Nexus 5丨應用抽屜(小部件標簽已經移除,布局為 4x5)
Android 5.0 Nexus 5丨小部件(Widget)通過長按桌面空白區域進行設置