随着Windows Phone7的发布,WIN8的初露倪端,
Metro这种新兴设计风格正被大家所熟悉。
Metro本意是地铁,Metro风格设计和灵感来源正是来源与机场和地铁系统所使用的视觉语言。
Metro设计具备以下五点原则:
1.干净、轻量、开放、快速
2.要内容,而不是质感
3.整合软硬件
4.世界级的动画
5.生动,有灵魂
这些设计原则都基于这样一个原则,就是所有的UI元素都应该实实在在的数字化,并附以和谐的,功能化的,吸引人的视觉元素。应用程序应该用探索精神和激动人心的视觉设计去打动用户。
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 风格的网页设计.这 类的网站也是从微软的网站开始流行的。
1 最先发现的是MSDN了。http://msdn.microsoft.com/
2www.msn.com
4http://www.mdong.org/
5theie6countdown.cn/educate-others.aspx
分享到:
相关推荐
微软Metro UI风格网页模板。Windows Phone7,Windows8 界面
css3网页模板MetroUI风格 css3实现的Metro UI效果
VIUI 构建在Vue.js 2.X之上的Metro UI 风格的工具包
60种metro ui风格图标 要的速度下了!哈哈 编程绝对用的上哦!
一些Metro风格的图片 Windows UI风格的图片 希望对做WP7,WP8,Win8等的同学有点帮助
VB.NET制作Windows8 MetroUI Form 风格界面!供大家参考!
This resource demonstrates a Metro UI inspired jQuery UI theme built with the jQUIT Builder.
Metro UI CSS 是高仿windows8 风格的一套不错样式框架。以上资源建议配合Metro UI CSS 学习笔记一起使用。
metro扁平UI网页组件是一款扁平风格metro ui 网页组件,包含常用的按钮,幻灯片,导航条,图片过滤等特效。
这个demo是基于metro ui css做的,每一个样式都做的很详细,源码中关键部分都有注释,标明哪些是重要代码。。 metro ui css本身是兼容firefox、chrome、IE9的,我这边由于做界面加了些样式,目前这个demo在firefox下...
Metro_UI风格配色方案
Metro扁平风格网页右侧返回顶部代码,非常不错的代码
Windows8 Modern(Metro)界面程序管理工具。集离线部署、卸载、清理和破解于一身,并可对metro界面程序设置代理访问Internet,功能超强!
Metro UI CSS可以快速创建一个Windows 8风格的网站!
Metro UI windows8风格的扁平化后台管理div+css源码
android 源码学习
metro ui style html JS
今天使用bootstrap和metroui设计了一个metro风格的移动app或者微信微网站的界面,非常不错具有参考借鉴价值,感兴趣的朋友可以参考下