五个Metro UI 风格的网页设计

简介: 随着Windows Phone7的发布,WIN8的初露倪端,Metro这种新兴设计风格正被大家所熟悉。      Metro本意是地铁,Metro风格设计和灵感来源正是来源与机场和地铁系统所使用的视觉语言。

 随着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/

2 www.msn.com 

4http://www.mdong.org/

5theie6countdown.cn/educate-others.aspx

目录
相关文章
|
C# Windows
使用WPF来创建 Metro UI程序
原文:使用WPF来创建 Metro UI程序 这个是我以前网上看到的一篇文章,原文地址是:Building a Metro UI with WPF,这篇文章一步步的介绍了如何实现一个Metro样式的窗口,并且效果非常好。
1284 0
|
C#
使用WPF来创建 Metro UI程序
本文转载:http://www.cnblogs.com/TianFang/p/3184211.html 这个是我以前网上看到的一篇文章,原文地址是:Building a Metro UI with WPF,这篇文章一步步的介绍了如何实现一个Metro样式的窗口,并且效果非常好。
915 0
|
前端开发 JavaScript Windows
【今日推荐】10大流行的 Metro UI 风格的 Bootstrap 主题和模板
  Metro UI 是一种界面展示技术,是 Windows 8 的主要界面显示风格。Metro 界面和 iOS、Android 界面最大的区别在于:后两种都是以应用为主要呈现对象,而 Metro 界面强调的是信息本身,而不是冗余的界面元素。
1549 0
|
前端开发 Android开发 iOS开发
特别推荐:15个精美 Metro UI 风格 WordPress 主题
  Metro 风格的设计在移动应用和 Web 设计领域成为流行趋势,在过去数月被讨论得非常多。Metro UI 的设计带给你的第一印象是彩色方块和简约的设计,这有利于以文字为主的界面导航。   Metro UI 是一种界面展示技术,和 iOS、Android 界面最大的区别在于:后两种都是以应用为主要呈现对象,而 Metro 界面强调的是信息本身,而不是冗余的界面元素。
791 0
|
JavaScript 前端开发 Windows
[摘]不容错过的window8 metro UI风格的web资源
最近微软已经正式发布了windows 8操作系统,window操作系统的风格已经完全改变成了瓦片状的Metro UI。 对于微软来说这是一个巨大的改变,而且所有微软的平台包括,桌面,平板,移动及其网站都使用这个UI风格。
1055 0
|
JavaScript 前端开发 Windows
不容错过的window8 metro UI风格的web资源
日期:2012-11-2  来源:GBin1.com 最近微软已经正式发布了windows 8操作系统,window操作系统的风格已经完全改变成了瓦片状的Metro UI。 对于微软来说这是一个巨大的改变,而且所有微软的平台包括,桌面,平板,移动及其网站都使用这个UI风格。
820 0
|
Windows UED Android开发
五个Metro UI 风格的网页设计
随着Windows Phone7的发布,WIN8的初露倪端,Metro这种新兴设计风格正被大家所熟悉。      Metro本意是地铁,Metro风格设计和灵感来源正是来源与机场和地铁系统所使用的视觉语言。
1164 0
|
Android开发 iOS开发 开发者
Windows Phone灵魂诠释:Metro UI界面完全解析
Metro在微软的内部开发名称为“ typography-based design language”(基于排版的设计语言)。它最早出现在微软电子百科全书95,此后微软又有许多知名产品使用了Metro UI,这包括:Windows媒体中心、Zune播放器等等。
791 0
|
Android开发 iOS开发 开发者
Windows Phone灵魂诠释:Metro UI界面完全解析
Metro在微软的内部开发名称为“ typography-based design language”(基于排版的设计语言)。它最早出现在微软电子百科全书95,此后微软又有许多知名产品使用了Metro UI,这包括:Windows媒体中心、Zune播放器等等。
1149 0