2012-12-6 藍(lán)藍(lán)設(shè)計(jì)的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)( www.alimai.net )是一家專注而深入的設(shè)計(jì)機(jī)構(gòu) ，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
來(lái)源： http://www.ithome.com/html/win8/29627.htm
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
最近微軟已經(jīng)正式發(fā)布了Windows8 操作系統(tǒng)，Window操作系統(tǒng)的風(fēng)格已經(jīng)完全改變成了瓦片狀的Metro UI。
對(duì)于微軟來(lái)說(shuō)這是一個(gè)巨大的改變，而且所有微軟的平臺(tái)包括，桌面，平板，移動(dòng)及其網(wǎng)站都使用這個(gè)UI風(fēng)格。
Metro UI包含了所有的現(xiàn)代Web設(shè)計(jì)的特點(diǎn)，包括了，簡(jiǎn)化，基于網(wǎng)格的界面，并且富有連續(xù)性。 大家如果有興趣可以看看這個(gè)界面設(shè)計(jì)說(shuō)明（http://msdn.microsoft.com/en-us/library/windows/apps/hh465424.aspx ）。
如果你也喜歡Metro風(fēng)格的話，這里我們收集了很多windows 8的Metro UI風(fēng)格布局資源，希望大家喜歡！
Metro風(fēng)格的網(wǎng)站框架和模板
Metro UI CSS是一個(gè)非常完整的創(chuàng)建Metro風(fēng)格的網(wǎng)站的框架。使用LESS創(chuàng)建，并且擁有網(wǎng)格系統(tǒng)，排版樣式，表格，按鈕和圖片。
同時(shí)也擁有內(nèi)建的javascript組件，幫助你生成片狀，菜單，邊欄，進(jìn)度條，提示等等
BootMetro是一個(gè)Twitter Bootstrap的Metro風(fēng)格主題。你可以創(chuàng)建Metro風(fēng)格的樣式。例如，片狀UI，工具欄，其它組件。
類似上面的BootMetro，這是另外一個(gè)Twitter Bootstrap主題，擁有所有的漂亮組件，并且包含了LESS。
這是一個(gè)網(wǎng)站的框架和模板，用來(lái)創(chuàng)建Windows8 Metro UI風(fēng)格的界面。擁有平滑的過(guò)渡效果和tiles（包括，RSS，Twitter，weather等等）
這個(gè)模板支持模板并且擁有jQuery UI主題。
Droptiles – Metro-Style Web Dashboard
一個(gè)開源的windows 8開始界面dashboard（類似igoogle)。
使用tiles來(lái)展示信息，每一個(gè)tiles是獨(dú)立的應(yīng)用可以用來(lái)獲取數(shù)據(jù)。這個(gè)項(xiàng)目基于ASP.NET可以移植到其它語(yǔ)言。
一個(gè)PHP的圖片畫廊可以自動(dòng)生成縮略圖，并且可以使用lightbox來(lái)顯示圖片。支持HTML5和CSS3。
一個(gè)用來(lái)創(chuàng)建Metro風(fēng)格應(yīng)用的類庫(kù)，使用很少代碼即可實(shí)現(xiàn)。不依賴其它javascript類庫(kù)。
Metro風(fēng)格jQuery插件資源
一個(gè)jQuery插件用來(lái)創(chuàng)建Metro風(fēng)格的界面。目前，panorama，privot，進(jìn)度條，列表選擇，切換，按鈕等。
這個(gè)jQuery Metro UI插件可以用來(lái)創(chuàng)建tiles，應(yīng)用條，并且支持主題。功能和設(shè)計(jì)完全可定制。
這個(gè)插件可以簡(jiǎn)單的創(chuàng)建tiles視圖并且支持聚焦。
一個(gè)免費(fèi)jQuery移動(dòng)Metro UI主題，完全支持自定義。使用不同插件來(lái)處理應(yīng)用欄，進(jìn)度條，按鈕和日期選擇器。
Metro UI Theme Builder For jQuery UI
擁有themeroller風(fēng)格的jQuery UI主題創(chuàng)建，幫助你創(chuàng)建Metro UI風(fēng)格樣式
一個(gè)標(biāo)準(zhǔn)的javascript代碼來(lái)創(chuàng)建tiles并且擁有完整tiles的onclick效果。
免費(fèi)Metro UI圖標(biāo)
一套簡(jiǎn)單手繪的Metro UI風(fēng)格圖標(biāo)，擁有48x48大小的PNG格式及其XAML文件。
1300枚Win8 Modern風(fēng)格圖標(biāo)
Modern UI 愛好者千萬(wàn)不要錯(cuò)過(guò)這次的合集，數(shù)量多，品質(zhì)精，不收藏怎么行！很貼心的是壓縮包里作者已經(jīng)這1300枚圖標(biāo)按照系統(tǒng)的各個(gè)組成部分分類好了，這樣就更加方便了你對(duì)他們的使用！
windows phone 7的圖標(biāo)，非常適合Metro UI應(yīng)用。
via webresourcesdepot
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.alimai.net