本节书摘来自异步社区《众妙之门——网页设计专业之道》一书中的第1章，第1.4节，作者： 【德】Smashing Magazine 译者： 赵俊婷 更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.4　如何与众不同

这是一个丰富多彩、图文并茂、并且有着独特布局的页面。注意到它的与众不同了吗？该设计拥有CSS布局。有时候，art-directed风格的设计是很有必要的。

Evan Dinsmore: 21

该网页的设计是海报式的。在简洁的页面中以生动的图片取代了传统的纯文本。但是这样做的弊端是：在用户使用内容的便利性上，不如基于文本形式的界面。

A Way Back: Revised Font Stack

这是一个细节详尽的长版面设计。在art-directed风格的设计中，大型图片常被用来扩展布局的边界，如本例所示。这些图片往往是800～1000像素的宽度，填充了整个页面。

Chris Coyier: the Safari Challenge

这是一个利用了宽边距、多列文本、脚本和缩进标题的巧妙设计。从美学的角度看，它更像是一本书的内页。

Kyle Fielder: Keeping Curious

这是一个经典之作。你是否还记得那些用大型标点符号和视觉效果来创建文本流向的旧杂志？请注意其标题是如何在这个问号标志中定位的。这是一个美观、简洁、新颖的设计。

Sleepover: A Critical Analysis of my Shoes

这是一个简单的基于网格和对齐文本的设计，使用了衬线字体排印和一张漂亮的鞋子插图。遗憾的是，对齐文本在网页上看起来并不怎么美观。

Yaron Schoen: Too Many Buttons

有时候，art-directed风格和博客文章需要涉及很多的元素，如背景图片、背景颜色以及CSS样式等。此例正好体现了这类设计。

The Bold Italic: Keep Off the Grass

还有另一个典型列布局设计的示例。

The Bold Italic: Cinderella Story

另外一种设计，将印刷设计的灵感发挥得极佳。

Travis Neilson: Default Switch

以下是一个宁静、简洁、干净，并且带有个性标题的设计。