每年，网站设计都在快速进步，每天几乎都有新的设计出现。我可以想象得到，2015年将出现最好的网站，包括2014年已经预测到的许多趋势。随着这些趋势在2015年左右实现，现在该是时候让我们预测2015年可能出现的新趋势了。

网页设计趋势的探讨主要会在排版布局、色彩搭配、用户体验和设计风格中进行。2014年设计趋势的综合指数比较高，每个部分都会有所涉及;而随着用户对网站使用体验的要求越来越“严苛”，我们有理由相信，2015年的重心会更倾向于“用户体验”。

我们先分析一下明年会有哪些新趋势，以及去年的哪些设计趋势会得到延续和升华。

一、滚动翻页更流行

今天出现的大多数新网站倾向于更长的页面，并通过滚动方式翻页。随着移动设备越来越受欢迎，以滚动方式浏览显示器上的内容变得越来越常见，正代替点击方式，特别是在设备的主页面上。对于用户来说，以滚动翻页的方式获得信息显然比不断地点击按钮更简单。

主页并非滚动翻页越来越流行的唯一地方。随着超长滚动网站(即一页式网站)日益变得热门，滚动带来的好处也更多，除主页面外的其他许多地方也开始出现这种模 式，比如有关网页以及产品网页等，它们都已成为展示各种内容的简单显示方式。比如，苹果iPhone 6的滚动翻页方式已经扩展到许多地方，可以展示该产 品各种特点和性能。此外，iPhone 6网站也增加了一些流畅的动画，让滚动体验在视觉上变得更具吸引力。

二、讲故事+互动

对于网站来说，拥有令人感到惊异的内容总是非常关键，而利用这些内容讲故事更是一大优势。2015年的网站设计很可能聚 焦于如何为用户讲故事。比如，Space Needle(美国西雅图地标建筑太空针塔)的网站非常漂亮，可以通过使用讲故事的方式介绍 Space Needle的有关事实，并以滚动翻页的设计予以支持。Space Needle也证明2015年的另一种趋势——互动。网站设计正添加更多 互动和动画元素，以独特和有吸引力的方式帮助介绍内容。在网站设计中加入互动与动画，可以为你的网站带来令人惊讶的因素。比 如，Impossible Bureau网站的互动性就很强，可以对你的滚动和悬停做出回应。

三、大标题背景图像缺失

过去几年中，网站设计中十分流行大标题背景图像，上面经常有文字说明，这也是大多数访客浏览网站时首先看到的东 西。而在大标题背景图像如此流行的情况下，你的网站如何能脱颖而出呢?采取相反措施。近来出现的一些网站逆势而行，即没有大标题背景图像。我猜，他们这样 做不仅仅是不愿意追随潮流，而且也在寻求提高网站的性能与速度。New Wave Company的网站就体现出这些特点。它使用大标题欢迎访客，大字体 集中在网页中心，但标题后面没有大背景图片。这是一种高雅的做法，效果并不次于其他使用大背景图像的流行网站设计。

四、剔除非必要设计元素

有一种设计观念认为，当所有非必要元素都被剔除后，网站设计才算完成。2015年，我认为我们能够看到这种观念更 好地体现出来，因为更多网站都在试图通过剔除非必要设计元素实现网站设计的简化。New Wave Company网站中剔除大背景图像的做法就是最好例 证之一。另一个剔除非必要设计元素确保网站简洁的最佳例证是Rareview Digital Agency网站，它也没有使用大背景图像标题问候访客。 设计师们实际上已经消除了许多当前网站上流行的设计元素，比如背景颜色、众多图片以及复杂布局等。相反，他们选择更清晰、简洁的网站设计，在注重设计、图 片以及颜色的当前网站中，这些设计不禁令人眼前一亮。

五、固定宽度的中心网站布局

过去几年中，大多数网站都使用了以宽度为中心的网站布局，它可以让图片或视觉延伸部分在整个浏览器视口中全部 展现出来。在这种趋势热门前，大多数网站都是固定宽度的，内容处于网页中心，你可以看到网站两侧的终结部分。固定宽度趋势似乎正以更现代的方式回归，只是 网站及其内容部分不再处于视口的边侧，有些网站选择最大宽度，以确保它们的内容处于视口中心。Michele Mazzucco的网站就是如此。

六、专业高质量自定义摄影

图库照片依然在设计中占有一席之地，但是对于大多数最新出现的网站来说，图库照片开始采取高质量的专业摄影照 片，它们通常是独一无二的，专为网站自定义拍摄的。使用自定义摄影比仅选区图库照片在设计方面取得了更大进步，它让你的网站独一无二，其他网站无法使用同 样的照片。比如，Grain and Mortar网站的自定义照片使用了该网站的大标题，这展现出个性化效果，因为照片上的人和办公场景都是在 Grain and Mortar真实存在的，毕竟没有假办公空间的图库照片!

七、弹出/滑出应用式菜单

响应式网站设计已经流行了一段时间，可是直到近来，大多数网站设计重点都放在令网站在桌面设备上看起来更好，而 在手机或平板设备上看得过去即可。无论何种设备，响应式网站设计正迈向更好体验。我们正看到这种设计元素向移动设备上转移，并在更广泛地使用。比如 24ways与Rawnet都展示了这种观念，将类似应用和响应式菜单添加到整个网站中，而不仅仅有更小视口的设备上。在这种情况下，这两家网站选择靠左 或靠右的垂直菜单，而不是位于顶部的水平菜单，使用起来更像弹出/滑出应用式菜单，这种技术允许网站应用与响应式设计出现在更小的视口上。

八、隐藏主菜单

这与上面讨论过的弹出/滑出应用式菜单很像，我期待更多网站可能向首次访问网站的访客隐藏主菜单。只有当访客准备移动和点 击相应图标后，这些隐藏菜单才会显示出来。这种响应式设计技术正开始出现在网站设计中，而非仅仅小的视口中。Brian Hoff Design的新网站 就是最好的例子。他使用网站右上角的汉堡图标隐藏导航功能，直到访客点击它。过去2年，这种行为已经逐渐被接受，访客正习惯在网站应用或手机应用上如此操 作。他将这种模式应用到网站上，无论视口多大，都可帮助确保网站简介，功能完全。

九、强调性字体的排版设计

简单的字体设计却牵动着整个网页的氛围。预计近几年，极简风格的网站设计会成为主流，因此网页中文字内容的数量也会相应的减少，所展现的文字都是相对比较重要的内容，而粗大的字体无疑是突出重点的最佳格式。不仅如此，强调性的字体设计结合大图片背景能营造出杂志风格的网页设计，让网站更加随性自然。

十、非常大的字体

2014年，字体在许多网站设计中发挥重要作用，我未发现这种趋势在短期内改变的迹象。可是2015年，我看到网站中的 标题和字体变得越来越大。夸张地说，就连天上的飞机可能都能看到地面上的字。当你访问Tiny Giant的网站时，你会看到很大的字体。这实际上是一种 声明，让你很难错过。大字体将继续在2015年的网站设计中发挥重要作用，成为确保提高访客视觉层次的方法。访客首先会看到最大的字体，因为那会首先吸引 你的注意力。

十一、停不下来的页面自适应(响应式)

如今移动端的用户数量足以证明页面自适应的重要性，随着各种智能化设备继续不断兴起，自适应更将成为设计师们需要研究的课题。和过去相比，响应式网页不仅要在未来适应更多不同的分辨率，也要同时关注内容流、断点、相对单位，以及套嵌对象等内容的设计，让用户真正享受到自适应带来的舒适感。

十二、卡片式设计

设计的内在魅力被挖掘的越来越深入，网页的逻辑条理关系也因此受到了大家的关注，卡片式设计就此崛起!

关于卡片式设计，也许最简单的解释就是一张扑克牌。一个图案、一个文字，虽然内容并不多，但能很清楚的表达出这张卡片的含义。不仅如此，设计师还应该在此基础上为用户提供交互的机会，因为卡片式设计反馈的不只是一条有价值的资讯，更需要让用户融入其中做更多的事。

十三、扁平化不再是风格，而是一种手法

最值得一提的是2014年如火如荼的扁平化设计!

扁平化设计在近几年的势头不言而喻，就连WIN8刮起的Metro风也加入了以色块为主的扁平效果。扁平化设计是指无论是色块、图片，又或是布局表现都去掉了阴影、渐变等拟物化元素，这样的设计理念很符合时下的设计风尚，将扁平化用到极致依然不失为一种非常好的设计。

但是，我们绝不能为了扁平化而扁平化!如果加个内阴影就能让网页更有立体感和丰富饱满，那我们为什么不这样做呢?正如苹果公司一直坚决推崇的：提炼一款伟大产品设计直至最干净简洁的状态，而并非定格它“必须的”风格走向。

未来的扁平化运用更倾向于是一种表现手法，比如你的设计可以是小清新风格，也可以是欧美风格，但这并不妨碍其中都使用了扁平化的手法。绝对的扁平化除了一些软件级产品或是主打扁平化设计的作品之外，可能更适合作为提高设计水准的工具。

十四、性能与速度

许多设计趋势受需求驱动，以促使网站加载速度更快，消耗的宽带流量更少。这篇文章中讨论的大多数趋势都可能需要减小网站， 为那些手机、平板设备或更慢网络用户寻找更快加载方式。网站设计师和开发者越来越强烈地意识到自己网站的权重，以及用户如何与他们互动。响应式网站设计已 经帮助减轻这些担忧。网速过慢以及设备类型等因素迫使设计师和开发者密切关注它们的文件和网站大小，网站加载速度在不同网速条件下也不尽相同。无需惊 讶，2015年需要加载速度更快、没有滞后感的无缝网站。

十五、更优雅的个性化微交互

首先说明一下关于“个性化”的理解。很多网站的通病是把当下流行的元素和技术，在不顾及实际体验的情况下统统搬到自己的网站上，一味的追求自认的“个性化”设计方式，像这样的外貌协会行为明显已经不符合如今的网页设计趋势了。

在未来的网页设计领域，我们需要的是一种更优雅的微交互反应方式。比如鼠标悬停时产生效果、便于快速访问的隐藏导航，以及注册页面的弹出框等，这些小细节的设计看起来很不起眼，但能在用户心里留下深刻的印象。

 本信息来源于：东郡网络