网页设计 & 灵感 » 拒绝平淡,创建动感的网页设计

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

发表于: 网页设计 & 灵感, 设计杂谈. 评论 (1)
赞助商链接

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

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

我想每个人都希望创建一个有吸引力的网站,而实现这个目标的最有效的方法就是创建”动感”的网页设计,动感/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

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

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:结交更多有才华的设计师?请加入UI设计QQ群,与50000名设计师交流设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。