2012-12-6 蓝蓝设计的小编
转载蓝蓝设计( www.lanlanwork.com )是一家专注而深入的设计机构 ，为期望卓越的国内外企业提供有效的 BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
来源： http://www.ithome.com/html/win8/29627.htm
如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里
最近微软已经正式发布了Windows8 操作系统，Window操作系统的风格已经完全改变成了瓦片状的Metro UI。
对于微软来说这是一个巨大的改变，而且所有微软的平台包括，桌面，平板，移动及其网站都使用这个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风格的网站的框架。使用LESS创建，并且拥有网格系统，排版样式，表格，按钮和图片。
同时也拥有内建的javascript组件，帮助你生成片状，菜单，边栏，进度条，提示等等
BootMetro是一个Twitter Bootstrap的Metro风格主题。你可以创建Metro风格的样式。例如，片状UI，工具栏，其它组件。
类似上面的BootMetro，这是另外一个Twitter Bootstrap主题，拥有所有的漂亮组件，并且包含了LESS。
这是一个网站的框架和模板，用来创建Windows8 Metro UI风格的界面。拥有平滑的过渡效果和tiles（包括，RSS，Twitter，weather等等）
这个模板支持模板并且拥有jQuery UI主题。
Droptiles – Metro-Style Web Dashboard
一个开源的windows 8开始界面dashboard（类似igoogle)。
使用tiles来展示信息，每一个tiles是独立的应用可以用来获取数据。这个项目基于ASP.NET可以移植到其它语言。
一个PHP的图片画廊可以自动生成缩略图，并且可以使用lightbox来显示图片。支持HTML5和CSS3。
一个用来创建Metro风格应用的类库，使用很少代码即可实现。不依赖其它javascript类库。
Metro风格jQuery插件资源
一个jQuery插件用来创建Metro风格的界面。目前，panorama，privot，进度条，列表选择，切换，按钮等。
这个jQuery Metro UI插件可以用来创建tiles，应用条，并且支持主题。功能和设计完全可定制。
这个插件可以简单的创建tiles视图并且支持聚焦。
一个免费jQuery移动Metro UI主题，完全支持自定义。使用不同插件来处理应用栏，进度条，按钮和日期选择器。
Metro UI Theme Builder For jQuery UI
拥有themeroller风格的jQuery UI主题创建，帮助你创建Metro UI风格样式
一个标准的javascript代码来创建tiles并且拥有完整tiles的onclick效果。
免费Metro UI图标
一套简单手绘的Metro UI风格图标，拥有48x48大小的PNG格式及其XAML文件。
Modern UI 爱好者千万不要错过这次的合集，数量多，品质精，不收藏怎么行！很贴心的是压缩包里作者已经这1300枚图标按照系统的各个组成部分分类好了，这样就更加方便了你对他们的使用！
windows phone 7的图标，非常适合Metro UI应用。
via webresourcesdepot