`
yangyou230
  • 浏览: 1676591 次
文章分类
社区版块
存档分类

Metro风格界面

 
阅读更多

Metro风格界面是Windows8代表性的亮点,Metro界面的脱颖而出似乎是一次大的颠覆,未来的Windows软件界面肯定会以Metro这种新兴设计风格成主流。

国外的UI设计师已经对Metro风格“hold”不住了,自己动手为一些软件设计起Metro界面,Metro的特点就是简洁与直观,没有过分华丽的炫目背景与功能图标,以下欣赏部分软件的Metro界面。Metro风格

Metro Skype 3.0
Metro风格
Metro Windows Live/MSN
Metro风格
Metro IE9

Metro Windows Live/MSN 界面2

Metro Facebook

Metro Facebook 客户端

Metro Foobar播放器 (可以通过下载皮肤实现)

metro UI是由微软公司开发的内部名称为“ typography-based design language”(基于排版的设计语言)。最早出现在微软电子百科全书95,后来的产品如:windows媒体中心、Zune播放器 都有用到这项技术。该技术已于2010年初(美国)获得Metro UI专利批准(USPTO)。metro UI最新的应用是windows phone 7智能手机系统,并将应用于未来的windows 8、office 和 xbox 360产品中。



分享到:
评论

相关推荐

    Win8 Metro风格界面特效.zip

    《深入解析Win8 Metro风格界面特效的实现》 Windows 8操作系统引入了一种全新的界面设计语言,被命名为“Metro”风格,它以其简洁、明快的界面和动态磁贴的设计理念,为用户带来了前所未有的交互体验。在网页设计...

    CSS3的仿windows8 Metro风格界面布局效果.zip

    js代码 [removed][removed] [removed] $(document).ready(function () { ...这是一款基于jQuery CSS3实现的仿windows8 Metro风格界面布局效果,Win8 Metro系统风格面板点击全屏打开展示内容。

    jQuery+CSS3仿windows8 Metro风格界面布局效果.zip

    《jQuery+CSS3实现Windows8 Metro风格界面布局的探索与实践》 在现代网页设计中,用户界面(UI)的设计风格至关重要,它不仅影响到用户的使用体验,也体现了网站或应用的品牌形象。其中,Windows8的Metro风格界面以...

    jQuery+CSS3仿windows8 Metro风格界面布局效果

    在本项目中,"jQuery+CSS3仿windows8 Metro风格界面布局效果" 是一个前端开发实践,它旨在利用这两种强大的技术来实现与Windows 8操作系统中著名的“Metro”设计风格相似的用户界面。Metro风格以其大胆的颜色、简洁...

    FLEX制作的仿metro风格界面

    FLEX制作的仿metro风格界面 分3屏, 鼠标拖动切屏

    win8 Metro风格界面的html5瀑布流布局无限加载代码

    在本文中,我们将深入探讨如何实现Win8 Metro风格界面下的HTML5瀑布流布局,并结合无限加载功能。这种布局模式在现代网页设计中非常流行,它能够有效地展示图像、文章和其他内容,同时保持良好的视觉效果和用户体验...

    Metro风格界面效果Droptiles.zip

    Droptiles 实现了 Metro 风格的界面效果,基于 HTML5 CSS3 技术实现,在线演示。 标签:Droptiles CSS框架

    html仿win8.1 metro界面

    9. **响应式框架**:有些开发者可能会选择使用像Bootstrap或Foundation这样的响应式框架作为基础,然后在此基础上定制Win8.1 Metro风格。 10. ** Accessibility**:遵循WCAG(Web Content Accessibility Guidelines...

    基于jQuery的Win8 Metro风格的html导航模板

    Metro风格,也被称为“Modern UI”,是微软在Windows 8中引入的一种简洁、动态且注重内容的设计理念,以其大胆的色块和简洁的图标为特点。 【描述】:“基于jQuery的Win8 Metro风格的html导航模板” 描述进一步...

    Metro风格 WPF界面设计

    总的来说,WPF中的Metro风格界面设计,通过结合 MahApps.Metro 库,可以有效地提高应用的视觉吸引力和用户体验。通过掌握这些设计原则和工具,开发者能够创建出既符合现代审美又易于使用的桌面应用程序。

    html5 metro 界面

    在实现metro风格界面时,jQuery的动画功能尤为重要。通过使用`.animate()`方法,开发者可以轻松地创建平滑过渡和动画效果,模仿Windows 8 Metro界面中的滑动、缩放和淡入淡出等动态效果。同时,jQuery的事件处理和...

    CSS3代码实现响应式WIN 8 metro风格页面.zip

    响应式设计是现代网页开发的关键技术之一,尤其是在Windows 8引入了Metro风格界面后,这种设计风格受到了广泛的关注。Metro风格界面以其简洁、直观、色彩丰富的特点,为用户提供了全新的交互体验。本压缩包"CSS3代码...

    win8风格界面metro界面

    标题中的“win8风格界面”和“metro界面”指的是Windows 8操作系统引入的一种全新的用户界面设计语言,称为“Metro UI”或“Modern UI”。这种设计风格以其简洁、大胆的色块和图标,以及触控友好的特性而闻名,旨在...

    win8 Metro风格瀑布流JS特效

    本资源转自 18素材 网,javascript实现win8 Metro风格瀑布流特效,可在页面加载大量图片时使用;

    Win8 Metro风格网址导航页面.zip

    【Win8 Metro风格网址导航页面】是针对Windows 8操作系统设计的一种现代、简洁且互动性强的用户界面。这种风格借鉴了微软Windows 8系统中的“Modern UI”或“Metro UI”设计,以其大块的彩色磁贴(Live Tiles)和...

    非常好看的Metro风格留言板源码,附完整数据库与源码(测试可用)

    总的来说,这是一个很好的学习和实践C#和 Metro 风格界面设计的资源,对于想提升Windows应用开发技能的开发者来说,是个不错的起点。通过研究这个源码,你可以了解到如何将C#语言与现代设计原则相结合,以及如何构建...

    WPF-Metro风格特效实例

    **WPF-Metro风格特效实例详解** Windows Presentation Foundation(WPF)是.NET Framework的一个重要组成部分,用于构建桌面...通过深入学习和实践,你将能够为你的WPF应用打造出独特的、引人入胜的Metro风格界面。

    asp.net Metro样式界面源码

    【标题】:“asp.net Metro样式界面源码”指的是一个基于ASP.NET技术开发的网页界面设计,采用了现代化的Metro风格。这种风格源自微软Windows 8的用户界面设计,以简洁、清晰、色彩鲜明为特点,旨在提供高效且直观的...

    Metro风格应用程序用户界面设计01

    在探讨“Metro风格应用程序用户界面设计01”的过程中,我们深入理解了Photoshop在Win8应用设计规范中的关键角色,以及如何通过精确的设置来实现符合Metro UI设计原则的界面。这一过程不仅涉及了基本的网格设置,还...

Global site tag (gtag.js) - Google Analytics