《网页设计创意书（卷4）》试读：1.1 极简风

/极简风•插画风•瀑布流•单页式•首页突出式•非典型•主题式•登陆页式•响应式 我写的创意书系列的核心内容是介绍网页的设计风格与趋势。有鉴于此，我打算在本章开篇就谈一谈相关话题。你也许发现我之前的几本创意书中采用了同样的设计方法。但此处有所不同。本章的所有网站，无一例外，都属于“作品集展示”网站。我原本预计本章内容写起来会十分困难，但真正着手写时，却发现可写的内容很多，停也停不下来。仅就“作品集展示”这个类别而言，我就可以汇集各式各样的设计风格，编出好几本书来。 我认为，像这样仔细地研究某个特定类型的网页设计是很有价值的。原来它可以用那么多种设计模式来实现，这着实让人吃惊。细致研究过后，我们可以集中讨论人们解决各种问题的通用方法。读到本章最后，希望你可以得到一些新鲜的想法，不仅能够激发你设计作品集网站的灵感，还能给其他工作带来启发。 1.1 极简风 在我所有的创意书中，都有“极简”这么一个章节。我以前讲过，极简风格涵盖了我所钟爱的所有网站特质，而以下这些网站又是我最为欣赏的。符合极简风格的网站，其设计必须是精简至极又精美至极的。通常情况下，这些网站的布局都是简洁明了、宽松透气的，让人一目了然。下面就具体分析几个例子来说明一下。 Ming Labs网站就是极简风的绝佳案例（图1）。这个网站运用最为简约的手法，摒弃了任何结构化设计的元素。这使得设计师能够通过清晰（并且美观）的文字层级来吸引用户的注意力。尽管看上去简单，但细微之处却体现出设计之精彩，不需要再画蛇添足了。请注意，该网站给人的感觉是如此简洁清爽。它留白很多，使人轻而易举地了解其中的内容 —— 这正是极简风格的典范。 另一个符合极简风格又惹人喜爱的例子是Heikopaiko网站（图2）。就像大多数极简网站那样，该网站也使用了简约的设计手法。但不同之处在于，尽管它的页面排版不那么稀疏，却仍清晰明了，具有亲和力。在浏览该网站时，你可以轻而易举地了解其中的内容。整个文档流直截了当，没有歧义和混杂的信息，所有细节都设计妥帖。这样的极简网站设计得实在是太细腻了，简直让人有些气恼。恼就恼在通过它，你可以看到网站竟可以设计得如此完美。坦白讲，这个网站看上去不像是网站，反倒像是Photoshop的效果图，给人的感觉十分对味。 最后，让我们来看一下Aaron Smith的作品集展示网站（图3）。我们同样发现该网站也留有许多空白，并且同样依赖强烈的文字层级对比来突出内容。此外，另一个设计模式也逐渐显现。很多我认为是极简风格的网站都采用了单栏的信息流：没有侧边栏或其他任何使布局显得复杂的元素。它们仅靠单独一栏来显示内容。这使内容的层级关系更为突出，并让人倍感简洁。单栏布局也更利于将网站移植到移动设备上。也许这些网站中有一些采用了“移动优先”的设计策略，才使得单栏模式频频出现。