【一日一记】Yumei说Mordern Design

Modern Design微软

Modern Design 是微软2012年由Metro 更名而来的，也叫做Microsoft Design Language。在Windows Phone7年代推出，然而Modern 的设计理念在早期的Windows XP中就已经有所体现，2006年Zune开始使用类似Modern的设计。现在Modern广泛地使用于WIndows Phone 系列操作系统、Zune Player、Xbox 360和Windows 8等一系列产品之中，形成一种独特的风格。

Windows 8

Mordern Design 做为最早在界面设计进行扁平化并且比较成功的设计语言，其由来也是可以用设计史的角度来解析。微软在设计中收到包豪斯及包豪斯在美国发展的现代主义风格的影响，追求形式追随功能，内容为王，采用色块卡片将内容进行规整，减少碎片化操作的错误，提高使用效率，这和微软商务用户的用户群的需求也是吻合的。

Mordern Design出现以前iOS6和其他的界面语言还都是在模仿现实世界的材料，包括有玻璃、金属拉丝、皮革，特效则包含有阴影、反光、镜头光晕等。这些在初期或对用户上手操作较有有意义，但也总有形式主义的累赘感。Windows的设计主管则倡导“内容就是界面”，表现出“形式跟随内容”的包豪斯理念。

包豪斯“形式追随功能”对Mordern Design的影响 字体的使用，色块的区分都和Bauhaus有异曲同工之妙

      其次从微软公司的定位的不断变化，也可以看出微软公司从“卖软件”“卖硬件”挣钱到注重用户体验的变化，从微软的几次的logo的变化也可以看出来。公司对用户体验关注，对于设计历史的把握，希望能将自己的产品风格统一一致，做出这样的设计的改变也是在情理之中。

微软新的logo采用了跳跃活泼的颜色，更加的简洁，更加扁平

了解了Mordern Design的由来与影响因素，也就可以知道Mordern Design的设计原则了。

Mordern Design的设计原则有三个：分别是SLEEK(平滑)、QUICK(高速)、MODERN（现代）。

Sleek表示平滑，动画流畅自然不掉帧。遵循Modern Design的软件大量使用绚丽的过度动画以保持用户界面的连贯性，在Windows Phone上尤为明显：你甚至很难找到没有动画就凭空出现的元素。微软鼓励开发者对自己的应用使用“世界级的动画”，因为动画不仅能增加视觉连贯性，还可以用于区分UI层次（Hierarchy），对于用户理解用户界面有极大的帮助，显著降低学习成本。

Quick表示高速，动画的大量使用难免造成时间的浪费和效率的下降，微软大幅缩短了动画的时间，让用户感觉整个用户界面是轻巧的，是灵动的，是活泼的。如果习惯了Modern Design的产品，操作起来行云流水，非常美观帅气。而微软本身就是做硬件起家，在硬件设备也更是有所保障，选用低延迟的触控面板来打造触屏设备，并通过底层优化来大幅降低触控延迟，最终给人高效快速的感觉。

NOKIA 诺基亚 lumia930 3G手机(绿)WCDMA/GSM、Windows Phone 8.1智能系统、2000万像素蔡司镜头

Modern字面意义上是“现代”，但是这个笼统的词汇几乎囊括了Modern Design剩下的所有特性，诸如高度重视字体美观，降低图标使用率，使用非对称设计，减少阴影、高光等视觉干扰，雕琢动画细节等等。人们经常所说的“扁平化”并不是Modern Design的目的，而只是其遵循设计原则所产生的结果。微软率先提出“沉浸式”的使用体验，使用户专注于内容本身而非UI元素，这就要求对UI元素进行尽可能的精简，而最终结果难免显得有些简陋。

Modern Design最终的成品或许美观程度会稍差，但是在高效易用方面则以绝对优势胜出。造成这样的结果的原因之一很可能是微软专注高效和商务的企业文化。Modern Design与如今主流的设计语言有较大的分歧，充满科技感的同时也拉远了它和普通用户的距离。微软在设计培训方面也欠缺功夫，因此现状是微软自己尚难驾驭Modern Design，第三方开发者更是难以领会其中精髓，处境比较尴尬。

微软是最早开始使用拟物，扁平化，毛玻璃效果的公司，也最先提出出“沉浸式”的用户体验。虽然最终的成品美观程度稍差，但是在高效易用方面有绝对优势。微软的对于商务人士的关注使得Modern Design充满科技感，和普通用户的差距拉大了，另一个方面Modern Design过分注重完全的扁平，然而真正的扁平对于UI的要求是很高的，微软想要一部跨越也是很困难的，也造成了桌面端Windows8页面的扁平与粗线框的窗口的不和谐。

扁平与阴影和粗边框的早期效果，很不和谐

所以，虽然是扁平化的先驱，却变成了先烈，被谷歌和苹果赶超，这也是微软下一步需要注意的。一句话概括就是“苹果和谷歌在用淡妆代替浓抹，而微软直接素颜了。”，而对于不懂化妆的男同胞们来说，当然是“淡妆的那个素颜”更美。对于非专业的用户来讲也是一样的。

还是先画淡妆吧~