Metro風格介面

metro 風格應用是 windows 8 consumer preview 上使用者體驗的中心環節，功能強大的 metro 風格應用共享了乙個重要的特性集，這樣提供的使用者體驗就具有一致性、簡約性，並且會產生引人注目的效果。

metro設計具備以下五點原則：

1.乾淨、輕量、開放、快速　

2.要內容，而不是質感　　

3.整合軟硬體　　

4.世界級的動畫　　

5.生動，有靈魂

內容是 metro 風格應用的核心，並且在鑲邊前放置內容是 metro 風格應用設計的關鍵。其他一切都是附屬—或鑲邊—，可幫助顯示和實現與內容的互動。顯示內容

清除並開啟布局

僅在螢幕上保留最相關的元素，從而最大程度地減少干擾，幫助人們沉浸在內容中。

移除線條、框和不必要的圖形效果（如模糊和漸變），使介面有充分的空間來顯示內容。使用開放空間來構建內容框架。

限制螢幕上持久顯示的導航框，如選項卡。讓人們關注當前內容，避免花哨的鑲邊分散注意力。

清除資訊層次結構

metro 設計語言建立在整齊、美觀的版式上，可幫助使用者了解內容的層次結構。使用版式而不是線條和框，以幫助建立結構和層次結構。

對文字使用一致的大小、粗細和顏色，可以傳遞出內容的重要性資訊。各種變化要小，這樣人們可以輕鬆看到內容在整體層次結構中的組合方式使用預設樣式表來獲得文字的預定義型別漸變。

metro 風格剪影

當人們專注於內容時，這些組成內容的部件便形成了應用程式的標識。乙個熟悉的剪影可幫助人們本能地將你的應用識別為 metro 風格（與其相對，如乙個網頁）。與 metro 風格剪影保持一致可營造一種親切感和信任感。

直接互動

人們與內容互動的最自然方式是直接參與，無需中間鑲邊。在可能的情況下，要求人們通過直接控制內容來完成操作，而不是使用控制項進行間接控制。

例如，讓人們點按某個專案以檢視其詳細資訊，橫向滑動以選擇它，拖動以移動它，縮小以檢視完整上下文—，而不是在螢幕上新增按鈕來執行這些操作。

導航長的內容列表時可以使用語義縮放方法，該方法用起來非常迅速、流暢並且以內容為中心。

利用邊緣

某些操作無法通過直接控制來完成。對於那些需根據上下文顯示的命令，僅在需要時才顯示，以避免弄亂你的畫布。利用螢幕或裝置的邊緣，人們可以放心地找到命令。

將這些命令放置在應用欄中，這樣，從上邊緣或下邊緣輕掃可將其按需顯示出來，在使用者完成操作後可將其取消。

利用超級按鈕（從右邊緣輕掃可將其按需顯示出來）呼叫「搜尋」、「共享」、「裝置」或「設定」超級按鈕。

避免在螢幕上持久放置命令，並避免顯示可使用超級按鈕訪問的合約重複入口點。

設計應滿足舒適的要求，並將常用的互動表面放在邊緣附近。

有針對性的動畫

運動是 metro 設計語言的核心部分。精心設計的動畫可以使應用變得更豐富，並且使體驗感覺精良和完美。

使用有針對性的動畫可直觀地與體驗聯絡起來，並進行闡述。在流暢的介面中，一切事物都有來龍去脈。

利用特定情景動畫的動畫庫集，其目的是傳遞資訊。熟悉的運動可以增強對概念的理解，幫助人們了解期待的內容，以及建立自信。

觸控功能設計

metro 風格應用的設計首先要考慮觸控功能。它們利用了手和手指的優勢，並且考慮了舒適度和人機工程學。

充分使用 windows 8 觸控功能語言並使用規定的手勢，讓人們始終都可以自然地控制內容。有關詳細資訊，。

使內容緊緊跟隨你的手指。除了考慮點按外，使用滑動互動（如語義縮放）可讓人們快速輕鬆地導航內容並與其互動。

提供觸控功能的即時視覺反饋，這樣人們可以放心地知道自己是否命中了預定目標。保持互動的可逆性，並且僅在人們確認的情況下提交操作，以便提供發現錯誤的空間並鼓勵探索。