好多人拿到華為Mate 30 系列手機,漂亮又流暢是EMUI10給大家帶來的第一感覺。其中,我們最常用的下拉快捷開關也變得不一樣了,基于雜志化設計語言,好看更好用了。那這小小的快捷開關中有哪些設計學問呢?
一、更适合單手操作EMUI 10的快捷開關保留了用戶使用習慣,延續縱向拇指下滑體驗,下拉一次出現常用快捷開關,下拉第二次展開所有快捷開關。相比之前版本,開關位置整體下移,充分平衡了界面顯示和單手操作,盡量避免了拇指的操作盲區,讓操作按鈕更加接近使用者的手指,保證了更好的單手操作體驗。
雜志化排版的風格布局,是EMUI10新風格的主題。留白除了視覺上的舒适美觀,也能夠突出重點,可以讓大家更方便快捷地找到想用的開關。二次下拉時讓快捷開關有了更多的展示空間,形成了明顯的信息主次感,界面的視覺呈現更為簡練,信息的查找也更為便捷。
二、動效流暢:細膩的過渡轉場第二次下拉開關面闆時,時間文字的尺寸會跟随面闆顯示區域變大而變化;打開與關閉開關時,開關背闆會有彈性地輕微縮小;點擊通知卡片時,卡片的縮小響應着手指的按壓感。這些細膩的變化十分貼近我們日常的動作認知。物理動效的增加讓下拉界面的操作更加真實與自然,這些熟悉的反饋效果可以減少用戶使用過程中的疑惑,幫助用戶更快地形成使用習慣。
三、閱讀舒适:圓潤柔和的視覺EMUI10在通知卡片樣式上,視覺整體風格傾向圓潤柔和,寬間距,大圓角,寬松的信息布局,更大的點擊熱區,讓用戶能輕松地閱讀信息,方便地操作展開通知。考慮到在暗光下閱讀,下拉時強烈的對比色會造成用眼不适,在設計上,降低了卡片的透明度,增加了背景的模糊效果。在保證識别性的基礎上,隐約透出後面界面的色彩,更具透氣感和美觀度。在不同光線下下拉通知,卡片也能融合背景的色調,給人舒适自然的視覺體驗。
四、圖标預覽:可收納的通知欄在EMUI 9.0中,通知超過一屏後,用戶滑動浏覽通知時,不能了解底部還有多少通知未預覽。針對這個問題,EMUI10.0在通知卡片樣式上,增加了一個收納通知圖标的窄條——shelf,通過将通知縮小成一個小圖标,幫助用戶快速浏覽還有多少通知未顯示,有哪些應用給自己發送了通知。讓用戶在預覽過程中,更加有掌控感,不會陷入茫茫的信息海洋中。Shelf的收納功能同時還節省出了更多的空間,在快捷開關面闆完全展開的時候,通知欄會折疊為一條窄窄的shelf,為快捷開關節省了更多的空間。
五、幾何美學:視覺化繁為簡
此前版本的快捷開關以無邊界的形式顯示,開關之間沒有明顯的邊框界限,難免在顯示全部開關時會有繁多的感覺。
EMUI10這次采用了圓形的開關按鈕形态。在方形的卡片上顯示圓形的圖标,讓一個個開關變得更加明顯,呈現出了最自然簡潔的幾何之美。圖标的圖形上也進行了全新設計,采用更圓潤線條,給整個開關面闆添加柔和溫潤的感覺。除了靜态的效果,在打開和關閉開關時,會給予即時的操作動态反饋,微動效基于圖形特點,讓開關不那麼生硬又充滿生機。
在開關的色彩選擇上,依然延續從EMUI5.0就明确的主色調:藍白色調。開關在關閉狀态下顯示為淺灰色,開啟狀态下則變為藍色,擁有良好對比度,更加直觀醒目。圖标尺寸也較之前版本增大,确保用戶可以輕松點擊開關,避免誤觸。
EMUI10的快捷開關全新設計給我們帶來了不一樣的升級體驗,通過在點滴間的細膩體驗,讓我們感受到了設計師在細節優化中的努力與人性化設計。
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!