Web设计资源:Windows8的Metro UI风格布局案例

http://www.itjxue.com  2015-08-07 20:45  来源:未知  点击次数: 

微软已经正式发布了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类库。

(责任编辑:IT教学网)

更多