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

Phases Magazine

Phases Magazine就是个很好的例子，在布局上大胆突破。它也有条条框框——其中有网格——但他们以某种方式创造出了完全不同于标准网站的体验(屏幕截图不能让你很好地感受到，请一定要亲自打开看)。如果你看到这个觉得，“哇，这太奇怪了”，那么很好!他们要的就是这个效果。有人会喜欢，有人会讨厌，但我喜欢的是他们在尝试做一些改变。

Phases Magazine用了一种非传统的网格。

不幸的是，这个网站的整体体验非常糟糕。有不必要的滚屏，表面上是响应式布局，但在某些尺寸下严重错乱。

△ Phases Magazine的布局在小屏幕上完全乱了。

Curious Space

这个概念还有一个更好的应用案例，Curious Space。

△ Curious Space的布局。

这里的网格也有些天然随性的感觉，但滚动功能是常规的，响应式断点也运转良好。

Curious Space适应各种不同设备。

操作这个网站时，你会注意到许多不错的小设计细节。例如，鼠标悬停会影响图片的层叠顺序。

△ 鼠标悬停会让内容到前面来。

而且，滚动时还有点小趣味，但至少不会打乱操作，也与网站随性的视觉主题相吻合。logo开始是一堆混乱的字母，随着页面滚动，它们各自归位，在导航条中组成了“Curious Space”。

随着滚动，logo的字母各自归位。