metro UI是由微软公司开发的内部名称为“ typography-based design language”（基于排版的设计语言）。最早出现在微软电子百科全书95，后来的产品如：windows媒体中心、Zune播放器 都有用到这项技术。该技术已于2010年初（美国）获得Metro UI专利批准（USPTO）。metro UI最新的应用是windows phone 7智能手机系统，并将应用于未来的windows 8、office 和 xbox 360产品中。
metro UI是一种界面展示技术，和苹果的iOS、谷歌的Android界面最大的区别在于：后两种都是以应用为主要呈现对象，而Metro界面强调的是信息本身，而不是冗余的界面元素。显示下一个界面的部分元素的功能上的作用主要是提示用户“这儿有更多信息”。同时在视觉效果方面，这有助于形成一种身临其境的感觉
Metro设计不仅仅是用于移动应用和应用程序的设计，越来越多的网站也融入了Metro 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风格图标，拥有48×48大小的PNG格式及其XAML文件。
Metro UI Dock Icon Set
一套670枚的windows8图标，而且还在添加中。拥有512×512 png格式，256×256 .ico和.svg格式（由其它设计师设计）。
Metro Icons
windows phone 7的图标，非常适合Metro UI应用。
1. BootMetro
基于 Twitter Bootstrap 的简单灵活的 HTML、CSS 和 Javascript 框架，Win8 风格，大爱啊！
2. Bootswatch – Cosmo
一套用于 Twitter Bootstrap 开发框架的 Metro UI 风格主题，可以免费使用。
3. Metro Flexible Navigation
帮助你试下简洁灵活的 Windows 8 Metro 风格的网格布局，支持水平、垂直布局，拖放滚动，很炫！
4. Metro UI CSS
Metro UI CSS 是一个样式包，用于创建 Windows 8 Metro 风格的 UI，效果相当漂亮！
5. metro-bootstrap
简洁优雅的 Twitter Bootstrap Metro 界面风格开发框架，是 GitHub 上的开源项目。
6. MelonHTML5 – Metro UI
基于 HTML5、CSS3 和 JavaScript 的 Metro UI 框架，可以通过配置参数满足实际的需要。
7. Metro Mania
Metro Mania 是专业的，响应式的 Bootstrap Metro 风格主题，有6套颜色可供选择使用 。
8. Scaffold – Metro Style Template
这是一个网站模板，用于构建基于 Twitter Bootstrap 的 Metro 风格网站和 Web 应用。
9. MADMIN – Admin Theme
比较稀有的 Metro 风格的网站后台管理系统主题。可惜是付费的，有点小贵啊。
10. Metro Help Desk Support Tickets
简洁优雅的 Metro 风格的帮助面板，集成了 FAQ 和手册系统，减少响应时间，提高效率。
Metro UI共提供10种配色方案。它们分别是：
分别为：
红 色：E51400 绿色：339933 蓝色：1BA1E2 橙色：F09609 草绿：8CBF26 湖蓝：00ABA9 洋红：FF0097 粉色：E671B8 棕色：996600 紫色：A200FF
