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

像Github这样开放的编程接口和资源不仅允许设计者进行原型布局，还可以在页面上制作动画和效果。在网络上jQuery事实上有无数的插件供免费下载使用。

说真的我不希望开源项目在任何时期发展缓慢，现在就是该开始并且促进在创建网站领域知识的时候。

16.深度盒子阴影

我在2012年的文章中已经讨论过CSS3的盒子阴影，这种趋势已被证明是非常准确的。事实上，我经常希望看到在现代网页设计中加入盒子阴影效果。这种效果看上去很神奇，它们从来不会偏离美学除非过度使用。

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

我相信在前些年设计师遇到的问题源于盒子阴影太难而不容易实现。往前推几年，这种效果需要Javascript或者在photoshop中制作阴影背景，而现在阴影盒子可以在CSS中使用几行代码来生成。

我将会在整个2013年留意盒子阴影效果。我想此效果已经在设计社区根深蒂固，现在更该关注的是谁最有创造力的实现盒子阴影效果。

17.CSS3动画

CSS3 带有相关浏览器前缀的transition属性允许CSS实现像Javascript一样的动画效果。设计师现在能以不同的CSS属性实现动画效果。我有许多恰当使用过渡效果的hover effects and form input fields例子。

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

另外一个优秀且激动人心的例子来自CSS alerts tutorial on Codrops。提示你如何为各种不同的动画设置时间。

我对新的设计师推动不通过脚本来实现的动画充满信心。

18.垂直导航

当我第一次注意到不同的网站使用此趋势的时候，并不是很感兴趣。可是在过去的一年里，我看到越来越多的设计师创造了完美的垂直解决方案。当此布局被正确的完成，垂直网站布局可以容纳充足的内容同时具有好的设计体验。

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

Riot Industries的组合对于新设计师是个很好的例子。查看一下导航链接是如何工作的，在移动上去是整个组合动的效果是如何实现的。边框纹理确实展现了一个左右两列分开的线。

纹理效果同样在另一个垂直布局上出现，例如CSS画廊Design Bombs.

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

19.单页面网页设计

单页面设计是一个很大的话题，覆盖了许多不同网站分类。显而易见自从万维网创建单页面网站就出现了。但是最近几年这种趋势变成了一种更加自然的用户体验。