華為EMUI10首發(fā)體驗(yàn)：玩不膩的流暢動(dòng)效 還有系統(tǒng)級(jí)的雜志化設(shè)計(jì)

這次的 EMUI10 更新除了分布式技術(shù)這項(xiàng)重大的底層優(yōu)化外，還在 UI 設(shè)計(jì)上有了更多的改動(dòng)。

8 月 9 日，華為召開(kāi)了 2019 年度的開(kāi)發(fā)者大會(huì)。這場(chǎng)本來(lái)面向開(kāi)發(fā)者和合作伙伴的行業(yè)大會(huì)，因?yàn)轼櫭上到y(tǒng)而變得備受關(guān)注，而 EMUI10 也因分布式技術(shù)而大放異彩。

5 億日活、84% 的升級(jí)率，這是 EMUI 過(guò)去幾年取得的成績(jī)。GPU Turbo、Link Turbo、方舟編譯器，每個(gè)技術(shù)進(jìn)步的背后都是出于對(duì)用戶(hù)體驗(yàn)的考量。這次的 EMUI10 更新除了分布式技術(shù)這項(xiàng)重大的底層優(yōu)化外，還在 UI 設(shè)計(jì)上有了更多的改動(dòng)。

極客之選（微信：Geekchoice）在第一時(shí)間體驗(yàn)到了全新的 EMUI10 BETA 版本，除了更快、更強(qiáng)，它還有哪些值得注意的變化？下面我們就來(lái)聊一下這段時(shí)間的體驗(yàn)感受。

引入「莫蘭迪色系」，EMUI 變美了

「小面積高飽和度，大面積低飽和度」，基于這樣的設(shè)計(jì)原則，EMUI10 在大面積用色上引入了「莫蘭迪色」。這種配色方案在時(shí)尚、家居領(lǐng)域十分流行，甚至被《延禧攻略》借鑒。它來(lái)源于意大利畫(huà)家喬治·莫蘭迪，在原有的色彩中加入了灰白色調(diào)，呈現(xiàn)出低飽和度效果。

基于這樣的特點(diǎn)，莫蘭迪色被運(yùn)用到設(shè)計(jì)上時(shí)十分百搭，有「高級(jí)感」。華為把莫蘭迪色用在了聯(lián)系人界面上，背景顯得更柔和。

動(dòng)效更符合直覺(jué)，「流暢感」提升

最讓人驚喜的是 EMUI10 對(duì)于動(dòng)效的優(yōu)化。大部分人知道，手機(jī)的「流暢感」要依賴(lài)于高性能的處理器，其實(shí)流暢的動(dòng)畫(huà)同樣十分重要。用戶(hù)在使用手機(jī)時(shí)，手、眼、心的體驗(yàn)都要統(tǒng)一，才能感覺(jué)到「流暢」。用手點(diǎn)擊屏幕，動(dòng)效進(jìn)行及時(shí)反饋，順滑的動(dòng)畫(huà)會(huì)使眼睛感到舒適。圖形的運(yùn)動(dòng)軌跡必須符合自然物理規(guī)律，這樣心理反饋才不會(huì)影響用戶(hù)的認(rèn)知。

具體到實(shí)際體驗(yàn)中，EMUI10 在點(diǎn)擊操作上加入了「彈性觸控」。在點(diǎn)擊圖標(biāo)時(shí)，圖標(biāo)下面好像是加了一層彈簧，這種回彈效果讓人感覺(jué)十分舒適，同時(shí)又不會(huì)影響響應(yīng)速度。

更直觀的感受是在返回桌面的時(shí)候。在全面屏手勢(shì)下從屏幕底端上滑，應(yīng)用界面會(huì)縮為圖標(biāo)，并返回到桌面，它的運(yùn)動(dòng)軌跡不是直接縮小、以固定的動(dòng)畫(huà)返回原來(lái)的位置，而是以拋物線的軌跡被「扔回」桌面，桌面和圖標(biāo)之間就像拉了一根彈力繩，它的運(yùn)動(dòng)軌跡取決于你將圖標(biāo)「扔回」的軌跡。

根據(jù)手勢(shì)方向、松手位置、滑動(dòng)速度的不同，每次的返回動(dòng)效都是不一樣的。這種符合物理規(guī)律的動(dòng)效會(huì)讓整體動(dòng)畫(huà)變得十分流暢，它不太容易用語(yǔ)言描述，大家可以看一下動(dòng)圖展示。

雜志鎖屏變「智能」了，AI 幫你自動(dòng)排版

華為是「雜志鎖屏」的開(kāi)創(chuàng)者，這個(gè)功能也被其它廠商紛紛效仿。在 EMUI10 上，雜志畫(huà)面的展示更加智能。每次亮屏?xí)r系統(tǒng)會(huì)展示一張精美壁紙，左右滑動(dòng)可以切換。圖片和文字的排版遵循雜志風(fēng)格，在 AI 算法的幫助下，系統(tǒng)會(huì)自動(dòng)展示圖片中的重點(diǎn)部分，并將文字排版在合適的留白位置。

大標(biāo)題、留白、網(wǎng)格系統(tǒng)、再加上適當(dāng)?shù)狞c(diǎn)綴，這些雜志化設(shè)計(jì)還延伸到了系統(tǒng)的多個(gè)地方。設(shè)置界面和通訊錄列表，每行之間的距離更大。天氣應(yīng)用中有黃色的太陽(yáng)圖標(biāo)作為點(diǎn)綴。在備忘錄列表，雜志排版的圖文備忘瀏覽起來(lái)更加直觀。

深色模式不是簡(jiǎn)單的反色，更要滿(mǎn)足舒適性和易讀性在 EMUI10 上，用戶(hù)們呼喚已久的深色模式終于來(lái)了，在顯示設(shè)置中可以一鍵開(kāi)啟。目前在設(shè)置、通知、自帶應(yīng)用等界面，深色模式都已經(jīng)完美適配。它的好處有很多，護(hù)眼、美觀、省電，華為在研發(fā)前做了大量的研究，力求在用戶(hù)使用深色模式時(shí)，同時(shí)滿(mǎn)足舒適性和易讀性。

由于人眼對(duì)色彩明度的感知存在差異，如果單純地對(duì)系統(tǒng)進(jìn)行反色處理，有些顏色會(huì)在深色模式下引起眼睛的不適，比如黃色在黑色背景下就會(huì)顯的非常刺眼。華為根據(jù)人因?qū)嶒?yàn)研究結(jié)果探索出了最優(yōu)的呈現(xiàn)形式，在深色模式下，對(duì)文字和系統(tǒng)圖標(biāo)的顏色進(jìn)行合理的對(duì)比度優(yōu)化，保證用戶(hù)在使用時(shí)的舒適性、易讀性。

EMUI 10 的深色模式會(huì)開(kāi)放給第三方應(yīng)用，開(kāi)發(fā)者只需要調(diào)用一個(gè)簡(jiǎn)單的接口，就能完成自動(dòng)適配。

相機(jī)中加入振動(dòng)反饋，變焦操作更精準(zhǔn)

相機(jī)作為華為手機(jī)的一大優(yōu)勢(shì)，被很多用戶(hù)喜愛(ài)，EMUI10 也對(duì)相機(jī)體驗(yàn)進(jìn)行了優(yōu)化。最重大的改進(jìn)是在操作中加入了振動(dòng)反饋（可在系統(tǒng)聲音設(shè)置中開(kāi)啟），切換相機(jī)的不同模式時(shí)，振動(dòng)會(huì)伴隨音效，給用戶(hù)相應(yīng)的反饋。在進(jìn)行參數(shù)調(diào)節(jié)時(shí)，滑動(dòng)進(jìn)度條也有振動(dòng)反饋。體驗(yàn)提升最明顯的是變焦操作，每個(gè)滑塊層級(jí)都有微小的振動(dòng)，在實(shí)際拍攝時(shí)更容易把控。

華為手機(jī)的相機(jī)界面功能圖標(biāo)很多，在操作時(shí)可能會(huì)被手指遮擋看不清楚，EMUI10 用大字體和突出顯示解決了這個(gè)問(wèn)題。在切換不同模式時(shí)，功能名稱(chēng)會(huì)以大字體在取景界面顯示。滑動(dòng)進(jìn)度條時(shí)，系統(tǒng)會(huì)把其它元素暫時(shí)隱去。這幾個(gè)細(xì)節(jié)讓整體相機(jī)的體驗(yàn)提升了很多，在操作時(shí)更加精準(zhǔn)、明確。

過(guò)去幾年里，華為一直在為 EMUI 上做很多底層進(jìn)化，包括這次的分布式技術(shù)，它突破了設(shè)備間的互通壁壘，讓全場(chǎng)景的無(wú)縫體驗(yàn)成為可能。同時(shí)，我們也很高興看到 EMUI10 在 UI 設(shè)計(jì)層面的進(jìn)步，符合自然物理的動(dòng)效、與聲音視覺(jué)結(jié)合的振動(dòng)反饋，這些都是能直接提升用戶(hù)體驗(yàn)的地方。更細(xì)膩的 EMUI 會(huì)給華為帶來(lái)更年輕化的用戶(hù)，這也是一個(gè)手機(jī)品牌贏得未來(lái)的重要砝碼。