随本索源探讨平面设计中的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风格演化而来的简单的线条与图标信息?我想还是个未知数。

时间: 2024-10-28 18:46:51

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

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

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

随本索源探讨Metro风格

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

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

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

用户体验设计教程:平面设计中的标题设计技巧

网页制作Webjx文章简介:视觉设计中的标题文字设计. 之前我把平面设计的视觉呈现分为:构图,调子,元素和内容四大部分组成,所以我分四部曲来讲,其中元素部分又分为标题,主体和大场景三部分,今天讲的就是标题部分.在讲标题设计之前,先说说这四部曲的基本前提: 序 目标我们做设计究竟是为了什么?公司请视觉设计师做美术包装广告究竟是为了什么? 赚钱! 宗旨我们公司是上市运营公司,公司存在是为了盈利为了赚钱,我们视觉设计师是包装,我们目的是把公司产品美术包装做好,让用户有视觉享受,更好的引导去花费,赚用户

平面设计中的常用字库种类说明

平面设计中的常用字库种类说明 文字是我们在设计中不可缺少的重要元素,丰富的字库给设师提供了广阔的创作空间,下面我们来详细了解一下常用的字库,如GBK.PostScript.CID.TrueType字库等. 一.GB字库 全称GB2312或GB2312-80是一个简体中文字符集的中国国家标准,全称为<信息交换用汉字编码字符集--基本集>,由中国国家标准总局发 布,1981年5月1日实施.GB2312编码通行于大陆;新加坡等地也采用此编码.几乎所有的中文系统和国际化的软件都支持GB2312. GB

PS平面设计中眩目光效视觉特效的制作和运用讲解教程

光的特效在平面设计中是较为常用的视觉元素,在设计作品中合理地添加这些光效,可以使你的作品绚丽多彩,增强视觉冲击力. 光的视觉特效比较多,闪电.光芒.火焰.光晕等都属于光的视觉特效范畴. 该范畴的特效所呈现出的特点也不同,列如闪电划破天空时,夸张的裂纹外形;火焰熊熊燃烧时多变的层次; 光晕特效产生的华丽光芒等...在制作时首先得分析它们的外观形态,然后根据特征进行制作,这样才能在画面中真实.有效地表达出光的效果. 由于篇幅有限,下面我通过几个案例来解析平面设计时常用的几个光的元素: 新建文件: 调

win8系统中使用Metro应用图标美化来美化电脑图标

常规的电脑图标,在经过多年的一成不变后也会变得腻味,但是在Metro应用可以美化图标,来达到一定的图标效果.那么在win8 系统中的Metro应用图标美化使用技巧要怎么的使用呢?我们一起来看看吧! Metro应用不像传统桌面图标那样能右键-属性-修改图标.只能通过修改替换图标文件来美化. 打开:C:/Program Files/WindowsApps 文件夹 ,非管理员用户默认无法打开,需要获取权限.WindowsApps 文件夹 – 右键属性 – 安全 – 更改 – 选择用户和组 – 高级 –

探讨Ajax中有关readyState(状态值)和status(状态码)的问题_AJAX相关

先看下面一段代码,然后给大家详细介绍,Ajax中有关readyState(状态值)和status(状态码)的问题,具体内容如下所示: var getXmlHttpRequest = function () { try{ //主流浏览器提供了XMLHttpRequest对象 return new XMLHttpRequest(); }catch(e){ //低版本的IE浏览器没有提供XMLHttpRequest对象,IE6以下 //所以必须使用IE浏览器的特定实现ActiveXObject ret

探讨Ajax中有关readyState(状态值)和status(状态码)的问题

先看下面一段代码,然后给大家详细介绍,Ajax中有关readyState(状态值)和status(状态码)的问题,具体内容如下所示: var getXmlHttpRequest = function () { try{ //主流浏览器提供了XMLHttpRequest对象 return new XMLHttpRequest(); }catch(e){ //低版本的IE浏览器没有提供XMLHttpRequest对象,IE6以下 //所以必须使用IE浏览器的特定实现ActiveXObject ret