在过去的2012年里我们看到了互联网的快速发展，各种技术的更新换代。对于网页设计师来说2012年也是很特别的一年。在这一年里你会发现很多东西就不一样了，几年前谈论的概念性的东西似乎在这一年都看到了原型。网页设计也不在开始循规蹈矩。各个公司和企业都学着跳出固有的圈去思考和创意。把用户体验提到了最关注的位置是一个重大改变。那么在新的2013年，网页设计还会有什么热点需要我们去注意呢。随着移动端智能设备用户数量的激增，我们要如何去思考和准备呢。今天，我们就归纳了2013年关于网页设计的20个趋势热点。认真阅读和思考，你会得到更多的想法思路。

1、布局响应

推荐阅读：响应性的Web设计的系列文章。

2、视网膜支持

视网膜屏幕基本上都是两倍致密作为任何普通液晶。因此，它们是相同的物理像素数，但数字尽可能多的像素的两倍，可以安装到相同的物理空间。

这意味着像素完美的网页设计师支持视网膜的设备将需要建立两套。首先，你需要两倍的分辨率品尝您的图片，然后保存一个“标准”版本的一半大小。更大的图像将被缩小到标准分辨率，视网膜上的屏幕会显得很脆。

我最喜欢的Web设计工具之一是retina.js。这是一个JavaScript库，用于在你的用户浏览器视网膜设备上自动显示@ 2倍视网膜。

3、固定标题栏

使用CSS的位置：固定属性是一个伟大的方式来控制到您的网站的标题栏。当参观者向下滚动您的网页，这将提供持续不断的支持导航和返回主页。这种趋势已经存在了一段时间，但现在我们相信还会持续下去。

固定头非常有意思，提供了出色的用户体验，而无需看得很远就能浏览网站。

4、大图背景

摄影师或摄影迷一定会喜欢这样的设计趋势。我看到了无数的展示，讨论大过大的摄影背景的想法。这是一个很好的方法来捕捉访问者的注意力，并且在完成以后却是非常好看。

我常常喜欢大照片，因为它们很养眼。当混合到你的布局，这样的设计技术可以让您的网站具有更好的粘性。

5、CSS透明度

6、简约的登陆页面

新的趋势是极简主义的想法：让一切简单，专注于自己的核心产品。

推荐阅读： 美丽的登陆页面：提示和例子

7、数字QR码

随着丰富的移动智能手机的QR码应用程序的激增。你会发现这些标签随处可见，从餐厅到活动场地到交换的名片等等很多。

阅读： 进去一看：产品营销快速反应（QR）码

8、社会化媒体徽章

热门资源在线分享的例子有很多。

如何让浏览者去积极的响应社交分享的图标，让网站资源得到更多的分享是需要考虑的问题。

下面，我已经把一个小社会化媒体的徽章，你可以尝试在自己的网站布局。

• StumbleUpon的徽章
• 谷歌+1按钮
• Pinterest的按钮
• LinkedIn分享徽章
• 黑客新闻投票徽章
• Dzone投票按钮
• 免费社交媒体图标集 - 最好的
• 100 +非常美丽的Twitter的图标和按钮

9、详细的插图

插图一直是一些网站的主要风格，也一直都非常收到人家的欢迎。但是寻找以为插图网页设计师并不是很容易。

插图可以给您网站带来不同的艺术表现形式。

推荐阅读： 50美丽的手工绘制的网页设计

10、无限滚动（瀑布流）

这个技术去年相信很多站长都接触过。相信在2013年还将持续。

11、主页功能浏览

滑动的影像展示和演示视频都是非常普遍的在网络上。

12、滑动页面

动态网站是非常受欢迎时，Flash和ActionScript曾风靡一时。现在风靡的是JavaScript / jQuery的动态效果，这对于网页设计师来说影响非常大。我们总是能看到不错的好的酷的创意。

13、手机导航切换

阅读： 移动应用程序的设计/开发：建筑与jQuery导航

14、全萤幕排版

我在前面提到过，使用过大的大照片中的背景，网站的布局。这种趋势可以扩展到专注于排版以及设计您的网页上的文字，使其充满整个浏览器。有些用户可能会发现这很讨厌。

大文本具有独特的字体样式。

推荐阅读： 使用了漂亮的印刷字体的网页设计展示

15、API和开源

开放源代码软件已经存在了几十年，自成立以来，已经改变了网络。但在2012年的过程中，我注意到更多的开源软件相关的网页小工具，布局和动态效果。通常情况下，我们也可以谈论免费的网站模板，布局。如WordPress。

16、深盒阴影

17、CSS3动画

18、垂直导航

这种纹理效果是明显的，在其他垂直布局，如CSS画廊。

19、单页网页设计

单页的设计是一个很大的话题，在许多不同的类别覆盖。

20、圆形设计元素

网站的布局界内的趋势是新的东西，并已给予了很多的关注。设计师喜欢的圈子，因为他们是干净，整洁，一般适合于任何布局块。您可以建立的模式和解决您的页面元素，设计成圆形（如用户头像，分享按钮，日期等）。

最后的思考

用户界面设计是建设数字化产品时，最复杂的话题之一。尤其是对网站的布局，试图匹配成功的用户体验的导航和内容样式。

Via