HarmonyOS?在今年 6 月 2 號正式在公眾面前全新亮相，這個新一代智能終端操作系統(tǒng)，為不同設(shè)備的智能化、互聯(lián)和協(xié)同提供了統(tǒng)一的語言，帶來簡捷、流暢、安全可靠的全場景交互體驗(yàn)。本周三，動點(diǎn)科技做客南京西路上的華為全球旗艦店，聆聽華為資深?UX?設(shè)計(jì)師大福對?HarmonyOS?UX 設(shè)計(jì)理念的一些細(xì)節(jié)分享。

鴻蒙的黑不是黑

全新系統(tǒng)從視覺上帶來的最大改變就是顏色，這次來源于宇宙的設(shè)計(jì)理念，整個的空間感在手機(jī)操作界面里面會更加深邃?！拔覀円灿腥碌暮谏?，以前系統(tǒng)里面的黑色是純黑，這次我們不把純黑作為底色，這次我們把星空灰?guī)Ыo大家，還有雪域白，它也不是純白，這個是作為三個系統(tǒng)里面的主色來呈現(xiàn)，大多數(shù)時間我們使用系統(tǒng)的時候都是由這三個顏色組成?！?/p>

各種的輔色也有高飽和度和低飽和度之分，以這樣的舒適度進(jìn)行全部的色彩設(shè)計(jì)體系，讓用戶在不同的設(shè)備上都能看到同樣的這些色彩，這些色彩運(yùn)用到不同的設(shè)備上，用戶升級?HarmonyOS 系統(tǒng)以后，所有的視覺上都會有非常舒適的一致性。

平面上的縱深感

“現(xiàn)在的圖標(biāo)把它重新變成了有開口、圓角更加圓潤的弧度，這是我們之前，以前我們都是在平面上進(jìn)行設(shè)計(jì)，沒有空間縱深，現(xiàn)在我們怎么樣思考在平面的細(xì)微圖標(biāo)上讓它產(chǎn)生有立體感、縱深感，所以我們進(jìn)行開口的設(shè)計(jì)，通過小開口穿插的設(shè)計(jì)讓用戶感覺并不是在一個平面上，而是在三維空間的立體感，這也是我們在細(xì)微的地方有不同的地方，細(xì)到所有的小圖標(biāo)都進(jìn)行了重繪過程，我們通過線條的間隙體現(xiàn)空間穿插的效果?！?/p>

這次?HarmonyOS?帶來的是輕擬物的設(shè)計(jì)，來打通物理世界和數(shù)字世界的真實(shí)感。而之前的設(shè)計(jì)都是平面的，沒有任何的立體感，現(xiàn)在每個按紐都微微浮起，跟立體世界里的物體有著相對一致性。

HarmonyOS?通過一套不同的景深、陰影、透明材質(zhì)來區(qū)分它跟用戶視覺上的遠(yuǎn)近?！拔覀儼阉械目ㄆ馁|(zhì)分成一層，我們再把陰影分成一個層，再把背景景深做一個層，我們想讓二維世界帶給我們宇宙的那種縱深感。從物理上來看，厚的材質(zhì)感用戶會覺得它離你更近，薄的材質(zhì)感會感覺界面離你更遠(yuǎn)，我們用厚與薄區(qū)分內(nèi)容是想給用戶帶來更快捷的操作，如果用戶是聚焦當(dāng)前用戶要操作的內(nèi)容的話，我們會選用厚的材質(zhì)感，一般的材質(zhì)感我們選用的是中間距離，通過材質(zhì)的區(qū)分造成的視覺上的前中后的空間感。”

全新的動效體系

“動效我們追求的是流暢感，這次又增加了一個新的設(shè)計(jì)，我們稱之為引力動效設(shè)計(jì)。?這套設(shè)計(jì)體系的靈感來自于宇宙，我們把宇宙中的那些不同星球之間的引力放到了我們系統(tǒng)中的動效上?！?/p>

比如在升 HarmonyOS?的時候有一種穿梭的效果。還有引力平衡感、日全食等動畫效果，這些在平板、手表、手機(jī)上的運(yùn)用上都極具標(biāo)志性，提升了華為智能終端的辨識度。

?