[Windows 8] 談 Metro UI 以及 Expression Blend 的未來

這篇，我要利用Windows
8談兩個主題

一個是
Metro UI，另一個是 Expression Blend 的未來

<<
Metro UI >>

一定有許多人已經看過Windows
8 Developer Preview版了

其中新版介面
大部份的操作介面是利用Metro UI 的概念所設計的





其實眼尖的朋友應該已經發現了，Windows
Phone 7 也是使用 Metro UI 的設計概念





不曉得你有沒有發現，XBox
也是使用 Metro UI 呢?





我一口氣舉了三項以Metro
UI為主軸的介面設計，那何謂 Metro UI 呢?

Metro
中文翻譯為地鐵

而
Metro UI 的精神來自於現代化的 Metro 風格，主要是參考了機場以及地鐵系統的標誌及設計：





Metro
UI 簡單的來說，有幾個很重要的重點：

一、矩形大色塊、顏色單一且簡單

二、內容為簡單的文字或是圖案

三、大量簡潔的空白空間且具設計感

四、使用直覺式設計，讓使用者操作無障礙

但是以上的這些，只是
Metro UI 理論上的大方向而已

微軟把
Metro UI 做了更實際的運用與設計

比方說，在
Windows 8 與 Windows Phone 7 上，有很多對使用者來說更便利的設計：

一、不停更新且顯示變動狀態的動態磚

二、動態磚可隨意拖拉並釘選在使用者自訂的位置上

(以上這兩點，可以讓使用者去關注自己所關心的內容，讓使用更加簡單、管理更加人性化)

三、流暢且連貫的操作介面

我覺得，這真的是對使用者非常友善的介面設計概念

「簡單」是很重要的重點!

但是其實越簡單的設計，反而是越難的設計

原因在於：該怎麼有效的使用簡單的物件，去創造出令使用者感到舒服又美觀的設計?

對我來說，Metro
UI 真的很不簡單!

<<
Expression Blend 的未來 >>

接下來要談Expression
Blend 的未來，我一樣利用Windows 8 為起頭

首先，我們先來"仔細"看一下「Windows
8 的平臺和工具的基礎」示意圖：





常常會有人問我：

(一)
現在學 Blend 來的及嗎?

(二)
學 Blend 有好處嗎?

(三)
學 Blend 會比Flash 好嗎?

(四)
Blend 的未來是什麼?

看完「Windows
8 的平臺和工具」示意圖，如果你還有以上的疑問....

沒有關係，我把重點標出來給你看：





看到了嗎?
Windows 8 - Metro Style Apps 的 View 是以 XAML 為基礎

而
XAML是用 Expression Blend 就可以輕鬆產出的!!

並且在 Expression
Blend 5 Developer Preview 內可以發現





未來可以在
Blend 5 裡編輯 html 5 + CSS 3





並且可以直接對其屬性做設定





輕鬆簡單的做出Windows
8 的Metro UI 介面





還不夠振奮嗎?沒關係!

Expression
Blend 在未來會越來越重要，讓我告訴你 Expression Blend 還可以做什麼：

<
Windows Phone 7 >

還記得一開始我提過的
Windows Phone 7 嗎?

Expression
Blend 是 Windows Phone 7 應用軟體很好的開發工具

甚至還可以利用
Windows Phone SketchFlow 加速開發與溝通

<
Kinect For Windows >

已經釋出一段時間的
Kinect for Windows SDK

其相關的體感技術開發平台及語言，就包含了
WPF

請別忘記，Expression
Blend 裡不只有 Silverlight，還包含了 WPF

想開始學
Expression Blend 了嗎?

那還在等什麼?

未來，我會再針對
Expression Blend 5 做介紹，想知道更多嗎?下次告訴你