微軟已經正式發佈了windows 8操作系統,Windows操作系統的風格已經完全改變成了瓷貼狀的Metro UI。對於微軟來說這是一個巨大的改變,而且所有微軟的平臺,包括桌面、平板、移動及網站都使用這個UI風格。Metro UI包含了所有的現代web設計的特點:簡化、基於網格的界面、富有連續性。
本文收集了很多Windows 8的Metro UI風格佈局資源,希望大家喜歡!
一、Metro風格的網站框架和模板
Metro UI CSS
Metro UI CSS是一個非常完整的、用於創建Metro風格網站的框架。使用LESS創建,並且擁有網格系統、排版樣式、表格、按鈕和圖片。同時也擁有內建的JavaScript組件,幫助你生成瓷貼、菜單、邊欄、進度條、提示等等。
BootMetro
BootMetro是一個Twitter Bootstrap的Metro風格主題。你可以創建Metro風格的樣式。例如,瓷貼UI、工具欄和其它組件。
metro-bootstrap
類似上面的BootMetro,這是另外一個Twitter Bootstrap主題,擁有所有的漂亮組件,並且包含了LESS。
Metro UI Template
這是一個網站的框架和模板,用來創建Windows 8 Metro UI風格的界面。擁有平滑的過渡效果和Tiles(包括RSS、Twitter、weather等)。
Droptiles – Metro-Style Web Dashboard
一個開源的Windows 8開始界面儀表板(類似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風格圖標,擁有48×48大小的PNG格式及XAML文件。
Metro UI Dock Icon Set
一套670枚的Windows 8圖標,而且還在添加中。擁有512×512 png格式、256×256 ico和svg格式。
Metro Icons
Windows Phone 7的圖標,非常適合Metro UI應用。