從Mate30pro鑑EMUI 10:大改特改後的UI風格,你覺得咋樣?

拿到華為Mate 30 pro手機後,清新流暢的EMUI 10是給我的第一印象,尤其是我們最常用的下拉快捷開關設計語音和風格變動最大。

從Mate30pro鑑EMUI 10:大改特改後的UI風格,你覺得咋樣?

華為EMUI 10下拉快捷開關

更適合單手操作

華為EMUI 10的快捷開關保留了用戶使用習慣,延續縱向拇指下滑體驗,下拉一次出現常用快捷開關,下拉第二次展開所有快捷開關。相比之前的EMUI版本,開關位置整體下移,充分平衡了界面顯示和單手操作,儘量避免了拇指的操作盲區,讓操作按鈕更加接近使用者的手指,保證了更好的單手操作體驗。

雜誌化排版的風格佈局,是EMUI 10新風格的主題。留白除了視覺上的舒適美觀,也能夠突出重點,可以讓大家更方便快捷地找到想用的開關。二次下拉時讓快捷開關有了更多的展示空間,形成了明顯的信息主次感,界面的視覺呈現更為簡練,信息的查找也更為便捷。

從Mate30pro鑑EMUI 10:大改特改後的UI風格,你覺得咋樣?

EMUI 10通知欄

圓潤柔和的視覺

華為EMUI 10在通知卡片樣式上,視覺整體風格傾向圓潤柔和,寬間距,大圓角,寬鬆的信息佈局,更大的點擊熱區,讓用戶能輕鬆地閱讀信息,方便地操作展開通知。考慮到在暗光下閱讀,下拉時強烈的對比色會造成用眼不適,在設計上,降低了卡片的透明度,增加了背景的模糊效果。在保證識別性的基礎上,隱約透出後面界面的色彩,更具透氣感和美觀度。在不同光線下下拉通知,卡片也能融合背景的色調,給人舒適自然的視覺體驗。

可收納的通知欄

在EMUI 9.0中,通知超過一屏後,用戶滑動瀏覽通知時,不能瞭解底部還有多少通知未預覽。針對這個問題,EMUI 10.0在通知卡片樣式上,增加了一個收納通知圖標的窄條——shelf,通過將通知縮小成一個小圖標,幫助用戶快速瀏覽還有多少通知未顯示,有哪些應用給自己發送了通知。讓用戶在預覽過程中,更加有掌控感,不會陷入茫茫的信息海洋中。Shelf的收納功能同時還節省出了更多的空間,在快捷開關面板完全展開的時候,通知欄會摺疊為一條窄窄的shelf,為快捷開關節省了更多的空間。

從Mate30pro鑑EMUI 10:大改特改後的UI風格,你覺得咋樣?

EMUI 10通知欄

細膩的過渡轉場

第二次下拉開關面板時,時間文字的尺寸會跟隨面板顯示區域變大而變化;打開與關閉開關時,開關背板會有彈性地輕微縮小;點擊通知卡片時,卡片的縮小響應著手指的按壓感。這些細膩的變化十分貼近我們日常的動作認知。物理動效的增加讓下拉界面的操作更加真實與自然,這些熟悉的反饋效果可以減少用戶使用過程中的疑惑,幫助用戶更快地形成使用習慣。

視覺化繁為簡

此前EMUI版本的快捷開關以無邊界的形式顯示,開關之間沒有明顯的邊框界限,難免在顯示全部開關時會有繁多的感覺。

EMUI 10這次採用了圓形的開關按鈕形態。在方形的卡片上顯示圓形的圖標,讓一個個開關變得更加明顯,呈現出了最自然簡潔的幾何之美。

圖標的圖形上也進行了全新設計,採用更圓潤線條,給整個開關面板添加柔和溫潤的感覺。除了靜態的效果,在打開和關閉開關時,會給予即時的操作動態反饋,微動效基於圖形特點,讓開關不那麼生硬又充滿生機。

在開關的色彩選擇上,依然延續從EMUI 5.0就明確的主色調:藍白色調。開關在關閉狀態下顯示為淺灰色,開啟狀態下則變為藍色,擁有良好對比度,更加直觀醒目。圖標尺寸也較之前版本增大,確保用戶可以輕鬆點擊開關,避免誤觸。

從Mate30pro鑑EMUI 10:大改特改後的UI風格,你覺得咋樣?


分享到:


相關文章: