超越平庸！寻找网站失落的灵魂

上面列出的每一项工具与资源都极有价值。它们能简化工作，让网页设计与开发的大门向更多人敞开，也为客户省钱。我不会胡乱使用它们，我会精心挑选。如果真要寻找破坏网页设计多样性的元凶，我会举起自己的手，就是我。我觉得不是每个项目都值得进行独特的设计，我要向那些尝试有趣设计的设计师们脱帽致敬。

要知道，有一点很重要，你用上面所有这些资源仍然可以创造出独特的设计。这都取决于你如何使用这些工具。

如何挑战现状

你的网站是否有独特的设计，现在想必你心里有数了。或许你不在乎这个——这完全没问题。但如果你想要打破标准的工作流程，这里有些概念能帮你实现，还有些网站可以作为非常棒的案例。

奇异的布局

关掉你的原型工具，拿出纸笔，思考一下如何创作出有趣且有用的布局，脱离你以前的套路。

Phases Magazine

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

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

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

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

Curious Space

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

Curious Space的布局。

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

Curious Space适应各种不同设备。

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

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

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

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

注：相关网站建设技巧阅读请移步到建站教程频道。

（编辑：应用网_丽江站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!