9个参考网站，让你的网页设计不再千篇一律【设计资源38】

原创赞12 收藏66 评论

举报 2016-03-28

扫描,分享朋友圈

9个网站可供参考，让你的网页设计不再千篇一律【设计师资源38】

对于网页设计来说，现在可能已经陷入了一种趋同化的尴尬境地，这主要归咎于以下几个原因：1、有限的布局创意；2、响应式网页设计；3、网页设计框架；4、原型工具和设计流程抑制创造力；5、高清免费图片；6、设计趋势；7、设计师自身。总而言之，许多所谓的简化工具和设计规范在方便设计师工作的同时也设定了更多的条条框框。

想要改变这样的现状，可以参考下面这些网站：

1、Curious Space

网站地址：http://www.curiousspace.com/

Curious Space里的网格有些天然随性的感觉，操作这个网站时，你会注意到许多不错的小设计细节。例如，鼠标悬停会影响图片的层叠顺序。而且，滚动时还有点小趣味，但至少不会打乱操作，也与网站随性的视觉主题相吻合。logo开始是一堆混乱的字母，随着页面滚动，它们各自归位，在导航条中组成了“Curious Space”。

Curious Space

2、Le Temps D’un Trajet

网站地址：http://letempsduntrajet.com/

Le Temps d’un trajet也是一个有趣的例子。我们在此又看到了非标准的网格，但它的布局不是零星分散的，而是刻意聚集而成。排列中的每个方块都是一张静止图片，鼠标悬停则变成一则短视频。但是最酷的地方，是网格随着焦点流畅地变化。

Le Temps D’un Trajet

3、Built By Buffalo

网站地址：http://builtbybuffalo.com/

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

Built By Buffalo

4、Anakin Design Studio

网站地址：http://www.anakin.co/en

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

Anakin Design Studio