自從 Nokia 宣布與微軟結盟，正式推出兩款 Windows Phone 手機，突然間，Metro-Style App 開始席捲消費者市場，大家開始注意到這個微軟新世代 UI 介面。並且可以很容易的發現，他跟 iphone 的介面設計是很不一樣的。
而這個世界就是這樣，當一項新概念被提出來的時候（像是雲端？），開始就有客戶會詢問你相關的需求，而不管是不是真的需要。進銷存系統可不可以上雲端，文書編輯系統可不可以上雲端，我的部落格可不可以上雲端…bala bala..
Metro Style 也是一樣，加上 Windows 8 即將於今年推出，預期 Metro-Style 的需求將大幅增加，為了克服軟體開發人員的宿命，本專欄將會介紹由國外作家所寫的一系列 Metro Style 文章，讓大家也可以一起瞭解 Metro Style 的概念，下次你跟客戶開會時，就不會迷惑地看著客戶：Metro Style, 那是甚麼？可以吃嗎 : )
當然，不是開發者的你，也歡迎閱讀本文，希望大家都能對於 Metro Style 有一些基本的認識。
好的，讓我們開始吧！
首先，先來看看兩個名詞的定義 （準備關掉網頁了嗎……先別急阿！）
Metro Design Principles（Metro 設計準則） 與 Metro Design Languages （Metro 設計語言）
- The Metro Design Principles（Metro 設計準則）
–> The pillars（usually abstract concepts）that guide the creation of experiences for Windows Phone
指引 Windows Phone介面體驗的抽象概念
- The Metro Design Languages（Metro 設計語言）
–> A set of concrete user interaction, visual design, motion and application flow elements and rules.
一組具體的使用者互動，視覺設計，動作與應用程式流程元素與規則
而所謂的 Metro-Style，就是由設計準則與設計語言所定義出來的。
…. 已經開始打瞌睡的，請在此打住，並且打開 Youtube 開始聽音樂
….
….
喔，太好了，你想繼續看下去，接下來我們就來看一下，這兩者有甚麼差異，搞的這麼複雜做什麼？但相信我，弄懂兩者的不同，對你會有幫助的。
Principles（準則）與 Language（語言）的差異就在於，principle 是一種概念. 但可以表示概念的方式很多種，而且每個人的表達方式不一樣。例如當你想要表達「喜歡」的概念, 妳可放一個大大的愛心表示, 或用文字形式的 l-o-v-e 表示，甚至是直接買一大束玫瑰花。就看你想怎麼去表達「喜歡」這個概念，可以是圖片、可以是文字，也可以是你特別設計的某種符號。
因此我們可以很簡單的說：Principle 是一種概念，而一組可以去表達這個概念的多個方法，就稱為 Language。（謎之聲: 講這麼多，講這句就好啊！）
好的，俗話說的好，沒圖沒真相，來看看大師提供的例子：
Metro 的設計風格強調簡約風格，提到簡約風，我們會想到簡單與樸素，因此一組簡約風格的元件會長的像這樣：
看到了嗎，甚麼，你說這沒啥特色，不好看，不不不，請有點慧根，這叫做極簡主義。
據說在設計界有句名言是說，要把元素加進去很容易，要把元素拿掉，卻是需要更大的創意。簡而言之，這叫藝術（握拳~）！還是不清楚嗎？你可以看看這個影片：
1. 杯壁與杯底的關係是可以裝東西的。
2. 重量與尺寸必須適合用手握住。
3. 有開口，適合裝液體。
當我把三個概念分別交由十個人自由發揮，會有甚麼情況，我會得到各種不同的杯子，高腳杯、紅酒杯、啤酒杯，對吧？因此，設計準則就是架構（Architecture），是製作某個事物的概念，如同影片中構成杯子的概念。至於設計語言，則是所有符合該事物概念的表述，像是影片中各種不同的杯子。這樣子懂了嗎 ^^
好的，講到這邊大家應該已經吃完好幾顆橘子了，
我們今天先聊到這邊，下回，我們再繼續來談談 Metro 設計準則與 Metro 設計語言的詳細內容吧 : )
你對 Metro Style 有甚麼看法呢? 在這邊留言與大家一起分享吧 ^^
文章、圖片來源: ux.artu.tv , Leawo
