每日最新頭條.有趣資訊

華為全新手機OS界面曝光 設計理念:體驗舒適和自然

  8月9日下午,EMUI10在華為開發者大會上首發亮相。作為EMUI歷史上第8次大版本更迭,EMUI10最大的能力是突破了硬體界限,將不同終端的硬體能力 (顯示、攝影頭、麥克風、音箱) 虛擬出來,放入硬體能力資源池供應用調用,各終端之間能力互助共享,互為外設。

  對應用來說,如同運行在同一終端上;對用戶來說,就如同在使用同一終端。而且EMUI10分布式UI編程框架,業務邏輯元能力化,實現一次開發多端部署。

遊民星空

  這是EMUI10底層上一些主要的變化和升級。由於時間限制,EMUI10用戶日常接觸最多的UX(用戶體驗)設計,在9日的大會演講中並未詳細提及。10日,華為又單獨安排了一場專訪,華為消費者BG軟體部副總裁、消費者BG軟體部UX設計部部長毛玉敏向和媒體分享了EMUI10的UX設計理念。

  毛玉敏表示,從EMUI 的歷史來講,EMUI3.0的設計理念是“點線圈”,到了EMUI5.0清爽簡潔、充滿愜意,而EMUI9.0的設計理念是“質享生活”。所以在構想EMUI10的時候,除了美、時尚、優雅這三點外,EMUI的團隊希望用戶使用的過程中覺得舒適和自然,越用越愛用,越用越離不開它。這也就是EMUI10.0的設計理念——“美 不止初見”。

遊民星空

遊民星空

遊民星空

  以AOD(熄屏顯示)界面為例,EMUI10引入了時光流逝的設計,從清晨的陽光升起,可以看到字體光面的變化,呈現出來自天空的淡藍色,到中午的陽光,呈現出蔚藍色,到了傍晚呈現出霞光的橙色。到了晚上,這個城市的夜空亮起,霓虹的色彩映入天空,有更加深邃、迷人的感覺。

  “我們希望在任何細節的設計都能夠給用戶帶來不一樣的動感的、時尚的感受。”毛玉敏說。

遊民星空

遊民星空

遊民星空

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

  在毛玉敏看來,這個設計不僅是為了美,更多的是為了平衡我們的閱讀習慣和用戶的單手操作。從閱讀的角度來講,中上部是最好的閱讀區域,但是從單手操作的角度來講,下部和中間位置是比較好的操控區域。

  毛玉敏認為,通過雜誌化的布局和排版,EMUI10所有的頁面你都可以在閱讀體驗和單手操控體驗之間取得良好的平衡。

  在色彩方面,從EMUI5.0開始就明確了華為的主色調——藍白調,EMUI10也繼承了這一傳統。據毛玉敏介紹,EMUI10對所有的輔助色都進行了精細化的考量,原則是,小面積的用色採用高飽和度的顏色,大面積的背景填充選擇低飽和度的顏色,這樣設計的好處是讓視覺更有高級感。

遊民星空

遊民星空

遊民星空

  據了解,大面積使用的低飽和色,EMUI10這次引入了莫蘭迪色。莫蘭迪是意大利著名的畫家,其用色的原則就是在色彩中加入了高級的灰,讓這種顏色看起來平和自然、優雅細致。

  毛玉敏表示:“這種低調的高級感和品質感,跟華為手機的理念是非常搭的。所以我們這次在配色上,在大面積高飽和度的使用場景下,我們採用了莫蘭迪風格的六種顏色。這些種顏色我們用於通訊錄、備忘錄、插畫設計中。”

遊民星空

  而在圖標方面,EMUI10用了黃金比例的圖標設計方法,進一步對圖標的細節進行打磨,圖標的收口、轉角等細節都來自於黃金比例的圓。同時,EMUI10還提供了一套全新的圖標,不同的風格,希望給用戶更多的選擇。

  此外,據毛玉敏介紹,EMUI10深色模式也下了很大功夫,並沒有採用簡單的反色,而是以保證易讀性、舒適性和色彩的一致性進行了全新設計。同時,EMUI10的深色模式可自動適配第三方應用,保證用戶在使用的深色模式的過程中,無論是本地應用還是三方應用都有一致的體驗。

遊民星空

遊民星空

遊民星空

  談及動效,毛玉敏認為,流暢的動效應該是符合人的心理預期的動效,簡單來說,就是要手、眼、心一致,經過對用戶動作和感知的仔細分析,最終發現APP打開動效的最佳的時長是300-400毫秒。據悉,EMUI10所有的大位移動效都進行了落地和實施。

  “為什麽我們花這麽多心思在這些細節上,對於設計師來講,有兩句話:第一,Less is more。第二,God is in the details”,在毛玉敏看來,偉大的產品都是來自細節的。

遊民星空

  按照華為官方的適配計劃,下一代Mate系列將首發搭載EMUI10,9月8日P30系列將啟動EMUI10的Beta升級嘗鮮。

  在現場,我們也搶先體驗到了升級EMUI10 Beta版華為P30 Pro。從安卓版本來看,EMUI10是基於Android 10深度打造,除了UI、圖標的明顯變化,我們還看到了全新的系統主題,先來一起感受下:

遊民星空

遊民星空

遊民星空

遊民星空

遊民星空

遊民星空

遊民星空

獲得更多的PTT最新消息
按讚加入粉絲團