好多人拿到華為Mate 30 系列手機，漂亮又流暢是EMUI10給大家帶來的第一感覺。其中，我們最常用的下拉快捷開關也變得不一樣了，基於雜誌化設計語言，好看更好用了。那這小小的快捷開關中有哪些設計學問呢？

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

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

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

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

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

五、幾何美學：視覺化繁為簡

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

EMUI10這次採用了圓形的開關按鈕形態。在方形的卡片上顯示圓形的圖示，讓一個個開關變得更加明顯，呈現出了最自然簡潔的幾何之美。圖示的圖形上也進行了全新設計，採用更圓潤線條，給整個開關面板新增柔和溫潤的感覺。除了靜態的效果，在開啟和關閉開關時，會給予即時的操作動態反饋，微動效基於圖形特點，讓開關不那麼生硬又充滿生機。

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

EMUI10的快捷開關全新設計給我們帶來了不一樣的升級體驗，通過在點滴間的細膩體驗，讓我們感受到了設計師在細節優化中的努力與人性化設計。