微軟改進Windows 10圓角矩形體驗優化控件層疊樣式
在代號為“Sun Valley”,今年秋季上線的Windows 10 21H2 功能更新中,微軟將會對操作系統的外觀設計做出非常多的調整。在應用上最明顯的變化就是,Win32 和UWP 應用程序窗口(容器)將會和WinUI 應用一樣採用圓角矩形設計。
圓角在Android和iOS端比較常見,不過在Windows 10上不太容易找到。在Windows 10推出後,所有的應用程序、工具和其他頁面都一直使用方形或矩形設計。
在之前的Windows 版本中,例如Windows 7 和Windows Vista 都有圓角設計,不過在Windows 8 系統中切換到“Metro”界面之後,這種方法發生了變化,它在很大程度上依賴於更直的外觀、尖銳的邊緣、動態磁貼和触摸友好的應用程序/元素。
不過最近,微軟的設計團隊決定放棄尖角,改用圓角。看起來微軟還計劃改變最小化、最大化和關閉窗口控件周圍的層疊樣式(定義元素邊框與元素內容之間的空間,即上下左右的內邊距。),微軟Build 2021年開發者大會主題演講中的一張新截圖證實了新的外觀。
正如你在上面的模擬圖中所看到的,包括Chromium Ege 在內微軟已經逐步放棄直角的邊緣,以平滑的圓角取代它們。為了改善圓角的體驗,微軟還將修改最小化、最大化和關閉窗口控件的層疊樣式。微軟還發布了Windows版Microsoft Teams和Outlook PWA的模擬圖,也有同樣的圓角、層疊樣式變化。如果你仔細看,該應用的窗口的邊角是圓的。
當前版本的微軟Edge、Teams或Outlook都有尖銳的邊角,使其看起來更加正式和現代。這種新的外觀與macOS形成對比,後者在其設計語言中也使用圓角。
在預覽版中,微軟已經悄悄為Windows 10的任務視圖中的右鍵菜單啟用了圓角/邊緣。這些現代的菜單預計將在新的用戶界面中廣泛使用,而不局限於右鍵菜單。界面面板和菜單也會有圓角,而且它們傾向於更像Mac的外觀。