设计师突破固有思维的优秀网站设计欣赏

Le Temps D’un Trajet

Le Temps d’un trajet也是一个有趣的例子。我们在此又看到了非标准的网格,但它的布局不是零星分散的,而是刻意聚集而成。

帮助设计师突破固有思维的优秀网站欣赏

△ Le Temps d’un trajet的首页布局。

排列中的每个方块都是一张静止图片,鼠标悬停则变成一则短视频。但是最酷的地方,是网格随着焦点流畅地变化:变化效果的视频演示

不要四四方方

为网站营造特别氛围的一种方式,就是跳出条条框框思考。这话听起来令人生厌,但当你向其他几何图形敞开心扉时,事情就开始变得有趣。

Built By Buffalo

帮助设计师突破固有思维的优秀网站欣赏

Built By Buffalo用了六边形的布局。

看看Built By Buffalo构建出的蜂巢。这种图片集的设计对于移动端不太友好,所以他们索性在某个断点处变成了矩形。这个例子完美诠释了在适当时机做出独特的设计,同时了解何处是界限,应该收敛一点,给用户提供最佳体验。

帮助设计师突破固有思维的优秀网站欣赏

在更窄的尺寸中,布局会变成矩形。

Anakin Design Studio

最近看到的Anakin Design Studio是这个系列中我的最爱之一。不仅因为布局漂亮、出乎意料,纵观如今的网站,它用到的形状都远远超出你的预期。

帮助设计师突破固有思维的优秀网站欣赏

△ Anakin Design Studio的主页。

如你所见,巨大、遮罩式的文字让人印象深刻。但除此之外,随着页面往下滚动,还能看到他们最近的作品。许多设计师都会在这里放几排简单的矩形缩略图完事,但Anakin则在形状上玩了花样,使它更加吸引人。它们仍是矩形图片,却用白色背景营造出了多种形状的错觉。

帮助设计师突破固有思维的优秀网站欣赏