8个神奇的网页动态流体布局及其做法揭秘

最近,有一种新的网页布局 ——动态流体布局,很让我感到兴趣。因为用这个我就可以实现类似于WIN8触屏界面的网页设计啦!它巧妙地重排元素,并填补了网页的所有空间,而在每个浏览器上显示效果都十分出色,而且通常配以流畅的动画效果。其中有些甚至针对不同类别有不同效果.这样的网站我找到了8个,他们都有相同的特征。在文章末尾列举了3个JQuery插件, 可以很方便的帮助你达到这些效果。

展示

Gimme Bar

MKSD Architects  (这个特别像metro UI)

Marken Film

Cascade Brewery Co

Pixillion

Swinton

Dynamit   (这个更像win8的触屏界面)

Pinterest

怎么实现

好了,也许你已经迫不及待想知道怎么实现了。多亏了这三个插件,一切垂手可得。

jQuery Masonry

一个JQuery动态布局插件,CSS侧边浮动。

Isotope

一个可以神奇布局的JQuery精美插件。

QuickSand

可以重排和过滤,带有滑动动画效果。

-> 转载请务必附上应酷设计原文链接,谢谢合作!

全球最新的设计资源,精彩实用设计技巧每天呈现。欢迎关注微信公众号:ienqoo

让产品体验更好:www.enqoo.com

发表评论

电子邮件地址不会被公开。 必填项已用*标注