Metro 的分析及其局限(Spr.1 2015)

@(Diary)

主要从Metro 谈一谈设计和心理学。

Metro是基于瑞士平面设计的设计原则(清晰,真实,美观),来源于交通指示牌。生活中人们行色匆匆,更需要提供快速,简洁,直接,明确的设计。因为在 Win 8 中使用,被广泛的流传开,微软也专门推出了 Metro UI 的规范,而在最初被人们使用的时候,普遍反映不佳,认为体验不好,但随着扁平化时代的到来,Metro 受亲睐指数直线上升,因为Metro 与扁平化,简直就是天作之合。

首先来讲讲 Metro UI 设计的一些原则。

  • 干净、轻量、开放、快速
  • 重内容,轻质感
  • 整合软硬件
  • 快速动画
  • 更加灵活

Metro UI强调利用时间碎片

在时间碎片中找寻到更多的信息。这就是MetroUI为Windows Phone所订制的设计理念。现在社会连呼吸都要赶时间,很多用户没有过多的时间来用复杂的手势操控手机。在公交车上,我们可能利用从座位起身到在后门排队等着下车的这个狭窄的时间间隔中,还想着要看一条微博。也许趁着在超市排队结账的时候,都要用微信摇一下周围的新朋友。着重提高用户的单手操作准确性,就能让用户死死的黏在你的应用上。

Metro UI 中的设计元素

设计理念就是要突出简洁与视觉焦点引导

UI 包含这么几个元素:

  • 开始界面,以WP为例,以磁贴的形式,将重要信息显示在磁贴,Windows Phone 为纵向滚动,PC端为横向滚动,信息变得一目了然。
  • 多宝阁设计,多宝格的独特之处在于,它将格内做出横竖不等、高低不齐、错落参差的一个个空间。人们可以根据每格的面积大小和高度,摆放大小不同的陈设品。在视觉效果上,它打破了横竖连贯等极富规律性的格调,因而开辟出新奇的意境来。
  • 活动方格设计,在Metro界面中,应用都以可以翻转的方形图标的形式呈现在主界面中,给人以一种不断幻化的新奇感,让人忍不住去探索Metro UI中的各种内容。
  • Pivot枢纽:Pivot枢纽的概念类似古代的“雕花灯笼”在转动的样子,提供了一种快速的获取和管理信息的途径,它能够以多种窗格的形式滚动呈现出来。用户能够使用它来过滤较大的数据,通过它来查看多重数据,或者在应用程序之间进行切换查看。
  • Panorama环景界面:相比于Pivot的翻转模式,Panorama 是横移模式。让用户可以控制自己的视野,通过用手指在屏幕上滑动来获得自己想要看的内容。同时,这种操控方式也是可以全屏幕进行的,并且可以视作是一种应用程序内的导航模式。

Metro 的优势

  • 纯色色块的使用:Metro UI 最主要的特性在于简洁中带华丽,给人以视觉愉悦的享受,并准确传达出主要信息,这样的信息直观明确,也丝毫不吝惜丰富颜色的应用,而且在这其中颜色也是信息的一个良好载体,区分不同质的信息,并为主要文字信息提供良好的载体,颜色是积极参与信息的表达。
  • Metro的理念:信息爆炸的社会,用户需要简洁的界面来承载复杂的信息。任何产品,内容都是最重要的,所以界面的干扰越少,用户被分心的可能性越少,用户就能更高效集中地创造,传播,消耗信息。
  • 扁平化:扁平化的终极践行者。
  • 以及前边说的种种:前边突出的种种,都算作是Metro的优势。

Metro 的局限

  • 个人情感主意的抹杀

Metro 风格对于质感做了最大限度的抽象画,界面设计使用了高光,阴影这样的元素做了舍弃。纯粹的平面设计风格,也就是所说的扁平化,达到了最终极的效果,是不是用户想要的呢?真实世界与科技割裂开来的时候,未来的界面设计,到底和真实世界有没有交集,还能算平行花视觉体系么。

  • 过于严格的网格式排布,对设计者造成了局限

过于严格的网格布局,让设计师无法展开有创造性的设计,过于简洁的表现形式,也让设计者,无法做出更多的风格设计。

  • 增加认知和学习成本。

这个问题,在扁平化到来的时候,很多人讨论过 ,拟物化可以让人直观的认识功能,但是越来越扁平化,甚至到了Metro的风格后,信息以他本来的面目完整展现,我们如何做出快速地区分。

目前的Metro通过色块定位相应的模块,而如果目标用户患有色盲症呢,内容将变得更难区分。

-过于严谨的设计流程和理念

更菜说的严格的网格式布局,更进一步,在WP中,对APP的种种视觉元素给出了许多的限定,造成了开发者无法创新,更做不出不一样的东西,看看WP上的APP,千篇一律,没有灵感,看久了就会让人生厌。

结语

关于Metro的东西,可说的太多了,本来今天就是一篇日志,不想讲那么多,但是因为翻阅了不少资料后,发现想说的更多了,而关于扁平化和拟物化的争论,是更大范围的争论,网上关于此类的文章,多的数不胜数。

最后一句话总结,一个好的设计,是能够让美和信息同时存在的,我认为 Metro UI 在设计的过程中,有过度重视信息,而忽视了美的嫌疑,或者说是忽视了美应该具有多样性这一要素。如果WP不做以改变,他势必会像瑞士的Metro风格一样,逐渐淡出主流的设计美学,而仅仅成为一种极端化的风格,不被大众接受。

以上。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,723评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,485评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,998评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,323评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,355评论 5 374
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,079评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,389评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,019评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,519评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,971评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,100评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,738评论 4 324
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,293评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,289评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,517评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,547评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,834评论 2 345

推荐阅读更多精彩内容

  • //我所经历的大数据平台发展史(三):互联网时代 • 上篇http://www.infoq.com/cn/arti...
    葡萄喃喃呓语阅读 51,183评论 10 200
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,516评论 25 707
  • 一 道可道,非常道。名可名,非常名。无,名天地之始。有,名万物之母。故常无,欲以观其妙。常有,欲以观其徼。此两者,...
    张鑫Jackie阅读 255评论 0 0
  • 介绍:二战时期遗留下来的古楼里面究竟藏着什么,两个年轻力壮的小伙子无意间踏入了这座古楼,本来干净的地面突然出现箭头...
    吴风llll阅读 131评论 0 0
  • 第一次独自一个人出门求学,感觉回到了18岁。一直以来都是父母陪着,之后是老公陪着把我当孩子一样的宠着。这是第一次独...
    养习惯阅读 271评论 0 0