扁平化网站如何利用基础形状玩出新花样(2)

UI / UI设计 / 网页设计 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词
Clement Zezuka

这个作品集网站非常独特。使用时间线组织内容,当你向下滚动的时候,时间改变,页面中间的菱形会展示当月项目的名称。背景的阴云也有微小的动画。

Von Vape

这个网站的设计从产品标志演化而来,使用了一个正放的大V和一个小一些倒放的V。非常具有创意且独特。

Airnauts

这家公司,首先有一个非常角度导向的标志设计。着陆页使用节点化的三角形形状动画,屏幕的黑色区域和红色区域都有。当你向下滚动页面,两部分旋转并让屏幕变成红色,然后变成黑色。

Yamaha Ginza

这个网站和我们单子上之前的一个有点像,都是用斜插式布局,并且使用菱形来切割图像及链接。它是一个垂直的、无限滚动的网站,而且实际上,它自身也在慢慢滚动。

Piropixel

这个西班牙网站使用旋转的矩形作为所有形状的容器。丰富的泥土色调为其设计增添了优雅的感觉。注意咖啡杯中的那些菱形(Piropixel的标志)!

Gleb Leksikov

这是一个很暗的设计,完全使用菱形布局,而中间的大菱形很好地切割了图像(链接)。我增加了截图的亮度以显示页面的层叠效果。

Wixel

这个网站的着陆页完全由三角形组成,有一些放在一起组成了矩形。当鼠标悬停在链接上的时候,一个黑色标签覆盖底部的三角形。悬停在导航菜单上的分类时,会出现一个黑色倾斜的矩形。

Perspective Woodworks & Design

网站中所有的图像和内容都放在了菱形里。着陆页的图像都只是装饰,不过向下滚动有一些菱形是链接。

Built by Buffalo

这个网站开发机构使用了蜂窝式六边形布局以展示他们的作品。

Jessica Caldwell

网站开发者Jessica Caldwell的作品集网站,这是具有勇气和创意使用不寻常角度的网站例子。菱形网格布局只是白色背景上的灰线,在你鼠标悬停在那些白色菱形上的时候才会出现内容。然后当你在鼠标在菱形上划过的时候,链接再次消失。简约至极的设计!

结论

角度和不寻常形状是设计者们找到的为扁平化网页设计添加创意和趣味的方式之一。现在使用这些风格的网站相对较少,不过在可见的将来,这么做的网站会越来越多。

你认为这种风格的网页设计有前途吗?你有没有在你的页面设计中使用过独特的形状和角度呢?请与我们分享你的想法和意见,并在下面留言。

原文地址:OXP
优设网:

 收藏