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

UI / UI设计 / 网页设计 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:陈子木

关键词

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

Helbak

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

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

Paye Ton Caps

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

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

CSS Conference EU

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

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

Take It

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

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

Google Santa Tracker

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

很显然,扁平化的设计风格和圣诞主题可以完美地结合到一起。Google Santa Tracker 的设计风格并不是纯粹的扁平化设计,动态模糊和视差效果的运用,让视觉元素更加富有层级,更灵动的效果。

For Better Coffee

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

虽然页面设计并未用到多少阴影,但是设计师在细节处理、色彩对比和区分,,以及视差滚动上都运用得心应手,网站归于2.0毫无压力。

Dots

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

这是游戏Dots的官方网站,网站和游戏风格均属于扁平化2.0的设计风格,也正是因为这种简约而细腻的风格,让网站充满了趣味和友好的氛围。

Quotes Magazine

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

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

Who Is This F*cking Bear?

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

 收藏