Sym - 一个用 Java 实现的现代化社区平台 • 源码 • 注册

Pipe - 小而美的开源博客平台 • 体验 • 皮肤
Solo - 一个用 Java 实现的博客系统,为你或你的团队创建个博客吧! • 源码下载 
Wide - 一个基于 Web 的 Go 语言 IDE • 教程试用

不容错过的 Window 8 Metro 风格 UI 资源

颠覆了各种圆角,另一种不错的视觉享受,收藏之。

下文转自:http://www.w3cfuns.com/article-915-2.html

 

微软已经正式发布了 windows 8 操作系统,Windows 操作系统的风格已经完全改变成了瓷贴状的 Metro UI。

对于微软来说这是一个巨大的改变,而且所有微软的平台,包括桌面、平板、移动及网站都使用这个 UI 风格。

Metro UI 包含了所有的现代 web 设计的特点:简化、基于网格的界面、富有连续性。大家如果有兴趣可以看看微软发布的《Windows Store 应用程序用户体验指南》。 

本文收集了很多 Windows 8 的 Metro UI 风格布局资源,希望大家喜欢! 

一、Metro 风格的网站框架和模板 

1.  Metro UI CSS 

Metro UI CSS 是一个非常完整的、用于创建 Metro 风格网站的框架。使用 LESS 创建,并且拥有网格系统、排版样式、表格、按钮和图片。同时也拥有内建的 JavaScript 组件,帮助你生成瓷贴、菜单、边栏、进度条、提示等等。

2.  BootMetro

BootMetro 是一个 Twitter Bootstrap 的 Metro 风格主题。你可以创建 Metro 风格的样式。例如,瓷贴 UI、工具栏和其它组件。

3.  metro-bootstrap

类似上面的 BootMetro,这是另外一个 Twitter Bootstrap 主题,拥有所有的漂亮组件,并且包含了 LESS。 

4.  Metro UI Template 

这是一个网站的框架和模板,用来创建 Windows 8 Metro UI 风格的界面。拥有平滑的过渡效果和 Tiles(包括 RSS、Twitter、weather 等)。

5.  Droptiles – Metro-Style Web Dashboard 

一个开源的 Windows 8 开始界面仪表板(类似 iGoogle)。使用 tiles 来展示信息,每一个 tiles 是独立的应用,可以用来获取数据。这个项目基于 ASP.NET,可以移植到其它语言。 

6.  PHP Image Gallery In Metro UI 

一个 PHP 的图片画廊,可以自动生成缩略图,并且可以使用 lightbox 来显示图片。支持 HTML5 和 CSS3。 

7.  Motown

一个用来创建 Metro 风格应用的类库,使用很少代码即可实现。不依赖其它 JavaScript 类库。

二、Metro 风格 jQuery 插件资源 

1.  jq-metro

一个 jQuery 插件,用来创建 Metro 风格的界面。目前包含 Panorama、Privot、进度条、列表选择、切换、按钮等。

2.  Metro JS

这个 jQuery Metro UI 插件可以用来创建 tiles、应用条,并且支持主题。功能和设计完全可定制。 

3.  jQuery Metro UI Plugin

这个插件可以简单的创建 tiles 视图并且支持聚焦。

4.  jQuery Mobile Metro Theme

一个免费 jQuery 移动 Metro UI 主题,完全支持自定义。使用不同插件来处理应用栏、进度条、按钮和日期选择器。

5.  Metro UI Theme Builder For jQuery UI 

拥有 themeroller 风格的 jQuery UI 主题插件,帮助你创建 Metro UI 风格样式。 

6.  TileJS (non-jQuery)

使用标准的 JavaScript 代码来创建 tiles,并且拥有完整 tiles 的 onclick 效果。

三、免费 Metro UI 图标 

1.  Modern UI Icons 

一套简单手绘的 Metro UI 风格图标,拥有 48x48 大小的 PNG 格式及 XAML 文件。

2.  Metro UI Dock Icon Set

一套 670 枚的 Windows 8 图标,而且还在添加中。拥有 512x512 png 格式、256x256 ico 和 svg 格式。 

3.  Metro Icons

Windows Phone 7 的图标,非常适合 Metro UI 应用。 


欢迎注册黑客派社区,开启你的博客之旅。让学习和分享成为一种习惯!

留下你的脚步