随本索源探讨Metro风格

Metro风格的起源自瑞士国际主义平面设计

虽然扁平化的设计在metro风格之前已经存在,但真正引起人们注意的,正是它的诞生。Metro风格是从Segoe字体开始的。Segoe是一款西文无衬线体,为微软公司诸多新产品中用户界面的字体。Segoe的设计灵感来自于Helvetica和瑞士国际主义平面设计,它的设计像是一种简单而又能准确传递信息的工具。没有多余的装饰和移动部件,Segoe是一种呈现清晰、准确和的新方式。

Segoe与Helvetica

瑞士国际主义平面设计

瑞士国际主义平面设计与Metro风格设计共性

由于metro风格是由瑞士国际平面主意设计发展而来,经过类比,惊讶地发现两者有惊人的相似之处:他们的设计目的均为单纯,易于识别。风格简单明确,传达功能准确,追求几何学式的严谨。采用非对称的版面组织方式。对齐方式使用左齐,右长短不一的对称方式使用方格网为设计基础。形成高度功能化,理性化的设计风格。使用无饰线体作为主要的设计字体。

windows8启动界面

瑞士国际主义平面设计

从瑞士国际主义平面设计的局限性到metro风格界面的局限性

正所谓针无两头利。瑞士国际主义平面设计的优点正正是他的缺点所在。 首先瑞士国际主义平面设计作品的要求必须是客观的非个人的设计。个体偏好、顾客的特殊要求、宣传的压力都应该漠视不顾。唯一的标准是视觉的力量与效果。过分的理性化与公式化导致了个人性化的过道泯灭。忽略了普罗大众对于情感化的需求。 其次瑞士国际主义平面设计形式为数字网格注重数学逻辑和理性思维缺乏感性的思想给设计者造成很大的局限。不利于思维的发散而且形成的版面过于死板、拘束缺少更为自由、更为个人化的特点。

网格设计

最后瑞士国际主义平面设计发展到美国后渐渐背离了设计先驱们的初衷。它渐渐变成了一种风格而不是一种动机成为了虚空的形式主义。

以史为镜,可以知兴替,根据瑞士国际主义平面设计的消亡可以得出关于metro界面的局限性。

优秀win8设计

1.个人情感主意的抹杀。不同与ios的拟物化情感化设计。Metro风格对于质感作了最大限度的抽象化。界面设计上对于高光,阴影这样的基本元素都作了舍弃。纯粹的平面设计风格到底是不是用户想要的呢?当真实世界与互联网世界完全割裂的时候,未来的界面设计,到底是不是一个与真实世界没有交集的平行性视觉体系?

2.过于严格的网格式排布对设计者造成很大的局限。首先不能否认的是网格设计具有良好的指导性,会使界面更加整齐划一。但使用网格并不意味着枯燥的设计,一个好的设计师不仅能够合理地应用基于网格布局的规则,而且还能适时地打破这些规则。但是当规则不能破的时候,如何展开一个有创造性的设计?

3.增加认知和学习成本。当信息以他本来的面目完整地展示到我们的面前的时候,我们如何快速区分这些信息?目前metro界面使用了色块来快速定位相应的模块。但是如果是色盲患者呢?他们可以看到的,或者是以下这张难以辨认的图。

正所谓穷则变,变则通。从metro的起源瑞士国际主义平面设计中,我们已经看到了危机与机遇。如何化解相应metro风格下的界面设计呢?其实在诸如无印良品与宜家的相关设计里面,已经可以找到相关的答案。在去繁求简,信息明了的基础上,开放布局,适当增加质感,添加人性化的味道。如下图,同样是信息的直接罗列,但是使用图片带来自然质感。板式灵活,在规矩中与简洁中带来不一样的味道。

目前为止metro风格的延续与发展还是一个不明朗的疑问号?他或许是现今ui趋势的一个颇为强大的分支。但是它会像科幻电影中未来的界面,到处充斥着由metro风格演化而来的简单的线条与图标信息?我想还是个未知数。

(本文出自Tencent CDC Blog,转载时请注明出处)

时间: 2024-10-26 21:24:38

随本索源探讨Metro风格的相关文章

随本索源探讨平面设计中的Metro风格解析

Metro风格的起源自瑞士国际主义平面设计 虽然扁平化的设计在metro风格之前已经存在,但真正引起人们注意的,正是它的诞生.Metro风格是从Segoe字体开始的.Segoe是一款西文无衬线体,为微软公司诸多新产品中用户界面的字体. Segoe的设计灵感来自于Helvetica和瑞士国际主义平面设计,它的设计像是一种简单而又能准确传递信息的工具.没有多余的装饰和移动部件,Segoe是一种呈现清晰.准确和的新方式. Segoe与Helvetica 瑞士国际主义平面设计 瑞士国际主义平面设计与Me

win8感受Metro风格第一天

  前所未有的Metro界面 熟悉后才知道好 尽管Windows 8这个系统就目前来说,还未获得大部分用户的认可.但是经过小编预先的一天体验,深深相信这个系统在未来市场的广泛普及也许只是个时间问题吧.在这尝试了解Win8的一天里,小编暂别了Win7那"苗条"的开始菜单,以及微软一贯传统的文件管理器界面,甚至抛开了过去所熟悉的一切操作方式,带着迷茫进入了Windows8这个全新的系统世界. 内置了丰富的Metro风格程序 启动Win8操作系统,小编发现它和Win7的最大不同就是主界面并非

Windows Blue新界面Metro风格做调整

  如今,出现了更多的围绕着Windows Blue的相关细节,而Windows Blue可谓是保密程度最差的科技秘密.到底什么是Windows Blue呢?有传言称其是下一代Windows的研发代号,这让很多人脑海中浮现了Windows 9的身影.不过有外媒指出Windows Blue并非下代Windows,它只不过是一个针对Windows 8的更新包. 动态磁贴面积变小 近日,Windows论坛Winforum就曝光Windows Blue系统的一些截图,从截图中看到,最明显的改变来自于Me

windows8-win8 metro风格启动管理器的意义?

问题描述 win8 metro风格启动管理器的意义? 传统的manager是先选,再加载,而metro是先加载,再选.我是win8+win8(VHD),win8是默认.选VHD时又得重启再来一遍,感觉十分不理解

windows-Windows 8中做Metro风格的游戏用哪种语言好

问题描述 Windows 8中做Metro风格的游戏用哪种语言好 微软在Windows8中提供了各种库支持Metro风格的应用开发,但是在现阶段使用这种HTML5开发方式是否真的合适,尤其是做游戏是否还是延续C#更好?到底是技术成熟好,还是技术前优,请有经验的大虾指点一二. 解决方案 我认为应该是技术优先比较好.html5毕竟是未来的一种趋势,底子先打好,以后扩展起来也会容易些.

新版Skype for Android发布 注入Metro风格

&http://www.aliyun.com/zixun/aggregation/37954.html">nbsp;   微软今天公布了Skype for Android的新版本,本次更新全面改进外观,微软将自己的审美全面注入Android:蓝色和白色的外观让Skype长得更像Windows Phone的Metro风格,并且运行速度 更快, 查找信息和读取17874.html">联系人列表都变得更为顺畅. 不过目前还没有Skype for iOS版本更 新的消息.

微软正测试Metro风格Bing主页(图)

Bing的最新搜索结果页面( 腾讯科技配图)腾讯科技讯(玉临)北京时间3月25日消息,据国外媒体报道,微软目前正在对旗下的搜索引擎Bing进行优化,将采用该公司的Metro风格来更新搜索结果的页面.搜索结果的全新风格将包括:Bing标志更暗,更清爽的外观和感觉.在过去 几天内,这家软件巨头已同许多公司外部的用户一起进行界面测试,其目的是希望在未来几周推出一个改进版的用户界面.与此同时,微软还在为Bing开发Windows 8的Metro应用.据悉,这一全 新的界面优化主要是针对微软IE 10浏览

纯Javascript实现Windows 8 Metro风格实现_javascript技巧

Metro风格设计主要特点 1.Windows 8 Metro风格设计,实现网站或系统功能的导航 2.纯Javascript实现 3.支持所有IE.360.Chrome等常用浏览器 4.支持圆角.阴影.卡片切换等特效 5.支持卡片的放大.缩小.增加.删除等功能 6.可自定义卡片背景色.背景图片.卡片图片.卡片文字 7.卡片间可任意切换 Metro风格截图  Metro部分算法 卡片显示部分代码: 复制代码 代码如下: str='<li data-mode="flip" id=&q

Windows 9明年问世 大色块Metro风格名存实亡!

据外国科技http://www.aliyun.com/zixun/aggregation/31646.html">媒体报道,微软将于2015年推出Windows 9.分析人士指出,微软非常希望可以尽快用全新的系统版本代号,消除此前声名狼藉的Windows 8带来的品牌和市场影响. 更值得注意的是,尽管我们还清楚Windows 9的具体升级变化,但上述报道指出,微软将在Windows 9中采用"Metro 2.0"的设计风格.据悉,Metro 2.0将主要针对最新的应用和