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

一成不变的布局方式、相同图库的素材、标准化的原型流程…… 如果你已经习惯了这些抑制创造力的行为，不妨看看今天十萬個為什麽带来的这篇Smashingmagazine 译文，附上超多创意窜天的优秀案例，喜欢的朋友一起来欣赏吧。

网页设计是否丧失了灵魂?这是否要归咎于响应式设计呢?我的朋友兼同事Noah Stokes提出了这些问题，不得不说是有点耸人听闻。毕竟，响应式网页不仅能让我们通过日益丰富的联网设备浏览网页，还能感受其乐趣。

作为设计师，我们的首要任务是解决问题，这可能远远超过其他的事情。响应式网页设计是一种绝妙的解决方案，能创造出适应各种设备的虚拟体验。但仍然有许多问题亟待解决，尤其是如何让各种内容都有趣迷人。一页纯文字可以成为一篇优美的博文，一大堆无关联的JPG图片可以成为一部专业的作品集。

然后，问题就变成了：我们能同时实现两者吗?

我们所获得的

毫无疑问，网络已经成为一个美学胜地。基于可靠的网格布局，构建简单迷人的网站，已经成为一种标准。互联网的垦荒已经完成，以框架和活动栅格形式出现的律法与秩序，已经掌管这片土壤，开始了和平的统治。

所有这些都是好事。简单迷人的网站，优势显而易见且丰富：

熟悉，便于用户浏览(操作正确的话)。

原型设计(相对)简单快速。

建站技术的高度标准化(流水线取代了工匠)。

快速布局节省了大量开销(有一定可能会转嫁给消费者)。

严格的栅格布局促进了响应式设计(它严重依赖极简的布局趋势)。

漫步Awwwards这样的网页设计画廊，其中展出的网站，有成百上千个都符合简单迷人的标准。

毫不夸张的说，标准化与其相关技术确有重大意义。无数的个人与小公司从中受益，通过简单迷人(却毫无独特性)的网站，向全世界分享他们的品牌。但是，那只是一方面。

我们所失去的

将个人行为纳入考量，如今的专业网站看起来基本上都很棒。拿一个名不见经传的设计师作品集网站，与十年前最好的设计机构网站相比，你甚至会承认我们在网页设计这件事上，已经做得好太多了。然而，四下看看，很容易得到结论：一切看起来都趋于同化。

是不是设计师都丧失了开拓精神?便捷是否牺牲了创造性?在回答这些问题前，我们先看看是什么致使今天网页设计缺乏多样性。

为何网站看起来都一样

看看如今的网站，同化的背后是什么力量在驱使?应该怪谁?事实证明，并不能简单归咎于某种工具或方法。响应式设计或许推波助澜，但它只是诸多因素之一。下面是一些疑犯。

布局

有限的布局创意，是网站缺乏多样性最主要也最显而易见的原因之一。抽离色彩、动画、视觉差滚动及类似效果之后，你就会注意到一些基本的网页布局原则。有多少网站是在这5种布局上稍作调整而成的?

△ 5种常见的网站布局。

Noah哀叹“到处都是条条框框”，指的就是这个。我们似乎停滞了，独特的布局成为了一种失传的艺术。

响应式网页设计

在以前，你可以确保，所有的网站访客都在用低分辨率的台式电脑屏幕浏览。如今，网站在所有尺寸与分辨率上表现良好，这已不是一种奢侈，而是一种必需。宽度活动、可伸缩的基本栅格系统，使得响应式网页设计比随性的布局更易处理。

框架

网页设计框架或许可以加速设计与开发流程。对许多人而言，它们是建立跨浏览器响应式网页最安全快速的方式。作为奖励，他们还会注意保持内容简略，从按钮到表单，涵盖所有通用元素。Bootstrap和Foundation这类工具有着惊人的人气，导致成千上万的网页设计师在他们每个项目中使用完全相同的代码库、布局、甚至美学风格。

原型工具和设计流程

即使在从零开始的过程中，设计流程也在有意识地抑制创造力。多数原型工具都鼓励、甚至可能迫使你使用标准化的方框元素，严格遵循网格式的布局。

△ 许多原型工具都鼓励使用常规网格布局结构。