五个Metro UI 风格的网页设计

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

3.www.microsoftmag.eu/

4http://www.mdong.org/

5theie6countdown.cn/educate-others.aspx

转载于:https://www.cnblogs.com/chu888chu888/archive/2012/08/25/2656880.html

五个Metro UI 风格的网页设计相关推荐

Win8 Metro UI风格的Web设计资源分享
最近微软已经正式发布了windows 8操作系统,window操作系统的风格已经完全改变成了瓦片状的Metro UI. 对于微软来说这是一个巨大的改变,而且所有微软的平台包括,桌面,平板,移动及其网站 ...
Micro Metro UI风格介绍
随着Windows Phone7的发布,WIN8的初露倪端,Metro这种新兴设计风格正被大家所熟悉. Metro本意是地铁,Metro风格设计和灵感来源正是来源与机场和地铁系统所使用的视觉语言. M ...
特别推荐：15个精美 Metro UI 风格 WordPress 主题
Metro 风格的设计在移动应用和 Web 设计领域成为流行趋势,在过去数月被讨论得非常多.Metro UI 的设计带给你的第一印象是彩色方块和简约的设计,这有利于以文字为主的界面导航. Metro ...
HteOS - Win10 Metro UI 风格的Web桌面
HteOS - Win10 Metro UI 风格的Web桌面全新的Web桌面应用开发框架全新设计全新Web桌面设计,Win10 Metro风格UI 响应式设计,适配PC端.移动端所有设备全面 ...
超棒的 Windows 8 Metro UI 风格框架
这些资源包含:模板,框架,jQuery插件,图标集等.帮助你快速开发Windows 8 Metro UI风格的网站. Frameworks & Templates For Metro-Styl ...
metro 风格 php源码,Win8 Metro UI风格Web素材样式资源合集
最近微软已经正式发布了Windows8操作系统,Window操作系统的风格已经完全改变成了瓦片状的Metro UI. 对于微软来说这是一个巨大的改变,而且所有微软的平台包括,桌面,平板,移动及其网站都 ...
【产品经理】手绘风格在网页设计中的运用
转载自:老二牛车教育 » [产品经理]手绘风格在网页设计中的运用本文中,我们将讨论怎样在网页中应用手绘风格,以改善网站的用户体验. 识别度与真实感手绘风格非常有利于展示人性色彩,形成独特的识别度, ...
Metro UI 风格的主题和模板
1. Bootswatch – Cosmo 用于 Twitter Bootstrap 开发框架的 Metro UI 风格主题, 2. Metro Flexible Navigation 简洁灵活的 W ...
35个简约风格的网页设计
简约式设计理念在设计圈受到了不少设计师的青睐,因为它们总能用有限的资源向用户传达无限的想象.尽管简约限制了网页设计的范围,但是很多有天分的设计师利用极少的工具创作出了震惊世界的作品.简约设计的优点不仅 ...
微型投影仪第五篇——Metro UI
博主QQ:1356438802 平台:Win7-64bits + Visual Studio 2012 这几天用visual C# 搞了一个Metro风格的UI,感叹是用微软自己的开发工具做微软自己的 ...

五个Metro UI 风格的网页设计

五个Metro UI 风格的网页设计相关推荐

最新文章

热门文章