華為EMUI10全新UI/UX設計：具AI美學設計的全新體驗

EMUI10在華為開發者大會上正式發布，EMUI10在UX設計方面加入了暗黑模式，多彩的AOD滅屏顯示和升級的雜誌鎖屏，並且引入莫蘭迪風格顏色，帶來更好的視覺體驗。其後，華為消費者BG軟體部副總裁毛玉敏專門針對EMUI10的UX設計進行了詳細的解讀。

新的AOD滅屏顯示界面設計

多彩AOD(Always on display)滅屏顯示以不同時刻，豐富多彩、絢美多變的天色為靈感，會隨時間流轉呈現出不同的顏色，復現自然之美。

數字時鐘的滅屏顯示是大家經常用的，這次設計的過程中，引入了時光流逝的設計，從清晨的陽光升起，可以看到字體光面的變化，AOD滅屏現實呈現出來自天空的淡藍色，到中午的陽光，呈現出蔚藍色，到了傍晚呈現出霞光的橙色。到了晚上，這個城市的夜空亮起，霓虹的色彩映入天空，有更加深邃、迷人的感覺。

AI美學雜誌鎖屏

華為EUMI10雜誌鎖屏結合AI美學演算法，給用戶帶來真正的雜誌般的閱讀體驗。EMUI10對每個圖片都進行了AI的美學分析，找到圖片的重心在哪裡，然後把配文放在最合適的位置，可以有更好的雜誌化的呈現。

這次EMUI10把雜誌化的布局引入到了頁面的設計中，有更大的標題，讓主題更突出，充足的留白讓更頁面有更多的呼吸感，高亮元素點綴頁面，突出重點讓你很方便地找到你想找的元素。

莫蘭迪色系

EMUI10在色彩搭建上大膽創新，按照「小面積高飽和度，大面積低飽和度」的設計原則，對輔助色彩上進行了優化。為了提升品質的高端感，在大面積用色上，引入低飽和度色彩的代表風格-莫蘭迪色系。

莫蘭迪是義大利著名的畫家，他用色的原則就是在色彩中加入了高級的灰，讓這種顏色看起來平和自然、優雅細緻，你也會覺得它還是很經得起時間考驗的。這種低調的高級感和品質感，跟華為手機的理念是非常搭的。所以我們這次在配色上，在大面積高飽和度的使用場景下，我們採用了莫蘭迪風格的六種顏色。這些種顏色我們用於通訊錄、備忘錄、插畫設計中。

一體性的圖標設計

EMUI10用了黃金比例的圖標設計方法，進一步對圖標的細節進行打磨。這是一個圖標，如果把它放在黃金比例構圖中得到大大小小的黃金比例的圓，我們把這些元的弧度都用於圖標的細節和弧線設計中。除此之外，EMUI10也提供了一套全新的圖標，不同的風格，我們希望給用戶更多的選擇。

相機體驗再次提升

相機的界面EMUI10也進行了全新的設計，設計的主要理念就是簡潔、清晰和動感。從視聽觸三種感官出發，帶來全新體驗：全新改版的視覺界面；將機械快門鍵聲音特徵，融入相機音效；並將變焦條、滑動條視聽觸一體化，加入模式切換、參數變化大字體顯示，讓設計更簡潔，操作更聚焦。讓好用變得好用。

深色模式打造易讀性、舒適性和色彩的一致性

EMUI10深色模式，不止是簡單的反色，而是通過建立舒適的對比度水平建模，採用最優的文字前景與深色背景的對比度，並將文字、系統圖標及控制項的顏色優化，以確保深色模式與淺色模式間切換時，人眼的視覺感受仍和諧一致。

優化動態效果

動效是非常體現產品品質非常重要的方面，細節決定成敗，流暢的動效應該是符合人的心理預期的動效。實際上就是要手、眼、心是一致的，才會有一個流暢的感覺。比方說手的要求，就是響應要及時，點下去之後就要有即時的響應，這個過程從點下去到離手有100-130毫秒。這100-130毫秒也是要利用的，按下去就要有所反饋出來，否則就會有遲滯的感覺。眼要有舒適順滑，其實人眼對於不同時間的感知是不一樣的，感知規律也用到了所有的動畫設計過程中。

EMUI10帶來不少的新的設計，提升了系統的視覺體驗和使用體驗，同時加入了分散式技術，讓系統和周邊設備聯動。EMUI10將於9月30日為華為P30系列用戶開放Beta測試，下一代Mate系列將首發搭載。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！