25个细致微妙的扁平化2.0风格网页设计

   Quotes Magazine

典型的衬线体字体和重度的纹理很明显不属于扁平化的风格，但是它们让网站更加精致，更加赋予质感，让色彩和视觉更加突出，也算是Flat Design 2.0 的另类实现方式。

       Who Is This F*cking Bear?

这是一个非常有趣的案例，网站整体上使用了扁平化的风格（边角、基本形状），相对沉稳的色彩（偶尔会有闪亮的橙色为网站增添活力），以及极富层次的细节设计（仔细看熊的皮毛）。

       Stash Flat Icons

这是一个用来推广扁平化图标的网站，其中的案例色彩明亮，扁平化的排版和符合扁平化2.0风格的图标更是典型的2.0式的设计。

       Acapo

并不是每个扁平化的网站都需要卡通插画和幽默的表达方式。这个知识产权律师事务所的网站，使用柔和的色彩、简约的设计，配合易于阅读的字体来展现他们的专业精神，和他们的关怀。

       Liberio

Liberio 是另外一个扁平化设计的教科书，流畅的体验，顺滑的过度，简约的图形、明亮的色彩与现代风的字体。

       Kaipoche

这个使用了视差滚动设计的网站是为风筝节而设计的，其中温暖的色彩和卡通式的插画另外网站的氛围更好。

       Team Treehouse

Team Treehouse 这个站点展示了从早期扁平化设计到今天的2.0之间，图标设计细节的增加。

       SCEATT

你可能在其他的金融类网站中很少能看到这样轻松的设计风格，但是你不得不承认，用扁平化设计确实能轻松实现SCEATT这样的风格需求。

       Evolve Wealth

和上面的SCESTT相似，Evolve Wealth 通过温暖而幽默的氛围而同其他的同类金融公司的网站区分开来，这也展现了扁平化2.0的独特魅力。

       Black Tomato

这个网站也将摄影和图片结合到了一起，两种设计元素相互映衬，相得益彰。

       Lander

扁平化设计附体现代风的网站会是什么样子，Lander就是个典型的案例。用色块构成的物品借助扁平化2.0而拥有了丰富的细节。

       结语

扁平化设计2.0 为设计师们打开了一扇门，它不再是光板无毛的二维平面，也不再是拟物化的反义词，融合与包容赋予了扁平化2.0 更多的可能性，更多的元素与富于人性化的设计被融入了进来，它的未来值得期待。

延伸阅读：

• 关于扁平化设计，你需要知道这些
• 扁平化设计教程！做好扁平化设计视觉篇
• 交互设计在扁平化网站建设中有何作用？
• 实用教程，用CSS创建扁平化面包屑导航
• 扁平化设计与Material Design区别在哪里？
• 可视化设计之迷失扁平化风潮
• 六张图看懂：MIUI 6是如何一步步扁平化的！

（编辑：PHP编程网 - 黄冈站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!