网页设计 src="http://upload.chinaz.com/2013/0129/1359446855608.jpg" width=500 height=292>

回顾2012年我会说此趋势最好的例子是MediaFire’s homepage.这个页面的整个头部是在一系列幻灯片之间滚动。每一个幻灯片都表述了你可以在MediaFire做什么同时阐述了和其他网站的对比他们的特点。帮助此例子表现突出的依旧是他们使用的大插图和图标。这是一个不适合全站使用的趋势，你仅仅可为某些产品以此来吸引更多的关注。

12.滑动的网页面板

过去当flash和Actionscript很盛行的时候，滚动的网站很火。而现在，动的效果已经可以通过Javascript和JQuery实现，并且依次影响了设计师建设网站的方法。我是偶然喜欢上滚动面板技术并且希望在2013年看到更多。

网页设计 src="http://upload.chinaz.com/2013/0129/1359446855260.jpg" width=500 height=292>

立马点击，你或许会想CaptainDash是一个普通的网站，可是当你通过导航点击的时候，你会发现每一个页面都是通过左右连续推动加载的。这些动的效果并不总是对手机用户是个好的兆头。

若你可以通过响应式布局来处理它们，又或者有可供选择的手机站点，滚动效果在手机上就会很酷，值得一试！

13.移动导航切换

当谈到响应式设计时，最难的问题之一是如何创建一个靠谱的导航。你希望能给用户对你所有重要的链接以直接的访问，而不要淹没在页面中而使其难以辨读。先保持导航隐藏当需要时再出现也是一个很好的点子。

网页设计 src="http://upload.chinaz.com/2013/0129/1359446855653.jpg" width=500 height=292>

进入移动导航切换菜单漂亮的设计趋势，Treehouse Blog是极少数将此技术在智能手机和pc端浏览器表现都很耀眼的例子之一。但是有许多网站和工作室在他们的个人响应式布局中使用了此趋势。

我所喜欢的导航切换是你可以以多种方式设计导航，你可以有从头部到底部的导航或者往下滑动，又或者左右推动内容。设计师有许多玩的选择但是对于UI实验需要更多的时间。

14.全屏排版

前面我提到过使用超大图片作为网站布局的背景，这种趋势依旧可以延伸到文字排版上，设计的你网站文本完全适应浏览器。一些用户可能感觉到很恼火，但是如果布局对于超大文本很合适这也不是常有的事。

网页设计 src="http://upload.chinaz.com/2013/0129/1359446855773.jpg" width=500 height=292>

Alex Pierce有一个很棒的专注于排版布局的网站，你可以通过CSS3的属性看到富文本效果。另外这个网站很容易被导航以及许多其他页面的元素显示的也是超大的。

独一无二的大字体样式可以像超大图片一样突出，同时我确定在新的一年我们会看到这种设计会得到更多的评论。

15.编程接口和开源