扁平式网站设计 第1篇
由于简单和最小的插图，我们可以做出的可伸缩矢量图形，而不是JPG或PNG格式的图像画面和图标字体大量使用。这将导致真正的独立的解决方案，消除了在不同的分辨率需要多个图像精灵（通常是正常的分辨率和视网膜显示屏分辨率翻倍）。
此外，SVGs以及图标的字体可以通过简单的CSS或JS，这使我们能够创造一些真正伟大的前瞻性动画（无需额外的资产的需要，除了一些代码行）和再利用同一资产在不同环境中简单地进行操作通过修饰它。
扁平式网站设计 第2篇
比方说，您的Web应用程序或网站需要支持不同的主题，用户可以从中选择。如果你曾经创建不同主题的skeumorphic设计，你就已经知道，这可能是一个非常耗时的任务 – 导出了一套全新的图形和创建新的CSS文件应用替代或新的效果需要一个严肃的金额额外的工作。有一台设计中的这些问题几乎完全消失了 – 在大多数情况下，你只需要改变一些颜色值（当你使用一个CSS预处理器一样都不能少，上海社会科学院或手写笔，支持CSS的变量，变得更容易）。太神奇了！
扁平式网站设计 第3篇
由于扁平设计通常包括像阴影，渐变和其他过滤器大幅减少的影响，根本就少，你不得不采取直接从Photoshop中绘制或任何其他图形设计软件转换成HTML / CSS布局改造设计时的照顾。就个人而言，当我设计的东西在一个最小的风格，我也少用“救命层” – 图层真的没有一个语义感，但须达到特殊的效果，因为它们在某些覆盖或掩蔽其他层方法。
拥有一个良好的组织设计文件没有各种各样的图层蒙版，图层样式和颜色过滤器是纯金的。它大大加快了出口的资产和转化图层样式到CSS的工作流程。