Android 的新風格：進展指標和滑鼠的新設計

Google 最近對 Material Design 3 (MD3) 進展指標和滑鼠進行了重大更新

你知道嗎？Android 12 不僅帶來了一系列核心功能的更新，也引入了全新的視覺風格，包括 Material Design 的動態主題。隨著時間的推移，這些新設計逐漸完善，並持續接收小型更新。最近，Google 再次對進展指標和滑鼠進行了重大調整。

Material Design 3 (MD3) 是目前 Android 應用程式的最新設計指南。Google 將其視覺樣例放在一個微網站上，以幫助開發者了解應該如何呈現按鈕、切換按鈕、清單項目等 UI 元素。去年 12 月，Google 公布了對 Android 14 UI 中線性和圓形進度指標的視覺設計和顏色的變更。圓形指標適合在空間有限的情況下使用，而線性指標則適用於可用螢幕寬度較大的情況。

新進度指標設計

圖示：舊 (左) vs. 新 (右)

Dylan Roussel 在 Twitter 上首先發現了這些新設計的線性進度指標。新的線性進度指標特徵為停止指標和進度指標相同的顏色，以及進度指標和軌道之間的空白區域。這種空白區域將進度指標分成兩個部分：已完成的部分和未完成的部分。線性進度指標的端點則採用圓角設計，與舊版 Material Design 2 (MD2) 的方形端點相比更加圓滑。

新的圓形進度指標在 12 點位置和進度指標之間也有空白區域。圓形進度指標沒有停止指標，但同樣採用了線性進度指標的圓角設計。

不確定性進度指標

不確定性進度指標通常出現在下載檔案大小未知的情況下，例如 Chrome 中。這種情況下，MD3 會失去停止指標，並在滑動區域左右添加空白區域。圓形不確定性進度指標則會顯示一個隱藏的軌道和旋轉著的弧。

相關問題 10 個最佳 Twilio 替代品（哪一款適合你？）

新滑鼠設計

圖示：不同 MD3 滑鼠設計

Google Material Design 團隊高級設計師 Dallas Barnes 在 Twitter 上回應 Dylan Roussel 時，提到 Google 12 月也對滑鼠進行了調整。滑鼠用於在線性.scale 上調整參數。與舊版 MD2 相比，新的設計特徵為中心配置和直線滑鼠手柄。滑鼠的手柄現在是垂直的，而不是之前的圓形。