百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术教程 > 正文

颠覆对“大色块”认识吧,论微软 Metro Design 的发展历程和设计理念

csdh11 2025-02-16 20:25 11 浏览

提示:点击上方"IT之家"↑一键关注

Metro UI,也叫Modern UI(这个名字现在更常用)、Windows8 Style UI,是微软基于设计语言设计的一种界面风格,此设计已被用于移动操作系统Windows Phone、Windows 8、Xbox 360等多款微软产品,也是目前各种设计风格里面最大行其道的,所以先讲讲Metro UI Design。

Metro设计理念

图例为WP7和WP8的Segoe字体

Metro作为一种文字导向(typography-based)的设计,设计一般采用微软WP为此设计的标准字体:"Segoe WP",它也比起其他UI设计风格更加注重字体,并且在持续不停进化中,原因是Metro的设计原则之一是"content before chrome",翻译过来大致是“内容大于装饰”,所以这种设计风格更加注重应用内容本身(一般以文字和线描图展现),而不是在于传统设计上的“Graphic”(图形),这也是当初它搭配在Lumia上一出世就把大家惊艳到的主要因素。

这种基于瑞士平面设计的设计原则,有利于设计出以文字为主的导航界面。机场和地铁的指示牌给了微软设计团队灵感,其风格大量采用大字体,能吸引观众之注意力。微软认为Metro设计主题应该是:“光滑、快、现代”(Simple.Clean.Modern),于是现在你看到的Metro的图标设计也不同于Android和iOS,即便它还是有不少的传统意义上的图标。

2006年,Zegoe UI风格

2006年,当微软媒体播放器内置系统Zune开始使用类似Metro的设计风格的时候,微软的设计师就计划重新设计现有用户界面、更清爽的排版和较少的重点以便于用户使用,当时还被称为* Zegoe UI。后来移植到手机,出现了“Live tiles”(活动磁贴)*,并成为了Metro UI的一个重要组成部分。

微软这种设计摒弃了复杂图形而直接展示内容本身,提升了常用任务使用体验和速度,这种界面使用更多大面积块,标题和内容非常直观的显示出来,而且常常伴随着屏幕滚动。动画在Metro UI里面占有巨大的作用,这样能给用户一种这些界面是“活的”,是可以“深入对话”的。

Metro发展史

颇具有年代感的产品

早在20世纪末,微软公司旗下产品Encarta 95(微软旗下一个类似维基百科的应用)和MSN 2.0就已经隐约有这种“Metro”的影子了。到了Windows Media Centre和Zune(一个便携播放器的播放系统),这种设计已经大幅度进化了,接下来应用在更加广为人知的Windows Phone 7上。

由于移动互联时代移动设备的重要性逐渐取代当年传统的本地PC端单机,于是当WP上一些应用要和本地的诸如Xbox系列都开始挂钩的时候,导致了一些传统应用和系统也开始了重新设计,微软对外暂定把这个名字命名Metro(也没有打算永久用下去的名字)。于是今天看到的就是,微软在它的一系列产品上都大幅度使用了这个风格。

关于这种设计风格为何改名(设计史上很少这种先例),倒是有一段故事:

2012年末,以“Metro”为名的公司麦德龙(Metro AG)声称微软的接口Metro UI的 "Metro"一字已经侵权将要提告,一封要求停止使用"Metro"字眼直至代替字眼或案件结案的备忘录亦被发送到软件开发者和微软员工;后虽没有提告,但微软为了不再与该公司名称冲突,决定取消"Metro"名称,改用"Windows 8 Style UI"或者"Modern UI"取代了Metro UI,但实质上还是一样的。然后,在2012年9月,"微软设计语言(Microsoft design language)"开始被用到微软开发者网络的文件内以及Build年度会议。

所以,当大家广泛知道Metro Design的时候,它已经正式改名了。

Metro评价

手机系统WP7曾经被Industrial Designers Society of America (IDSA)评价为“黄金交互”,其UE顾问说到它深入内容本身并展现出来,界面优雅独一无二。而操作系统Windows 8出来以后反而有人认为是个失败:开始菜单和其他界面完全两种风格,很割裂,有种两重人格的感觉。

我相信有不少人也有这种想法,不过考虑到微软阵营的平板远远没有手机那么普及,而PC尚未做到大规模可触屏的时候,OS要如何平衡设计和功能,的确也是微软要解决的一个难题。

Metro现状

图例:新版本Outlook

现在,微软已经集成此设计风格到旗下产品中,比如Windows Live Messenger和Live Mesh。而Windows 8和Office2013全面使用Windows UI设计。而目前,微软官方网站及微软旗下OneDrive、http://Outlook.com 亦部分使用此设计,该设计风格还能风靡世界多久,还得看微软未来会对目前的Metro风格做出多大改变,而它的上升空间依然还是很大的,个人还是很看好它的前景。

相关推荐

探索Java项目中日志系统最佳实践:从入门到精通

探索Java项目中日志系统最佳实践:从入门到精通在现代软件开发中,日志系统如同一位默默无闻却至关重要的管家,它记录了程序运行中的各种事件,为我们排查问题、监控性能和优化系统提供了宝贵的依据。在Java...

用了这么多年的java日志框架,你真的弄懂了吗?

在项目开发过程中,有一个必不可少的环节就是记录日志,相信只要是个程序员都用过,可是咱们自问下,用了这么多年的日志框架,你确定自己真弄懂了日志框架的来龙去脉嘛?下面笔者就详细聊聊java中常用日志框架的...

物理老师教你学Java语言(中篇)(物理专业学编程)

第四章物质的基本结构——类与对象...

一文搞定!Spring Boot3 定时任务操作全攻略

各位互联网大厂的后端开发小伙伴们,在使用SpringBoot3开发项目时,你是否遇到过定时任务实现的难题呢?比如任务调度时间不准确,代码报错却找不到方向,是不是特别头疼?如今,随着互联网业务规模...

你还不懂java的日志系统吗 ?(java的日志类)

一、背景在java的开发中,使用最多也绕不过去的一个话题就是日志,在程序中除了业务代码外,使用最多的就是打印日志。经常听到的这样一句话就是“打个日志调试下”,没错在日常的开发、调试过程中打印日志是常干...

谈谈枚举的新用法--java(java枚举的作用与好处)

问题的由来前段时间改游戏buff功能,干了一件愚蠢的事情,那就是把枚举和运算集合在一起,然后运行一段时间后buff就出现各种问题,我当时懵逼了!事情是这样的,做过游戏的都知道,buff,需要分类型,且...

你还不懂java的日志系统吗(javaw 日志)

一、背景在java的开发中,使用最多也绕不过去的一个话题就是日志,在程序中除了业务代码外,使用最多的就是打印日志。经常听到的这样一句话就是“打个日志调试下”,没错在日常的开发、调试过程中打印日志是常干...

Java 8之后的那些新特性(三):Java System Logger

去年12月份log4j日志框架的一个漏洞,给Java整个行业造成了非常大的影响。这个事情也顺带把log4j这个日志框架推到了争议的最前线。在Java领域,log4j可能相对比较流行。而在log4j之外...

Java开发中的日志管理:让程序“开口说话”

Java开发中的日志管理:让程序“开口说话”日志是程序员的朋友,也是程序的“嘴巴”。它能让程序在运行过程中“开口说话”,告诉我们它的状态、行为以及遇到的问题。在Java开发中,良好的日志管理不仅能帮助...

吊打面试官(十二)--Java语言中ArrayList类一文全掌握

导读...

OS X 效率启动器 Alfred 详解与使用技巧

问:为什么要在Mac上使用效率启动器类应用?答:在非特殊专业用户的环境下,(每天)用户一般可以在系统中进行上百次操作,可以是点击,也可以是拖拽,但这些只是过程,而我们的真正目的是想获得结果,也就是...

Java中 高级的异常处理(java中异常处理的两种方式)

介绍异常处理是软件开发的一个关键方面,尤其是在Java中,这种语言以其稳健性和平台独立性而闻名。正确的异常处理不仅可以防止应用程序崩溃,还有助于调试并向用户提供有意义的反馈。...

【性能调优】全方位教你定位慢SQL,方法介绍下!

1.使用数据库自带工具...

全面了解mysql锁机制(InnoDB)与问题排查

MySQL/InnoDB的加锁,一直是一个常见的话题。例如,数据库如果有高并发请求,如何保证数据完整性?产生死锁问题如何排查并解决?下面是不同锁等级的区别表级锁:开销小,加锁快;不会出现死锁;锁定粒度...

看懂这篇文章,你就懂了数据库死锁产生的场景和解决方法

一、什么是死锁加锁(Locking)是数据库在并发访问时保证数据一致性和完整性的主要机制。任何事务都需要获得相应对象上的锁才能访问数据,读取数据的事务通常只需要获得读锁(共享锁),修改数据的事务需要获...