十个2015年可能会大火的设计趋势

1.更长的滚动区域

如今，越来越多新发布的网页采用了更长的滚动区域。随着手机变得越来越流行，在网页上使用滚动区域代替链接也变得越来越普遍，特别是在首页中。

对于用户来说，通过滑动一个区域来或许他们想要的信息比不断地点击链接来的更容易。
首页并不是唯一的一个大量使用滚动控件的地方。因为滚动控件已经流行了一段时间了，在实践中设计师们发现不在首页而在其他地方使用该控件也可以获得更多的好处，比如“关于”页面甚至于需要优雅地展示所有产品的产品展示页面。

举个例子，苹果展示iPhone6的页面就不是在首页中使用滚动控件的典范。这个展示iPhone6的主界面被设计成使用长滚动控件，并且用来展示该产品的所有特性和优点。

此外，这个网站也加入了一些平滑的动画来使得滚动体验在视觉上显得更加专业。

2.讲述与互动

因为对于一个网站来说，拥有令人眼前一亮的内容是一件非常重要的事情，所以能够通过你的内容讲述一个故事将会是一个很大的加分。2015年的网页设计趋势很有可能会是使得内容能够更好地向用户讲述一个故事。

举个例子，Space Needles's website 就很成功地设计了一个通过讲故事的手段来表达Space Needle的方方面面。

这个网站同样使用了另一个2015年的新趋势- 交互。网页设计正在变得越来越以一种唯一的和迷人的方式来和用户进行交互或帮助用户完成目标。

交互与动画成对地出现在你的网页中的话，会为你的网站带来奇妙的体验。Impossible Bureau's website 是一个交互性非常好的网站，它通过你的滑动和拖动不同的网页元素来完成不同的交互效果（代替以往的那些普通点击）。

3.不使用巨大的页眉背景图片

The New Wave Company’s site showcases this well. It has a large header welcoming visitors to the site and large typography centered in the page. What it doesn’t have is a large background image behind that heading.

有一个已经流行了数年的趋势，就是在页眉中使用巨大的背景图片，并且经常在顶部配有文字。这通常是用户打开一张网页后第一眼会看到的东西。所以你改如何拥抱这种使用大页眉的趋势并且脱颖而出的？答案是：不要这样。

最近已经有了一些网站开始通过使用大页眉但是并不加背景图片的模式来反这种趋势了。在我看来他们不仅仅是不想再追随这个潮流，而是更多地处于性能方面的考虑。因为打开一个拥有大图片的网页耗费的时间会更长。

The New Wave Company's site 就很棒。它使用了大页眉并在中间写入大文字来欢迎用户。而在页眉中并未使用大的背景图片。

4.保持简约，去掉不必要的设计元素

设计有一个观点认为当把所有非必要的元素都去除才算是完成了一个设计。在2015年，我认为会有越来越多的网页会实践这种观点，并且在他们的设计中把所有的非必要元素去掉。

在第三点钟的网站就通过不在页眉中加入大背景图来完成了简约性设计。

目前越来越多的设计师通过实践发现去掉不必要的设计元素会让设计变得更加漂亮。并且通过简约的风格在各种重色，重图片的设计中脱颖而出。

5.固定宽度与居中布局

在过去的几年中，大部分的网站都采取“铺满设计”，即使得设计元素如图片或内容等百分百地铺满整个浏览器的宽度。在这个设计潮流流行之前，大部分的网站采用固定宽度，内容居中的设计。你可以看到每张网页的起始和终点位置。

那种固定宽度的设计模式似乎已经以一种更时髦的方式回归了。和那些“铺满设计”不同，越来越多的网站开始规定内容的最大宽度，并且在网页居中显示内容。

Michele Mazzucco's 是这种设计的典范。当这个网页所在的浏览器宽度大于1350像素时，你可以看到它的内容在网页中保持居中显示，并且宽度不再增长。

这是一种优雅地可以使用户保持对内容专注的设计，“铺满”式的设计显得陈旧和复杂。

6.专业的高像素可配置图片

Its about page is even more engrained (pun intended) with high quality and professional photography taken of themselves and the office space. No stock imagery of fake office spaces here!

固定图片在设计中依然占有一席之地。但是对于大多数的新网站来说，固定图片设计已经让位于用户可配置并且是唯一的高像素专业图片了。

使用配置图片比使用固定图片在设计思想上更加先进一些。那样可以让用户看到唯一的，其他人都无法看到的图片。

比如Grain and Mortar就是这个趋势的典范。这个网站在主页的页眉中使用了这种设计方案。它对于用户有感情上的影响因为这张照片都是Grain and Mortar的工作人员。

它的介绍页面更加的贴近这个设计思想，因为直接放入了他们的个人照片和办公室照片。在这个网站中没有固定图片！

7.像是app一样的滑动效果菜单

With this move, we are starting to see design elements that take what works on mobile devices and implementing it site wide.

响应式的网页设计已经流行了一段时间。知道现在，大多数的设计师都倾向于网页设计在PC端打开是好看的，在移动端只要看起来没什么问题就好了。而响应式设计可以使得网页无论在哪个平台下看都是不错的。

通过这种设计方式，我们可以发现在网页和移动端上看到的设计元素是相同的。

比如在24ways和Rawnet上，都使用了像是app一样的响应式菜单设计，并且菜单覆盖整张页面。

这两个网站的设计都采取了像是app一样的左侧或者右侧滑出式垂直菜单，通过这个设计思路可以使得该网页可以同时实现网络应用和在小浏览器中的快速响应。

8.隐藏主菜单

和上面说的那种滑出式菜单类似，我预料很多网站会在用户第一次访问时隐藏它的所有菜单。这些被隐藏掉的菜单只会在用户已经准备好了继续并且点击了相应的图标时才会显示。这同样是一种可以适配小浏览器的响应式设计。

Brain Hoff Design 的新网站就是遵循这个设计的一个网页。他在右上角使用了一个汉堡图标，并且只有当用户点击了该图标后才会显示出整个网站的导航栏。这种设计已经在越来越多的用户在移动设备上使用网络应用和本地应用时使用了，并且在本地应用中这种效果是一种很常见的设计。他使用这种设计方式来使得他的网页无论在多大的浏览器中都显得简洁并具有功能性。

9.极大的排版

在2014年，排版在各大网站已经成了一个非常重要的因素，我从来没见过变化的可以这么快。但是对于2015年，我看到那些本已经很大的页眉和版式设计变得更加巨大。我认为它们已经大到足足像是一家停在足球场上的飞机！

Tiny Giant's website 就是这个设计的典型。它们在最显眼的位置做出来最不会被忽略的声明。

巨型的排版在2015年将会得到更加广泛和深入的应用，使得用户第一次访问网页时就可以看到这些巨大的元素。因为这就是抓住用户注意力的绝佳方法。Tiny Giant在这方面做的非常好！

10.性能与速度

所有的设计归根到底都是需要相应时间的，用户最需要的还是一个快速的响应。所以我们需要在追求美的同时不要忘了网站设计的永恒主题：响应速度。