这两个概念更应该是设计师关注的，但作为一名前端攻城狮还是需要了解一下，页面富有变化也是我们所追求的。质感设计可以说是在扁平设计的基础上衍生出来的，个人认为没有谁比谁好，各有各自的特点，根据业务、功能的不同，谁更合适或许更准确。

扁平化设计

扁平化设计（Flat Design）应该是Apple的引领的吧，随着ios7的发布，Apple开始放弃之前的拟物化设计转向更加简洁的扁平化设计。通过字体、颜色的变化，像用户提供更加容易识别的图形，弱化外观的变化，更加突出原始功能，用户体验自然也有所提升。

优点

1. 减少页面加载时间
2. 功能更加突出
3. 简单的设计，对于浏览的的兼容性更加好，响应式也变得简单

不足

在扁平化设计的思想之下，页面可变化的部分不多，随着页面的不断增加，很容易变成一个“相貌平平”的网站，人嘛，还是一个视觉动物，难免会造成“视觉疲劳”。长远的看，对于一个庞大的网站或者系统，个人认为不一定是一个很好地选择

质感设计

质感设计（Material Design）是由谷歌提出的一套设计规范，在他的很多产品中也有所体现。没有详细读过他的规范，个人认为其关键就是在扁平化设计的基础上，通过层次的变化以及角度与阴影的变化，创造了一个3D的空间。规范里面有很多细节，感兴趣的同学可移步material.google。

优点

1. 3D空间的排版方式，改善了交互
2. 用户操作的一连串过程更加明显
3. 页面更加生动，富于变化

不足

不能满足所有浏览器，兼容性会成为一个问题，同时动画的发生对设备的性能也是一种消耗。个人认为现在这么一个发展迅速的世界，变化或许更容易取得成功。

总结

以上只是个人的肤浅认识，没有太多设计的思想在里面，O(∩_∩)O。