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

现如今，扁平化设计比起最开始的风格已经没有那么“平”了，更丰富的细节，更清晰的层次，更优秀的视觉体验使得它和初期有了相当大的差别。于是Ryan Allen 在为 Dapper Gentlemen 撰文的时候将现在的扁平化设计称为“Flat Design 2.0”，这篇文章中，他阐述了最初的扁平风和今天的扁平化设计的差别，甚至还简单分析了一下这种演进的原因。

扁平化设计依然占据主流，从某种程度上而言，是因为它同响应式设计有着极高的契合度，这也是在过去几年间的逐步变化而造就的结果。

正如同 Ryan Allen在插画中所表现的，原本的扁平化设计和现在的2.0的主要差别都体现在细节上，高光、渐变、阴影依次回归，轻量地加持在扁平化的视觉元素上，让整个设计的信息量更加丰厚。扁平化设计不再是拟物化设计的对立面了。

当然，扁平化设计最初的一些基本特征依然在2.0中保留了下来。简约和现代的风格保持不变，不过细节的增加使得简约的程度有所下降；明亮和有趣的色彩运用依然是扁平化设计的主流配色趋势；追求清晰和保持素雅也是扁平化排版的主要特征。当然，探讨差异并不是今天文章的目标，在下面的25个案例中摸索扁平化2.0的特色才是今天的主题。

       Cybeer Bar

Cybeer Bar 是一个不错的入门案例：他们忠于扁平化的设计规则，简约的风格，但是设计师将细节和层次推到了极致，清晰分明，色彩的层次让整个设计充满了一种别样的真实感。

       Christmas with Joy

流行与世界不同地方的的圣诞人物角色被制作成扁平化的插画，值得注意的是其中顺滑的图形运用和独特的阴影处理。

       Dropbox Guidelines

Dropbox 使用指南一直是以其漂亮的插画设计而著称，足够简单的图形和明亮的色彩结合到一起，加上典型的扁平化的排版设计，也算是扁平化2.0的典范了。

       450 GSM

450 GSM 更接近于早期的扁平化设计，视觉元素的阴影用得非常微妙。

       Intercom

明亮的蓝色背景，风格化的图标，沉稳而不晃眼的字体，图标的圆角和柔和的细节，整个网站的设计扁平化，令人愉悦。

       Agency Survival Kit

网站极简主义的风格和复古的红色色调都符合扁平化的特征，而阴影和质感的加入则让网站符合2.0的设计风尚。

       Hell‘o Baby

尽管网站的字体元素走的是浮华的路线，但是网站的色彩、边角处理、图标设计都非常符合扁平化设计2.0的设计风格。

       Helbak

如果你仔细观察，你会注意到其中柔和的阴影效果。这位斯堪地那维亚的陶艺师的作品带有典型的扁平化风格，而他的这个网站自然而然地用到了扁平化设计。

       Paye Ton Caps

这款法国的在线游戏的页面使用了典型的扁平化2.0的设计风格，风格柔和亲切。

       CSS Conference EU

网站的配色方案使用的是典型的扁平化配色，但是设计师为网站加入了大量华丽的细节，使得它更符合2.0的设计。

       Take It

照片和扁平化的网站风格结合到一起，毫无违和感。

       Google Santa Tracker

（编辑：我爱故事小小网_铜陵站长网）

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