美 不止初見 EMUI10新增莫蘭迪色

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

EMUI10基于人因研究新增深色模式，對動效進(jìn)行優(yōu)化。同時，對圖標(biāo)、界面細(xì)節(jié)提出更高要求，在保障簡潔美觀的同時，更加注重用戶實(shí)際操作和心理習(xí)慣，將細(xì)節(jié)與品質(zhì)融會貫通其中，讓用戶真正感受到“美 不止初見”。

品在方寸之間 美于細(xì)微之處

在全新EMUI10上，最醒目的一個變化來自于拿出手機(jī)、點(diǎn)亮屏幕的那一刻，你會看到AI算法自動排版加持的雜志鎖屏界面。EMUI作為“雜志鎖屏”的開創(chuàng)者，這次結(jié)合了AI美學(xué)算法進(jìn)行自動排版優(yōu)化，對雜志鎖屏的圖片進(jìn)行布局分析，通過計算圖片中人眼關(guān)注的區(qū)域及其重心，融入平衡構(gòu)圖等美學(xué)原則，使文字布局“因圖而異”。再結(jié)合智能取色算法對文字進(jìn)行色彩調(diào)節(jié)，最終實(shí)現(xiàn)媲美雜志封面的專業(yè)視覺效果。

同時雜志化的設(shè)計理念也貫穿在EMUI10的各個界面中，華為設(shè)計師結(jié)合了對雜志書刊內(nèi)容布局的研究和分析，構(gòu)建了以大字體、空間留白、網(wǎng)格系統(tǒng)、點(diǎn)綴系統(tǒng)四大元素為基礎(chǔ)的雜志化頁面設(shè)計體系，應(yīng)用在控制面板、聯(lián)系人、日歷、郵件等界面中，當(dāng)用戶在瀏覽這些界面時，就好像在閱讀一本雜志，從而極大提升用戶視覺上的美感指數(shù)。

每一代EMUI都會在APP圖標(biāo)設(shè)計上給用戶帶來新的驚喜，此次EMUI10在圖標(biāo)設(shè)計上就采用了符合黃金比例的統(tǒng)一化標(biāo)準(zhǔn)，通過對圖標(biāo)元素的形狀和輪廓進(jìn)行“像素級”細(xì)致打磨，以0.618為比例基準(zhǔn)，將UI圖標(biāo)的高度作為參考值，對圖形弧度進(jìn)行了規(guī)范化統(tǒng)一，使得每一個圖標(biāo)在視覺上都非常具有美感。此外EMUI10還支持自適應(yīng)圖標(biāo)，第三方圖標(biāo)底板可以顯示為華為統(tǒng)一的圖標(biāo)Mask，讓整個系統(tǒng)的圖標(biāo)風(fēng)格和質(zhì)感趨于一致。

在拍照界面上，全新EMUI10遵循Simple（簡單）、Clear（清晰）、Dynamic（專注）三大基本原則，用戶在調(diào)整參數(shù)滑動條時，通過大字體呈現(xiàn)參數(shù)數(shù)值的變化，同時暫時隱藏界面中其他的元素，以減少對當(dāng)前參數(shù)調(diào)整的視覺干擾，帶給用戶更清晰、更聚焦的視覺觀感。此外EMUI10還通過模擬機(jī)械相機(jī)快門鍵的聲音，設(shè)計了更具品質(zhì)感的音效，為用戶帶來“視聽觸”（視覺、聽覺、觸覺）一體化的操作體驗(yàn)。

早在EMUI5.0時代，華為就遵循了藍(lán)/白色調(diào)為主的簡潔風(fēng)格。如今在EMUI10身上，我們迎來了全新的莫蘭迪色，給人一種含蓄而又高級的品質(zhì)感。對于美術(shù)系的同學(xué)而言，莫蘭迪色并不陌生，其來源于意大利著名畫家Giorgio Morandi的代表風(fēng)格。在藍(lán)/白主色調(diào)之外，按照“小面積高飽和、大面積低飽和”的設(shè)計原則，EMUI10進(jìn)一步優(yōu)化了輔助色彩，引入6種新顏色并融入到聯(lián)系人詳情頁面中，并且備忘錄、插畫等功能頁面也融入了莫蘭迪色。

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

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

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

基于人因研究的結(jié)果，EMUI深色模式采用文字前景與深色背景的對比度。同樣的色彩，在淺色背景和深色背景上人眼視覺感知的亮度與飽和度是不同的。從普通模式變?yōu)樯钌Ｊ剑瑫r對文字與系統(tǒng)圖標(biāo)的顏色做了優(yōu)化處理，來保證深色模式和普通模式視覺感受的一致性、舒適性和閱讀的易讀性。

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

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

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