Web設計資源:Windows8的Metro UI風格布局案例

文章描述：本文收集了很多Windows 8的Metro UI風格布局資源，希望大家喜歡！

微軟已經正式發布了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類庫。

[1] [2] [3]  下一頁