[Windows 8] 談 Metro UI 以及 Expression Blend 的未來
来源:互联网 发布:程序员好找对象吗 编辑:程序博客网 时间:2024/05/21 07:06
這篇,我要利用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 做介紹,想知道更多嗎?下次告訴你
- [Windows 8] 談 Metro UI 以及 Expression Blend 的未來
- 笔记(二): Expression Blend 设计Windows Phone 应用程序的UI
- 超棒的 Windows 8 Metro UI 风格框架
- WPF,VS2008,Expression Blend 2,XAML以及Silverlight 的关系
- Expression Blend 4 for Windows Phone 安装失败的解决方法
- Expression-Blend项目UI设计三要素
- Expression Blend学习二UI布局
- Windows 8 Metro/Windows UI 应用获取屏幕分辨率的一种方法。
- Expression Blend
- 创建 Windows 8 Metro UI 风格网站所需要的资源集合
- 获取Expression Blend 4 RC的Key
- windows phone:Expression Blend实例中文教程(8) - 动画设计快速入门StoryBoard
- 使用Expression Blend创建漂亮的按钮(Building Better Buttons in Expression Blend )
- SQLite运行在WinRT, Metro以及Windows 8移动版
- Windows 8的意义,不仅仅是Metro
- Windows 8 Metro图表Chart的实现
- Windows 8风格的Metro设计
- windows phone:Expression Blend实例中文教程(1) - 开篇
- Yahoo! S4:分布式流计算平台
- matlab中图像采集工具箱的应用
- IE6 BUG大全
- 写一个好的程序(面试及笔试中程序设计题要考察的内容)
- 英语练习93 Australia
- [Windows 8] 談 Metro UI 以及 Expression Blend 的未來
- Android 底部弹出提示窗口覆盖MENU
- Android ProgressBar自定义图片进度,自定义渐变色进度条
- 推荐移动开发者了解及学习内容
- Xcode 常用快捷键及代码自动排版
- yuv和yCbCr的差异
- 蚂蚁的精神
- 因为你的不在乎,让我学会了冷漠
- python map和reduce的用法