對於微軟來說這是一個巨大的改變,而且所有微軟的平台包括,桌面,平板,移動及其網站都使用這個UI風格。
Metro UI包含了所有的現代web設計的特點,包括了,簡化,基於網格的界面,並且富有連續性。 大家如果有興趣可以看看這個界面設計說明 (http://msdn.microsoft.com/en-us/library/windows/apps/hh465424.aspx)。
如果你也喜歡Metro風格的話,這裡我們收集了很多windows 8的Metro UI風格布局資源,希望大家喜歡!
Metro風格的網站框架和模板
Metro UI CSS
Metro UI CSS是一個非常完整的創建Metro風格的網站的框架。使用LESS創建,並且擁有網格系統,排版樣式,表格,按鈕和圖片。
同時也擁有內建的javascript組件,幫助你生成片狀,菜單,邊欄,進度條,提示等等
etro UI CSS
BootMetro
BootMetro是一個Twitter Bootstrap的Metro風格主題。你可以創建Metro風格的樣式。例如,片狀UI,工具欄,其它組件。
metro-bootstrap
類似上面的BootMetro,這是另外一個Twitter Bootstrap主題,擁有所有的漂亮組件,並且包含了LESS。
Metro UI Template
這是一個網站的框架和模板,用來創建windows 8 Metro UI風格的界面。擁有平滑的過渡效果和tiles(包括,RSS,Twitter,weather等等)
這個模板支持模板並且擁有jQuery UI主題。
Droptiles – Metro-Style Web Dashboard
一個開源的windows 8開始界面dashboard(類似igoogle)。
使用tiles來展示信息,每一個tiles是獨立的應用可以用來獲取數據。這個項目基於ASP.NET可以移植到其它語言。
PHP Image Gallery In Metro UI
一個PHP的圖片畫廊可以自動生成縮略圖,並且可以使用lightbox來顯示圖片。支持HTML5和CSS3。
Motown
一個用來創建Metro風格應用的類庫,使用很少代碼即可實現。不依賴其它javascript類庫。
Metro風格jQuery插件資源
jq-metro
一個jQuery插件用來創建Metro風格的界面。目前,panorama,privot,進度條,列表選擇,切換,按鈕等。
Metro JS
這個jQuery Metro UI插件可以用來創建tiles,應用條,並且支持主題。功能和設計完全可定制。
jQuery Metro UI Plugin
這個插件可以簡單的創建tiles視圖並且支持聚焦。
jQuery Mobile Metro Theme
一個免費jQuery移動Metro UI主題,完全支持自定義。使用不同插件來處理應用欄,進度條,按鈕和日期選擇器。
Metro UI Theme Builder For jQuery UI
擁有themeroller風格的jQuery UI主題創建,幫助你創建Metro UI風格樣式
TileJS (non-jQuery)
一個標准的javascript代碼來創建tiles並且擁有完整tiles的onclick效果。
免費Metro UI圖標
Modern UI Icons
一套簡單手繪的Metro UI風格圖標,擁有48x48大小的PNG格式及其XAML文件。
Metro UI Dock Icon Set
一套670枚的windows8圖標,而且還在添加中。擁有512x512 png格式,256x256 .ico和.svg格式(由其它設計師設計)。
Metro Icons
windows phone 7的圖標,非常適合Metro UI應用。
來源:不容錯過的window8 metro UI風格的web資源