【TNW】2013年10大网页设计趋势

TNW发布了2013年10大网页设计趋势：

1、响应式布局盛行，即一个网站适配多种屏幕;
2、重视字体的选择，使用Web字体;
3、更少的使用Flash，使用其他任何可能替代的技术;
4、苹果iOS的拟物化设计将不再时髦;
5、使用巨大的背景图构造大气的视觉效果;
6、产品和个人介绍页面留出更多空白;
7、更多的社交网络分享入口;
8、浅色、冷色调重新成为主流;
9、移动App将取代一部分移动网页流量;
10、内容依旧为王;

好了，该到我们年终展望新年的时刻了。2012年我们看到一些新的设计趋势在Web设计领域，特别是响应式页面设计。那么跟随我们的脚步，来预测一下2013年的设计趋势吧！

1、响应式网页设计越来越被重视

响应式网页设计已经不是什么新鲜名词了，但我们为什么还有说它呢？简单地说：响应式设计的方法会更多且制定相应的标准。2012年通过断点的响应式 设计类适合不同的屏幕，当新的设备比如iPad mini冲击足够大的市场的时候，这种方式将得到改变，断点可能被替换成其他实现方式。

我们认为更多的网站设计将专注于最初的页面设计以响应式，而非单独制定不同设备的模式。这种响应式设计忘记尺寸以便支持多种设备，我们将看到更丰富的页面设计适应不同节点的设备。

2、重视字体的选择，使用Web字体

初建网站时，Web设计师和开发者常常专注于图片处理及JavaScript脚本。在过去两年以及未来相当长的一段时间内，Web设计类型将得到一 次突破，最为明显的是字体设计成为网页设计重中之重。比如使用@font-face 把服务器上字体引入，比图片和脚步JavaScript更轻量化。

而且，字体布局相比图片和JavaScript复杂的布局更适合响应式设计。大胆放开你的思维，让更多的字体设计尽显在你的网站上。

3、更少的使用Flash，使用其他任何可能替代的技术

不要惊讶Flash到2012年才拿掉，对网站的SEO来说它是多么垃圾，很多移动设备已经不支持它了（看看苹果的设备），而且更新很痛苦（经常崩溃浏览器，你有过吗？）最佳的方式是使用HTML5/CSS3和JavaScript等。

2013年Flash可能举步维艰。虽然有些危言耸听，但这是事实，Adobe都不支持Flash在Android 4.1以上系统了。

4、 苹果iOS的拟物化设计将不再时髦

这里有个关于苹果拟物化设计的讨论，甚至苹果也在商议改变设计决策。过去的项目线索并不能帮助我们在新技术上改进思维方式。举个例子，我们要阅读电子书不需要虚拟一个书架放一本书，把它放在我们的设备上，我们知道它是电子书，我们知道如何打开阅读它。

苹果正需求其他设计美学，等待其他人步入后尘。我们已经看到一些公司拥有它们自己的方法论，比如微软的Metro风格设计。所以未来，更多设计将扁平化。

5、使用巨大的背景图构造大气的视觉效果

上一条我们说过字体设计将替代图片，但这不矛盾，越来越多的网站使用大图片放在网站的首页以增加视觉冲击力。当然，使用大图像要考虑带宽流量和服务器问题，合理优化是首要。

6、留白更多

2012年设计趋势中谈到页面留白，2013年这种趋势将继续存在，响应式页面设计和简约的设计美学都是关键的因素。留白会更显的专业和大气。（哈哈，又是大气～）

7、更多的社交网络分享入口

把更多的社交媒体整合到你的新网站中吧，在每篇文章中凸显社交按钮，2013年更多深层次的社交整合将得到爆发。

这包含了简单的社交登录外，还有更深层次的比如“微博支付”分享等，以及其他社交分享方式（Instagram、Pinterest等），更多广告业也将在社交媒体上出现。

8、浅色、冷色调重新成为主流，更多淡雅平静的配色方案

色彩潮流比任何东西来去更快，使用淡雅和平静的色彩将会出现更多网站上。过去几个月我们也看到一些网站的设计，比如新版的PayPal主页。你可以看看“Pantone 2013色彩选择”。

很难预测那些色彩在某特定时间内流行。不过值得肯定的是，淡雅和浅色风格设计将主导网站和移动应用界面设计。安全色如白色、黑色和灰色将作为主要色调。

9、移动App将取代一部分移动网页流量

即使网站兼容所有设备，对于某些网站，一个移动应用来的更好些。像Twitter, Facebook, Pinterest等，移动应用版比移动浏览器版体验会更好些。

2013年这种趋势将更加明显，越来越多的人通过移动应用浏览内容而不是浏览器。

10、内容有价值恒古不变

2013年网页设计更注重有价值内容的呈现。没有内容，就没有网站。保持网站新鲜的最佳方式就是更新有价值的内容。

撰写，设计，发布和共享一切以内容为主，响应式设计也不例外。

总之：响应式设计、有价值的内容、社交媒体将成为2013年的主导。