在這邊要跟專欄的讀者說聲抱歉，前陣子專案時程相當緊，每天在刀槍劍雨的拼鬥後，實在無法在腦袋一團亂狀況下好好的生文章。好啦，我知道這一切都是藉口！我會努力加快生稿速度的！
言觀正傳（謎之聲：是你自己扯遠的吧），過了這麼久，相信大家應該都已經忘記 Metro Design Principle 是什麼了吧（嘆氣），在這邊貼心地幫各位把連結貼上來，請複習一下。
（停頓三分鐘等大家複習……）
好，現在把現場交還給主播… 喂！不是啦，現在你應該知道，透過遵循 Metro Design Principle，可以確保所設計出的 App 符合 Metro Style 風格。至於 Metro Design Language，則是幫助開發人員設計 Metro Style App 的工具箱，通常我們將它稱為一個框架（Framework）。
要打造出一個好用的框架，不是一件容易的事，必須經過無數次的設計、驗證、測試與修改的反覆流程，才能產出一個優秀的框架。
使用好的框架，可以幫助開發人員提高工作品質與效率。微軟在智慧型手機市場的帝國大反擊計劃中，提出一套 Metro Style 開發框架，包含了以下項目：
- 巡覽（Navigation）：
支援頁面的切換以及在不同頁面傳遞資料。
- 佈局（Layout）：
在頁面中擺放元素的方式，Metro App 常見佈局方式有 Grid、Canvas 與 Stack Panel 三種。 Grid 是大家比較熟悉的表格排版方式，Canvas 則是讓你可以透過指定 UI 元素在畫面上的絕對位置，完成畫面排版。最後，Stack Panel 則讓你預設以垂直的方式擺放 UI 元素，亦可透過設定改為水平。
- 排版印刷術（Composition Typography）：
在前一篇文章曾提到，排版印刷術可以讓畫面看起來更加整齊、美觀，而且讓使用者能夠很容易的注意到重點。在微軟的 Metro Style 框架中，提供了形狀（Shape）、尺寸（Size）、 字型（Font）， 與 顏色（Color）等素材，讓開發人員可以使用排版印刷術設計一個具現代感的介面。
- 動作（Motion）：
還記得上次我們提到的 Turnstile motion 與 Continuum Motion 嗎透過這些頁面效果的幫助，可以讓使用者覺得畫面更為流暢與生動，達到更好的使用者體驗。
Icon 指的是小圖示，在 Metro Style App 中，主要的原則是希望能夠提供直覺的按鈕，讓使用者可以很容易地了解該功能是做甚麼用的。
圖解法的意思就是當你要在 App 裡提供「列印」功能，請使用
；若要提供「存檔」功能，請使用 
。這邊的例子是告訴你，圖示必須能夠直覺地被聯想到該功能主要目的，畢竟，你總不會在洗手間的門口看到這個圖示吧：
。
- 影像與照片（Images & Photos）：
Metro Style 開發框架提供多個支援影像顯示的控制項，讓你可以在 App 上擺放影像與照片。
主題（Theme）指的是 Windows Phone 中，系統預設的視覺元素資源。 包含了 2 種背景色（Background Color）與 10 種前景色 （Accent Color）。使用者可以自行設定，開發者也可以使用程式去控制 App 要展現的視覺風格。
改變主題的效果請參考下圖，由左至右的主題設定為【背景色：亮 （light）、前景色：咖啡色】、【背景色：暗（dark）、前景色：藍色（Blue）】，與【背景色：亮（light）、前景色：紫色（Purple）】
國外有更厲害的Hacker，可以讓你更進一步地改變 Windows Phone 上更多元素的視覺主題，請看以下影片：
待續……
（資料來源：ux.artu.tv；圖片來源：Flickr, CC Licensed）
