2013年2月9日 星期六

[ Windwos 8 APPs ] 學習Windwos 8 APPs就從Metro UI開始

Metro UI 是Windows 最新人機介面,或許我們可以稱它為Windows UI、Medern UI、Windows 8-style UI,目前已被採用在Windows 8, XBox 360中。Metro UI最主要的訴求是"光滑、快、現代",其靈感來自於機場及地鐵的指示牌。詳細介紹您可以參閱維基百科的Metro UI的說明。
微軟這次在人機介面上改版下了很大決心,我們所熟悉的Icon不見,最小化及最大化也不見,連關閉鈕都不在,而其設計樣子跟乾隆年間盛行的"多寶格"很像,只不過使用軟體來呈現數位多寶格,其框架大小可以無限延伸,自訂大小。有興趣讀者可以閱讀"Metro UI 不是一套Skin"的文章。
在"談 Metro UI 以及 Expression Blend 的未來"文章中說明Metro UI的四個重點:
  1. 矩形大色塊、顏色單一且簡單
  2. 內容為簡單的文字或是圖案
  3. 大量簡潔的空白空間且具設計感
  4. 使用直覺式設計,讓使用者操作無障礙
在"淺談微軟Windows手機的metro UI設計"文章中,強調Metro UI設計是簡潔輕巧開放快速(clean,light,open and fast),設計元素強調動態內容、字型。並說明七大設計要點:
  1. 強調文字/字型設計
  2. 樸素的圖文
  3. 強調畫面的轉變過程
  4. 內容為主角
  5. 改變空間的運用
  6. 大膽使用顏色
  7. 反應快速的動態磚(tile)
在"小喵看Windows Phone的設計理念—Metro UI"文章中,以夜市招牌-賣木瓜牛奶的招牌,強調:
  1. 最精簡的文字
  2. 最簡單的圖示(或圖案)
  3. 沒有多餘的設計
另外對動態磚的設計也有詳細的說明,動態磚包括:一小段文字、一個背景圖、以及背後的標題。
在操控Windows 8 Metro UI可以用十二字訣來說明,那就是
  • 觸控四邊
  • 滑鼠四角
  • 右鍵無敵
讀者可以參考"Windows 8十二字訣,完全搞懂介面設計使用技巧"的文章說明。
"Windows Phone靈魂詮釋:Metro UI界面完全解析"對Metro UI有詳細的說明。
若您對Metro UI的應用有興趣,可以閱讀"未來生活進行時: 數字倫敦2012 —— 從Metro UI 到奧運規劃未來智慧城市的一個範本"文章。

沒有留言:

張貼留言