當前位置:
首頁 > 科技 > EMUI10美學升級:深色模式/AI自動美學排版

EMUI10美學升級:深色模式/AI自動美學排版

2019年8月10日,EMUI UX設計理念發布會在廣東東莞召開。華為消費者BG軟體部副總裁毛玉敏表示,EMUI秉承著設計師的匠心,在品質上的不懈追求,力爭完美,為用戶呈現出愉悅的視覺享受。

EMUI10基於人因研究新增深色模式,對動效進行優化。同時,對圖標、界面細節提出更高要求,在保障簡潔美觀的同時,更加註重用戶實際操作和心理習慣,將細節與品質融會貫通其中,讓用戶真正感受到「美 不止初見」。

品在方寸之間美於細微之處

在全新EMUI10上,最醒目的一個變化來自於拿出手機、點亮屏幕的那一刻,你會看到AI演算法自動排版加持的雜誌鎖屏界面。EMUI作為「雜誌鎖屏」的開創者,這次結合了AI美學演算法進行自動排版優化,對雜誌鎖屏的圖片進行布局分析,通過計算圖片中人眼關注的區域及其重心,融入平衡構圖等美學原則,使文字布局「因圖而異」。再結合智能取色演算法對文字進行色彩調節,最終實現媲美雜誌封面的專業視覺效果。

同時雜誌化的設計理念也貫穿在EMUI10的各個界面中,華為設計師結合了對雜誌書刊內容布局的研究和分析,構建了以大字體、空間留白、網格系統、點綴系統四大元素為基礎的雜誌化頁面設計體系,應用在控制面板、聯繫人、日曆、郵件等界面中,當用戶在瀏覽這些界面時,就好像在閱讀一本雜誌,從而極大提升用戶視覺上的美感指數。

每一代EMUI都會在APP圖標設計上給用戶帶來新的驚喜,此次EMUI10在圖標設計上就採用了符合黃金比例的統一化標準,通過對圖標元素的形狀和輪廓進行「像素級」細緻打磨,以0.618為比例基準,將UI圖標的高度作為參考值,對圖形弧度進行了規範化統一,使得每一個圖標在視覺上都非常具有美感。此外EMUI10還支持自適應圖標,第三方圖標底板可以顯示為華為統一的圖標Mask,讓整個系統的圖標風格和質感趨於一致。

在拍照界面上,全新EMUI10遵循Simple(簡單)、Clear(清晰)、Dynamic(專註)三大基本原則,用戶在調整參數滑動條時,通過大字體呈現參數數值的變化,同時暫時隱藏界面中其他的元素,以減少對當前參數調整的視覺干擾,帶給用戶更清晰、更聚焦的視覺觀感。此外EMUI10還通過模擬機械相機快門鍵的聲音,設計了更具品質感的音效,為用戶帶來「視聽觸」(視覺、聽覺、觸覺)一體化的操作體驗。

早在EMUI5.0時代,華為就遵循了藍/白色調為主的簡潔風格。如今在EMUI10身上,我們迎來了全新的莫蘭迪色,給人一種含蓄而又高級的品質感。對於美術系的同學而言,莫蘭迪色並不陌生,其來源於義大利著名畫家Giorgio Morandi的代表風格。在藍/白主色調之外,按照「小面積高飽和、大面積低飽和」的設計原則,EMUI10進一步優化了輔助色彩,引入6種新顏色並融入到聯繫人詳情頁面中,並且備忘錄、插畫等功能頁面也融入了莫蘭迪色。

此外,EMUI10還煥新了滅屏顯示AOD(Always on Display)的設計,取用來自天空顏色變化的靈感,讓數字時鐘追逐天空顏色的變換,從清晨到夜晚,數字時鐘會隨之切換至相匹配的漸變色彩,細微的改變也給予了用戶小小的驚喜感。

舒適如一的觀感、動靜皆宜的動效

EMUI10遵循大量的人因研究,真正從用戶的生理和心理角度探尋真實世界的客觀規律,並轉化到設計中。在探尋深色模式過程中,華為人因研究實驗室針對四種不同日常典型的光照條件,對用戶的閱讀效率及閱讀主觀感受進行測試,從而研究出合理的文字和圖標上的色彩對比度區間,滿足易讀性和舒適度。

基於人因研究的結果,EMUI深色模式採用文字前景與深色背景的對比度。同樣的色彩,在淺色背景和深色背景上人眼視覺感知的亮度與飽和度是不同的。從普通模式變為深色模式,同時對文字與系統圖標的顏色做了優化處理,來保證深色模式和普通模式視覺感受的一致性、舒適性和閱讀的易讀性。

同時,不僅僅是華為自研應用,深色模式還通過界面元素識別及色彩計算技術,將色彩演算法應用到第三方應用上,即便第三方應用沒有適配深色模式,也能讓用戶一鍵獲得全局生效的深色模式體驗。

此外,EMUI10動效的優化源於人對動態變化的感知。毛玉敏介紹到,只有符合人心理預期的動效,才能給人流暢的感覺,反之就會感到奇怪、唐突。因此,EMUI10通過人因研究,採用了「手、眼、心」合一的動效設計理念,在點擊動效中增加彈力的反饋效果,而切換效果則精確控制時長,既不給用戶閃跳突變的感覺,也不造成拖沓等待的體驗。此外,返回動效會模擬物體拋物線的原理,根據返回方向、速度不同以及鬆手位置,計算顯示出不同的拋物線效果。

華為P30系列等機型將在今年9月8日率先啟動EMUI10 BETA版內測計劃,Mate 20系列也會隨後陸續啟動。同時,EMUI10還將在下一代Mate系列首發搭載。大家可以關注官方渠道,了解更多支持內測機型和EMUI10最新信息。

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

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 機情社 的精彩文章:

職場小白進階大佬之路究竟怎麼走?
1950年產徠卡MP2相機拍出102萬歐元天價

TAG:機情社 |