Windows 10 的窗口邊框的設計邏輯是怎樣的？

12-30

Windows 10 出來也有一年多了，Windows 10 的 UI 相比 Windows 8.x 也有了算是翻天覆地的變化。其中非常重要的特性就是窗口樣式引入了窄邊框的設計。
Build 10586 開始加入了一個新的特性，就是「顯示標題欄的顏色」，在開啟這個選項之後，默認白色的標題欄會變成和系統主題色一致。

另外 10 的窗口設計是在 8.1 的 Aero 基礎上進一步修改的，這個應該沒什麼大問題（Aero Snap，Aero Peak，還有各種 Aero 主題依然可用）。

文件保存窗口最大化時能看到周圍 8px 的邊框，沒法填滿，像 QQ 截圖也能看到這種現象，感覺上就是 10 的窄邊框是 8.1 的寬邊框改出來的，某些原因導致的這些地方沒辦法很好的工作？

下面是我自己實驗的一些觀察：

10 依然支持 Aero 主題的顏色修改（就是 7 裡頭可以改玻璃的顏色），但是裡面的顏色貌似和 UWP 設置界面里的顏色不太一樣，是通過定義老的 Windows 顏色調諧器來設置的。
通過（運行 &> control color）調出這個微軟不願意我們看到的界面，然後觀察系統的反應。

觀察對象我選擇了這玩意：

從上面的圖看，Windows 10 窗口周圍那一圈 1px 的邊框就是原來的 Aero 玻璃邊框.

Aero Peak 驗證也吻合：

把顏色調諧器的濃度調到最低之後（在 Windows 7 裡面就是毛玻璃變成白色毛玻璃，Windows 8 裡面就是變成灰色邊框）：

然後問題來了，
為什麼 UWP / Windows 8 應用的最上面還是會有一條有顏色（主題色）的線條？其作用是什麼？

除了我上面的總結外，整個 Windows 10 的窗口管理的 UI 邏輯是怎樣的（比如說為什麼是現在的樣子，而不是更加激進的徹底無邊框，後面有沒有什麼設計思路可以參考）？
現在的版本只是一個趕工出來的過渡嗎（因為砍掉了 AeroGlass 但是 UI 又保留了 Aero 的很多東西搭配起來就總是有種「怪」的感覺），未來還有可能會像 XP Luna 到 Vista Aero 那樣有革命性進化么？

很簡單啊，左右下三個方向的 1px 細線是從原來的窗口上改來的，即隱藏了多餘的部分而邏輯上的窗口邊框還是原來的寬度。要說這麼做的理由，我想主要是為了兼容吧。

至於 UWP 窗口最上面的 1px，是由 Application Frame Host 繪製的，不受原來 AERO 邊框顏色設定值的控制。

類似的問題還有最大化之後 UWP 應用頂欄會超出若干個像素，將任務欄調至頂端或者觀察最大化的動畫都能輕易發現。這應該也是與舊的窗體系統兼容使用的 trick.

應該說沒有什麼設計邏輯可言。

當初Win8的UI就是在原來的界面上直接去掉Aero實現的。（pcbeta上有那個工程師自己的爆料，說是時間很緊，就直接去掉了Aero相關的代碼【內幕】Win10的開始菜單是怎麼煉成的）

Win10的窗口很明顯也是從Win8上面直接改成了窄邊框的。但是改的很不徹底，正常使用可能不明顯，但是很多細節的地方都能暴露出問題。比如題主發現的最大化不能填滿（窗口截圖的時候也能發現會多出一圈像素）。至於後面提到的說UWP應用頂部多出的帶顏色的線條，只能理解為這就是一個BUG。這個顏色調諧器在Win10中已經隱藏了，說明微軟根本不用這個東西了，說不定壓根沒測試到這個地方，即使測試到了，就那麼一點問題微軟也不會去解決的，當初Win8裡面metro應用的中文字體顯示這麼嚴重的問題（導致很多中文應用根本沒法用）都拖了不知道有多久（還是教主反饋後才解決的，據說解決起來很簡單，就是沒人管而已），而現在Win10裡面高優先順序的BUG太多了，需要開發的新功能也太多了，以前Win7發布前大概有半年的時間功能就差不多穩定下來了，就專門在除BUG。現在呢，上周Win10搞了個BUG大掃蕩的活動，就四天時間，然後宣稱未來數周就要把所有BUG全部修復，你們信么？Win7那會兒還是有專門的測試團隊，現在估計就靠insider了。呵呵。

以前Win7還算得上是精雕細琢，現在的Win10，真是怎麼快怎麼來，差不多就得了，微軟才不關心細節呢。

這問題過度關注設計，而忽略了一些技術層面上的東西。

第一個問題，那個有顏色的線條的作用是標記活動窗口(ActiveWindow)。活動窗口這名字很好理解，應該你知道我指的什麼。其實在設計上，這種風格也很多年前就有運用。雖然一些原生界面庫可能運用比較少，但是WEB上一些編輯控制項（EditControl）激活時，邊框線條有顏色高亮的效果應該見過吧。

第二個問題，如果完全去掉邊框美觀與否先不評論，最直接的一個結果就是用戶無法區分哪個窗口是活動窗口了。

第三個問題，自從Win8開始，微軟為了追求移動端的市場份額，Windows不就開始了這種不倫不類的混搭風格嗎？其實我覺得Win10不能稱得上過渡，而是比較完美的丟棄了以前的包袱，解決了傳統和移動共存的問題，應該說是Windows的一個新的紀元，無論是設計還是UWP框架，Windows都在像我們展現出全新的一面。

我看出來了，有的人要麼覺得那個有顏色的邊框是多餘的，要麼覺得這個邊框是微軟在以前的系統的基礎上偷工減料改的，還產生了很多bug。為什麼不從另一個角度來看，這是微軟全新的設計風格呢？儘管可能有bug，但是仍然是拋棄了以前的風格做出的一種新嘗試。

放一個C#界面庫DevExpress在XP上的風格給大家看看，就知道我為什麼傾向於說這是一種新的設計風格。

我是建議先用spy++看看，自己研究研究。

至於QQ截圖有空隙，但是用alt+Prt Sc就沒有。

如果某天無聊研究出來細節我再補充。