Pinterest如何改变传统Web设计风格？

     <div id="news_body">     <p style="text-align:center;"><img border="0" alt="Pinterest如何改变传统Web设计风格？" src="https://simg.open-open.com/show/da7f22b41e033b71c8c02ed35323659c.jpg" width="550" height="452" /></p>     <p>        <strong>导读：本文作者 Sarah Kessler 认为 Pinterest 的出现改变了全球网站的设计风格，引领了一种新的设计潮流。那么，Pinterest 是如何改变传统 Web 设计风格的呢？</strong></p>     <p>        即使你没有看过那个很流行的可视化书签网站 Pinterest，你也一定知道它的设计风格——2011年出现之后迅速风靡全球的设计风格！</p>     <p>        Pinterest 的设计风格为什么会这么流行？我们所知道的只是，Pinterest 的网站页面设计并没有按照传统的网页设计风格去做。</p>     <p>        NYTimes.com 前设计总监 Khoi Vinh 描述 Pinterest 的设计风格像商店橱窗一样，它就是放在你面前的一个大橱窗，里面放置着很多精美的商品。</p>     <p>        “信息平铺化。”网页设计师，Lendle 的联合创始人 Jeff Croft 这么评价 Pinterest。</p>     <p>        Pinterest 页面上的内容块像是一个个小标签被图钉钉在了钉板上，这些小标签上的内容都是用户所感兴趣的。整个页面就是由无数个这个的小标签组成的。这些小标签的主题 部分是一个图片，你可以对图片进行收藏和分享，还可以在图片的底部对图片进行评论。这些小标签看起来就像是一个小型的迷你个人主页一样。</p>     <p>        有个例子可以说明 Pinterest 现在到底有多流行。另一个最近比较火热的网站 Palo Alto，它的用户群是以家庭妇女为主。一项研究显示，Pinterest 为它带来的流量比 Google+、油Tube 和 LinkedIn 加在一起还要多。</p>     <p>        Pinterest 之所以能够这么流行，更多的是得益于它不同寻常的设计风格。而且它的设计风格现在被许多网站竞相模仿，比如问答网站 Quora 在去年 12 月份推出的一项“Boards”功能。今年 1 月份 Chill.com 新版页面上的“bricks”功能等等。</p>     <p>        事实上，Pinterest 并没有刻意去创造一种新的网页设计风格，但它的这种设计风格的确让很多人都感觉很酷。</p>     <p>        在谈论 Pinterest 的页面设计时，大多数设计师都会提到一个 jQuery 布局插件，Masonry。Masonry 是设计师 David DeSandro 在 2009 年 2 月推出的一款插件，它可以让网页设计师很容易做出类似 Pinterest 样的网页布局。</p>     <p>        目前，已经有不少网站开始尝试用 jQuery 插件 Masonry 进行网页布局。虽然网页设计的风格已经接近于 Pinterest，跟得上主流了，但相对于页面设计的更新，这些所提供的服务仍然显得落后，还有很大的提升空间。</p>     <p>        Pinterest 还打破了最新发布的信息最靠前的信息显示惯例，这种惯例一直被默认接受，不少人甚至认为那是信息显示本就应该遵从的一种模式。</p>     <p>        Pinterest 是 Mashable 所承认的第一个将这种设计风格成功推向主流的网站。它告诉我们，设计是如何有力地解决了某些挑战，如何打破传统的模式但不流失用户。事实上，吸引住用户也有邀请码制度的功劳。</p>     <p>        不管怎样，这种设计逐渐流行起来了。 Croft 说，在过去的半年中，已经有五六位客户在讨论他们的网站应该如何设计时提到了 Pinterest。</p>     <p>        “从理论上讲，它还有个优势，那就是在 Pinterest 上，如果你设置一组信息，并希望当用户通过非线性的方式访问他们时你可以获益，那会比较容易实现，” Vinh 在谈论 Pinterest 的设计风格时指出，“因为对于大多数人来说，他们在 Pinterest 上看到它们，会希望也会不由得认为它们和 Pinterest 一样酷。”</p>     <p>        原文出自：<a href="/misc/goto?guid=4958329395638260058" target="_blank">Mashable</a></p>     <div id="come_from">      来自:      <a id="link_source2" href="/misc/goto?guid=4958329396439945816" target="_blank">CSDN</a>     </div>    </div>