專訪 EMUI 設計團隊|幕後

在之前很長一段時間裡,提起國內的 Android 定製系統,很多人會給出「功能做得不錯,但是設計上還是缺少一些特色」的評價。隨著時間的推移,這幾年國內廠商都意識到系統設計的重要性,並開始進行各種積極的探索和嘗試,華為的 EMUI 就是其中一個很好的例子。

最近,華為剛剛推出了 EMUI 的最新版本 EMUI 9.0。在發佈會上,除了介紹新功能之外,華為還提到了這次 EMUI 9.0 在交互邏輯和系統細節上下了很大功夫。本期「幕後」,我們有幸採訪到了 EMUI 的設計團隊,和他們聊了聊這次 EMUI 9.0 的新變化,以及他們如何在新系統上平衡用戶對於「功能」和「設計」的需求。

去年 EMUI 8.0 的宣傳語是「因智慧而精彩」,今年 EMUI 9.0 則強調「質享生活」,能簡單介紹一下今年 EMUI 9.0 設計理念上和去年相比有哪些變化嗎?

我們希望 EMUI 9.0 的設計可以讓用戶不再只感受到科技的冰冷,在享受科技帶來便利的同時,與更具品質的生活更加接近,親近自然,感受到生活的樂趣。

在視覺設計上,我們採用了更多源於自然的視覺元素。例如在全新的聯繫人頭像設計裡,我們使用了山、水、冰、石等自然風光。在來電通話界面和音樂播放界面,我們加入了水面倒影效果,來打造沉浸式的全面屏體驗。此外,我們還希望充分還原真實的立體感,例如在動態 banner 卡片的邊緣,以及時鐘指針的邊緣加入陰影等等。這樣的例子在 EMUI 9.0 中還有很多,我們希望能夠通過這些視覺上的元素,讓用戶在使用 EMUI 9.0 的過程中,充分體會到一種「精緻感」。

EMUI 9.0 中的自然元素

今年我們發現 EMUI 9.0 不僅在視覺上做了很多變化,在系統細節上也做了很多工作,比如說使用了全新的鈴聲。請問今年 EMUI 9.0 為什麼會想到要做音效,在製作新鈴聲的時候又有哪些考慮呢?

在當今快節奏的生活下,許多人都面臨著焦慮、浮躁、疏離心緒不斷滋生的困擾。因此,我們想用有「質感」和「美感」的聲音設計,為用戶每天的生活和工作注入一絲寧靜與悠然。

在新鬧鈴的設計中,我們加入了自然音效,為體現人與自然環境的互動,我們不僅將有趣的自然音素組合成曲,還融入了一些變化的旋律,新旋律中的愉悅感情,會讓用戶產生無意識的輕鬆反應,更貼合城市生活的人去感受輕鬆美妙的生活。

例如,在 《Forest Melody 森林之聲》這首裡,我們專門採集了不同的鳥聲、小溪、風聲,把它們有序地構建在同一情景中,同時考慮到環境聲的遠近關係與周圍的聲場,讓環境聲更自然。我們還加入了輕巧的打擊樂,增加了律動感,模擬草叢的欣欣向榮。另外,我們還使用了具有輕柔飄逸音色的豎琴作為主樂器,漸進式的音符與旋律設計讓美妙的旋律漸漸融入自然環境中。

又比如,在 《Ocean Whisper 海的私語》中,為體現更為純淨的感覺,我們把主旋律音的編曲做了簡潔處理,配合純粹的海浪與海鳥聲,體現寧靜與自然。 除此之外,我們把布穀鳥的叫聲引入進來,比起一般鳥類尖銳的音色,它的音色多了一份舒適而悠遠,我們希望能讓布穀鳥優美的歌聲喚起用戶美好的一天。

EMUI 9.0 裡面有一些很有趣的音效小細節,例如相機在選擇模式的時候能聽到齒輪撥動的聲音,並且還配有細微的震動。但這樣的細節其實不是每一個用戶都能感受到的,為什麼這次 EMUI 9.0 的設計團隊願意下功夫在這些「不起眼」的小功能上?

對品質生活的追求,本質上是一種對待細節的精益求精的態度。為還原品質生活場景,我們嘗試在生活中尋找靈感,通過視聽觸為一體的設計,採用真實徠卡相機聲音和模擬真實相機的操作振動,實現了相機上的這個效果。這些從原生實物提取出來的聲音,往往能喚醒用戶情感心理記憶,營造有「質感」的使用氛圍。在某一時刻,人類不是單憑一種感官刺激來認識外物,相反,我們需要在同一時間要整合多種感覺才能辨識。

在 EMUI 9.0 中,這樣的細節還有很多,例如,我們為了更多的體現精緻與細膩,在用戶設置系統時間和滑動聯繫人頁面時都加入了輕微振感設計。另外,為了營造了真實的體驗,我們在秒錶計次和插入充電時都加入了振感反饋。這些小細節就像小彩蛋一樣藏在系統各處,等待有心的用戶去發現它們。

除了音效,我們還發現今年的 EMUI 9.0 在配色上好像也有很大的變化,例如使用了很多的藍色,並且對話框的顏色與 EMUI 8.0 相比變「淺」了,請問這些變化背後有什麼原因嗎?設計團隊是如何來決定系統配色的?

色彩的傳達不僅是一種審美的態度和情緒,更暗含著一種人性化的關愛。EMUI 9.0 色彩系統是一個基於無障礙設計,易讀性和符合人們習慣的功能性色彩系統。 從 EMUI 5.0 開始,蔚藍色就作為系統的主色。在調研中我們瞭解到,無論是男性還是女性,接受藍色的比例都是最高的,而在世界地域維度,藍色是最受歡迎的顏色。另外,藍色與清潔的水,晴朗的天空等自然相關,讓人們感到安全。藍色同時也是技術和創新領域一種非常常見的顏色,使產品看起來值得信賴可靠。更重要的是,在視覺障礙的人群中,藍色依然能被辨識,這滿足了我們為無障礙人群而設計的要求。

藍色在 EMUI 9.0 頁面中的運用

在 9.0 的色彩系統中,EMUI 提供了 12 種關鍵色,其中 Azure 天藍色作為主色,出現在系統中作為高亮色。根據常見的使用場景,我們定義了主色(primary color),輔色(secondary color),黑灰色(black and gray),以及功能色(functional color)。 主色將會以很高的出境率出現在 EMUI 的界面裡,被定義在關鍵的控件色彩。輔色,黑灰色和功能色,會以輔助襯托的形式搭配主色使用。同時,我們對 12 種基礎色做了不同暗階,以滿足這些顏色在不同場景下的組合搭配,默認色值以 500 作為基準,每個顏色擴展成 10 個暗階的色值,以適用於不同的場景。

今年「全面屏」成為各家手機的主流設計後,相信在 UI 設計上也要做一些相應的調整。 EMUI 9.0 在這方面有哪些新的嘗試?

為了給全面屏提供儘可能大的顯示面積,我們採用了新的 Edge to Edge 設計:上下操作區域使用了冰晶般的半透明設計,並融入透明效果層,為全面屏顯示視覺體驗錦上添花。

沉浸感是全面屏設計中的重要一環,除了引入自然光影變化,為了實現自然的色彩過渡,我們在 EMUI 9.0 中打造了全面屏沉浸式樣色彩的自動取色設計。根據不同壁紙的場景,我們定義了一整套智能算法,包括:如何提煉主要的顏色、如何派生出更多的顏色、如何根據顏色的情況,定義最終能用哪個顏色。

EMUI 9.0 裡的自動取色

在通話界面、雲服務卡片、雜誌鎖屏、鎖屏密碼、指紋識別、鎖屏音樂與運動音樂播放、圖庫大圖瀏覽等場景,EMUI 9.0 在文字與圖標上都引入了這套自動取色設計。通過算法規則,形成系統維度的視覺圖形組件化能力,提升了界面視覺沉浸感與色彩豐富度,以及文字與背景的對比感,兼顧了美學與易用性。

這幾年 EMUI 的發展非常快,每年都能看到很多新的功能。我們發現,一方面,用戶對功能需求比較強烈,在 EMUI 的論壇上也經常能看到一些需求新功能的聲音。另一方面,也有一部分用戶也越來越追求設計質感,青睞精緻的細節。對於設計團隊來說,你們如何平衡滿足用戶更多功能需求與追求設計質感這兩件事?

面對用戶在功能上的需求,在滿足之前更重要的是靜下心來思考。如何瞭解真正的用戶需求,並以何種最佳的方式予以回應,這是我們不斷考慮與探究的問題。

在設計之初,我們會進行大量的用戶研究,來找到用戶真正的需求。做加法容易做減法難,這次 EMUI 9.0 設置項和 8.0 相比,整體精簡了 10%,我們希望這可以幫助用戶節約使用時間 。

另外,我們發現不少 EMUI 用戶習慣單手操作,為了給他們提供更好的體驗,我們將常用操作標籤移到屏幕底部,讓常用功能操作切換更方便。我們還設計了懸浮 AI 語音助手,改變之前語音助手喚醒後直接佔用半屏的方式,語音助手變為懸浮形態,用戶可拖動到屏幕上任意區域,更方便操作的同時,可以顯示背景內容。

EMUI 9.0 裡的懸浮 AI 語音助手

很多用戶對系統的流暢度有很高的要求。在 EMUI 9.0 中,基於用戶心理研究,我們對系統界面元素進行精簡,在設計元素和頁面間運動時儘量減少位移時間,運動編排時採用一致的運動路徑,通過動效減少用戶使用的心理負荷。此外,我們還優化了 Tab 預加載、應用內頁面切換、父子層級切換等,儘可能地使用戶在日常使用中「零等待」。

這些改進,可能在界面視覺體現上不會特別明顯,但是背後蘊含了設計團隊大量時間與精力的付出。所有的一切,都只為用戶可以在日常使用中,能夠擁有舒適的使用體驗。傾聽用戶聲音,平衡是一種追求品位、舒適的體現,同時也是一種博雅的情懷,更是一種靜水深流的境界。注重外觀和內涵的統一協調,不僅僅只是表象,更是自然內涵設計的流露。