華為 HarmonyOS UX 設計師:視覺設計理念來源于宇宙
HarmonyOS?在今年 6 月 2 號正式在公眾面前全新亮相,這個新一代智能終端操作系統,為不同設備的智能化、互聯和協同提供了統一的語言,帶來簡捷、流暢、安全可靠的全場景交互體驗。本周三,動點科技做客南京西路上的華為全球旗艦店,聆聽華為資深?UX?設計師大福對?HarmonyOS?UX 設計理念的一些細節分享。

鴻蒙的黑不是黑
全新系統從視覺上帶來的最大改變就是顏色,這次來源于宇宙的設計理念,整個的空間感在手機操作界面里面會更加深邃。“我們也有全新的黑色,以前系統里面的黑色是純黑,這次我們不把純黑作為底色,這次我們把星空灰帶給大家,還有雪域白,它也不是純白,這個是作為三個系統里面的主色來呈現,大多數時間我們使用系統的時候都是由這三個顏色組成。”
各種的輔色也有高飽和度和低飽和度之分,以這樣的舒適度進行全部的色彩設計體系,讓用戶在不同的設備上都能看到同樣的這些色彩,這些色彩運用到不同的設備上,用戶升級?HarmonyOS 系統以后,所有的視覺上都會有非常舒適的一致性。

平面上的縱深感
“現在的圖標把它重新變成了有開口、圓角更加圓潤的弧度,這是我們之前,以前我們都是在平面上進行設計,沒有空間縱深,現在我們怎么樣思考在平面的細微圖標上讓它產生有立體感、縱深感,所以我們進行開口的設計,通過小開口穿插的設計讓用戶感覺并不是在一個平面上,而是在三維空間的立體感,這也是我們在細微的地方有不同的地方,細到所有的小圖標都進行了重繪過程,我們通過線條的間隙體現空間穿插的效果。”
這次?HarmonyOS?帶來的是輕擬物的設計,來打通物理世界和數字世界的真實感。而之前的設計都是平面的,沒有任何的立體感,現在每個按紐都微微浮起,跟立體世界里的物體有著相對一致性。
HarmonyOS?通過一套不同的景深、陰影、透明材質來區分它跟用戶視覺上的遠近。“我們把所有的卡片材質分成一層,我們再把陰影分成一個層,再把背景景深做一個層,我們想讓二維世界帶給我們宇宙的那種縱深感。從物理上來看,厚的材質感用戶會覺得它離你更近,薄的材質感會感覺界面離你更遠,我們用厚與薄區分內容是想給用戶帶來更快捷的操作,如果用戶是聚焦當前用戶要操作的內容的話,我們會選用厚的材質感,一般的材質感我們選用的是中間距離,通過材質的區分造成的視覺上的前中后的空間感。”

全新的動效體系
“動效我們追求的是流暢感,這次又增加了一個新的設計,我們稱之為引力動效設計。?這套設計體系的靈感來自于宇宙,我們把宇宙中的那些不同星球之間的引力放到了我們系統中的動效上。”
比如在升 HarmonyOS?的時候有一種穿梭的效果。還有引力平衡感、日全食等動畫效果,這些在平板、手表、手機上的運用上都極具標志性,提升了華為智能終端的辨識度。
?
| 留言與評論(共有 0 條評論) |



