第一期:[開眼界] Android P預覽版都有哪些設計新鮮事

果只發表於2018-03-29
2018年3月28日 晚 18:30-19:30
珠璣志第一期 [開眼界] 的主題分享
主講人:董沛果

圖片

3月14日,Google釋出了新一代Android 作業系統P,根據以往用甜點命名的傳統,不出所料,此次的P全稱應該是Pie。 根據官方給出的時間線,此次釋出的第一個預覽版DP1,正式釋出時間要再七月末八月初了,而真正等我們可以拿到手大概需要等到10月份了。

圖片

彩蛋

每個安卓作業系統都會自帶版本小彩蛋,之前出現過小貓咪之類,然而此次的彩蛋有點辣眼睛。以P字為中心,高飽和度配色圓形發散並且自帶旋轉動效的一張圖,看久了,真有點暈。

圖片

UI 更彩了 更圓了

通覽更新後,我們不難發現,新版本中的UI普遍傾向於圓角和更多色彩的使用。

主介面

在主介面中,將Dock欄的底色加重,並且去掉了向上的小箭頭設計。(私以為是小箭頭的引導性並不好才去掉的)

圖片

左圖為Android 8.0 右圖為Andriod 9.0即Andriod P

同時,將快速搜尋移至Dock欄中,加入語音輸入按鈕,輸入框兩側也變成了圓角。

圖片

當按動音量實體鍵時,介面上會出現響應的音量大小的滑塊,以視覺呈現控制音量的大小。 此前的Android版本中,出現過很多次使用者調節媒體音量誤調節到了系統鈴聲,導致手機變為靜音狀態而漏接電話的情況。 因此在本次新版本中,對於調節音量的顯示做了比較大的改動。 1.由前序版本中橫向左右調節改為縱向上下調節,更符合“聲音高低”這一心理模型; 2.支援切換多種輸出音訊並調節; 3.常駐切換鈴聲型別的按鈕; 4.音量調節根據場景不同自動分辨當前調整的音量型別(媒體,鈴聲,通話等)

(這一點小倪同學在會後補充道:國產手機MIUI中已有此類功能)

同時對於視覺元素,用了更大的圓角和輕快的配色,卡片感更強。

圖片
圖片

快速設定

在快速設定皮膚中,對於每個功能按鈕加了一個圓形的底色,開啟狀態為藍底白圖示,未開啟狀態為灰色底黑圖示,更強調了【開關】的功能性。 模組整體通過圓角卡片與狀態列區做了區分。 取消了可以下拉選擇更多連結的功能,給出的原因是因為Google認為沒有太多人知道這個功能(此處很想問一句,真的嗎?貌似大家都認為這個功能很好用的)

圖片

左圖為Android 8.0 右圖為Andriod 9.0即Andriod P

系統設定

在系統設定中,對於圖示的處理方式也加入了圓底,同時也採用了更多的色彩來區分具體的功能。

圖片

左圖為Android 8.0 右圖為Andriod 9.0即Andriod P

通知欄

通知欄的展開區域圓角同快速設定的圓角,在功能分割槽上劃分的更加明確。 從Android M開始,對於通知欄的改進和優化一直在進行,而本版本中,強調了更多視覺元素,將對話中人物的頭像顯示在姓名之前,同時也支援在通知欄中檢視訊息中附帶的圖片。 另外,由於新版本中Google加入了本地的神經網路,在此會出現部分智慧推薦回覆的tag,用以快速回復訊息。

圖片

說到通知欄,就要說到第二個大改變:

通知欄 更懂你了

對於通知,可分為應用推送被動接收的訊息,和即使對話型主動訊息兩種。

通知推送

一鍵遮蔽最近通知

在新版本的通知設定中,分了一欄叫做最近推送的應用,並給予了一鍵關閉的開關。可見在Android O中通過設定Channel的方式也不能幫助使用者完全的遮蔽掉這些討厭的通知推送。

圖片

快速遮蔽經常被忽略的通知

由於我們有了更聰明的神經網路,在通知欄中,一旦發現使用者忽略某個應用的推送若干次後,會自動出現遮蔽按鈕(即圖中紅色的減號),點選後會出現下方的詢問BTN,讓使用者選擇是遮蔽掉來自這個應用的訊息還是繼續推送。

圖片

對話快捷回覆

智慧回覆

此處功能已在通知欄的UI改變中講過,不再贅述。 但是早先在iOS的message中,使用原生鍵盤也會針對對話給予部分備選詞的快速選擇。

圖片

補全對話

在通知欄收到對話訊息時,會自動拉取上一條訊息,為使用者提供交談語境的上下文。

圖片

小細節 更像iOS了

搜尋設定

在系統設定中,Android此次直接將搜尋展開放在了tool bar上,與iOS相同,由此可見二者系統中塞入了太多功能以至於需要加入搜尋來快速輔助使用者定位功能。

圖片

放大鏡

在輸入過程中長按移動游標即可喚起放大鏡一直是iOS在使用者體驗上做的非常細緻的一點,在這個版本中,Android也加入了類似的功能。

圖片

適配“劉海屏”

自從iPhone X釋出後,國產手機也迅速都配上了“劉海”,就連essential phone也對於劉海沒有更好的解決方案,保留了一個更小的劉海而已。 為了適配大部分的高階機型,對於劉海屏給予了安卓開發者多個尺寸的選項,以匹配機型。

圖片
對於適配劉海而更改了高度後,時間顯示及部分功能icon的顯示位置也做了部分調整。將時間由右上角移至左上角。
圖片
同時也將藍芽圖示的顯示策略改為在連結時顯示,為劉海屏讓出更多頂部空間。
圖片

新的過渡動效

在切換A應用至B應用時,原先將A應用沿z軸向後推,B應用由底部上劃入場的方式,改為A應用橫向右側退出,B應用由左側進入。

圖片
圖片

整體動效看起來過渡更加自然,對於應用的層級關係也比較清晰。

對於在具體應用中切換功能的動效,則由向下漸隱的方式改為向上展開。

圖片
圖片

小功能 更自由了

禁用螢幕自動旋轉

在新版本中,裝置旋轉後,螢幕並沒有根據重力方向自動旋轉,而是在虛擬鍵區域的最右邊,即旋轉過後的最上方出現一個手動旋轉螢幕的按鈕,點選後螢幕才會根據當前重力方向進行旋轉。 這個功能在螢幕朝向上給予了使用者更大的自由空間,而不是單純的自動轉或固定一個方向兩種模式。

圖片

截圖鍵

由於android開放的特性,許多搭載了Android系統的硬體截圖方式各式各樣,對於平臺使用者來說學習成本較高。另外對於實體按鍵的功能在介面中以虛擬按鍵的方式做對應,以滿足不同的邊界情況。 因此在長按電源鍵後的選項中,加入了截圖按鈕,通過底色與其他二者區分。

圖片

解鎖手勢淡出

此前在國內眾多的ROM中早已出現此功能,旨在保護使用者隱私,在本版本中官方加入了這項功能。

圖片

省電模式

在新版本中可以自由設定省電模式開啟的閾值,去掉了開啟後status bar和虛擬鍵區域的紅色底色,取而代之的是常駐通知欄的省點模式說明,以及電池icon上的+號。

圖片
圖片

使用 WiFi RTT 進行室內定位

在本次新版本中開始支援WiFi RTT技術,擴充套件了未來手機在室內可以基於地理位置的場景。

圖片

對於移動蜂窩網路,我們都知道是可以精準定位的,其中使用最多的就是如下圖中三角測量法和指紋法。

圖片

那麼對於WiFi RTT是一種什麼樣的技術呢? 這項協議可以在受支援的 Android 裝置上使用新的 RTT API 測量與附近 Wi-Fi 接入點的實際距離進而實現室內定位。在定位過程中,裝置無需要連線到這些 Wi-Fi 接入點,並且只有手機能夠確定距離,也就是說,附近的 Wi-Fi 接入點則無法反過來感知 Android 裝置的位置。

圖片

對此我們可以想到未來對於室內位置可以做的更多事,針對室內定位的功能,讓我想起之前做室內定位技術調研時,發現一種叫beacon的藍芽技術,採用固定硬體和移動端搭配來實現室內定位的方式。下面的場景和視訊均來自於用beacon技術而擴充套件的一家公司。

圖片

戳連結看視訊

另外截至分享時,蘋果也召開了新品釋出會~有興趣的同學自行搜資料看吧。

相關文章