25款国外扁平化风格的优秀网页欣赏(3)

UI / UI设计 / 网页设计 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:陈子木

关键词

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

Stash Flat Icons

25款国外扁平化风格的优秀网页欣赏,PS教程,思缘教程网

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

Acapo

25款国外扁平化风格的优秀网页欣赏,PS教程,思缘教程网

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

Liberio

25款国外扁平化风格的优秀网页欣赏,PS教程,思缘教程网

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

Kaipoche

25款国外扁平化风格的优秀网页欣赏,PS教程,思缘教程网

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

Team Treehouse

25款国外扁平化风格的优秀网页欣赏,PS教程,思缘教程网

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

SCEATT

25款国外扁平化风格的优秀网页欣赏,PS教程,思缘教程网

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

Evolve Wealth

25款国外扁平化风格的优秀网页欣赏,PS教程,思缘教程网

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

Black Tomato

25款国外扁平化风格的优秀网页欣赏,PS教程,思缘教程网

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

Lander

25款国外扁平化风格的优秀网页欣赏,PS教程,思缘教程网

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

结语

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

 收藏