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

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

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

 

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

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

 

<< Metro UI >>

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

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

image

 

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

image

 

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

image

 

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

 

Metro 中文翻譯為地鐵

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

image

 

Metro UI 簡單的來說,有幾個很重要的重點:

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

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

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

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

 

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

 

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

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

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

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

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

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

 

 

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

 

簡單」是很重要的重點!

 

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

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

 

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

 

 

 

<< Expression Blend 的未來 >>

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

 

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

image

 

常常會有人問我:

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

(二) 學 Blend 有好處嗎?

(三) 學 Blend 會比Flash 好嗎?

(四) Blend 的未來是什麼?

 

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

沒有關係,我把重點標出來給你看:

image

 

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

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

 

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

image

 

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

image

 

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

image

 

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

image

 

 

 

還不夠振奮嗎?沒關係!

 

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 做介紹,想知道更多嗎?下次告訴你。

 

(若有任何錯誤的地方,請各位前輩或同好能不吝指教,小女子都會虛心接受;若是你喜歡我的教學,請給我點鼓勵,謝謝。)

一步一步邁向HIE之路

 

喜歡我文章請推我一下或給我個回應,你的鼓勵會給我無限的動力喔!

若是您有其他問題或是特別需要,請在文章回應處留言,我會盡快回覆您