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风格一样,逐渐淡出主流的设计美学,而仅仅成为一种极端化的风格,不被大众接受。

以上。

你可能感兴趣的:(Metro 的分析及其局限(Spr.1 2015))