拒绝平淡，创建动感的网页设计

Sponsor

今天文章中你会看到一些非常有”动感”和吸引力的网页设计，并且从中学习他们一些实用的技术。

我想每个人都希望创建一个有吸引力的网站，而实现这个目标的最有效的方法就是创建”动感”的网页设计，动感/Motion：指有运动、动态、带指示的一种动感。

这里的动感网页设计没任何视频、动画、Flash，而是通过一些技术来把它实现有”动感”的网页设计作品。

动感网页设计之”运动的类型”

方向：可以隐含或表达方向的运动。比如箭头，这是人们一般都用来寻找方向的图像，当看到这个图像的时候，用户会采取适当的行动。

重力：重力可以使物体垂直运动。利用重力的概念可以让画面产生一些视觉效果。

平衡：缺乏平衡的画面或图像组能感觉到他们正在下降，创造一个非常特殊的运动。

深度：给元素阴影、高光或其它效果来产生深度。这的深度可能意味着简单的动作，如剥离贴纸，拿起勺子。

或许你并非十分理解这些内容，那么我们一起看看动感的网页设计吧，另外你可以查看更详细的讲述：http://tympanus.net/codrops/2013/01/02/techniques-for-creating-motion-in-web-design/ （英文）

拒绝平淡，动感的网页设计欣赏

districtclothing

ixistore

ottersurfboards

reverseburo

45royale

lorenzoverzini

yourkarma

aspectphotography

mikesmart

tympanus

spacho

superreal

wishbone

mustache

fatumsurfboards

virginactive

attackemart

layervault

encandle

ricebowls

thinkmoto

赞助商链接

喜欢这篇文章吗？欢迎分享到你的微博、QQ群，并关注我们的微博，谢谢支持。
版权：除非注明，本站文章均为原创文章，转载请联系我们授权，否则禁止转载。