Tagged

视差滚动

A collection of 3 posts

滚动视差

国外30个炫酷的滚动视差网站设计

滚动视差网站是在前两年兴起的一个趋势,然而随着浏览器的升级,HTML5和CSS3被越来越多的浏览器支持,而且性能也越来越好——主要是Chrome市场占有率的提升以及IE市场份额的大量减少——滚动视差网站的效果也越来越炫越来越流畅了。 那么今天我们来分享国外的30个炫酷的滚动视差网站设计,希望能给你带来一些灵感,然后如果大家有好的国产的滚动视差网站设计,也欢迎推荐给我们,当然我知道其实也不乏这样的设计,之前神飞有见过但并没有收集。 Rimmel London Pressels Poppy Spend HotDot TEDxGUC Costa Flat vs Realism Teapot Creation NASA Prospect Boy Coy The Beast 13 Reasons Inforgraphic Lost World’s Fairs Puma Mobium Living World Olszanska Lexus Asia Madwell Tinke Jacksonville Artwork These

工具

滚动视差网站工具与教程

滚动视差绝对是今年最炫的设计风格,也是最近的设计趋势,之前我们分享了《60多个超炫的视差滚动效果网站设计欣赏》相信让很多人都耳目一新,现在整理几个比较不错的开源滚动视差项目,它们大都托管在github上,大家可以用在自己的项目中,当然,从中获取灵感自己开发会更好~~ Scrollorama curtain.js jQuery-Parallax stellar.js jparallax Skrollr Parallax.js A Simple Parallax Scrolling Technique via Nettuts+ 恩,先就这些,如果你有发现其它关于滚动视差的开源项目或实现教程,欢迎与我们分享。 整理自:http://webdesignledger.com/tools/parallax-tools-and-techniques 中文原文:滚动视差网站工具与教程 请尊重版权,转载请注明来源,多谢~~

网站设计

60多个超炫的视差滚动效果网站设计欣赏

今天见到ebay新版网站的介绍页面,感觉很酷,Jeanne提到这是视差滚动效果,于是想起来之前见到的一些,这种通过鼠标滚动来展现页面元素的做法越来越常见了,于是整理了一辑,以供参考。 什么是视差滚动? 视差滚动(Parallax Scrolling)是指让通过鼠标实现网页多层背景以不同的速度移动,从而形成立体的运动效果,带来非常出色的视觉和交互体验。作为今年网页设计的热点趋势,越来越多的网站应用了这项技术。这种网站通常通过鼠标滚轮滚动来实现,用超酷的视觉体验来取代枯燥的页面滚动,从而“吸引”用户走向自己的目标。 这里收集了60个超酷的使用视觉滚动效果的网站,希望能够给大家一些参考~~如果你有发现更好的此类网站,欢迎分享~~ New ebay Cheese Please Q Music Titanic Putzengel OK Studios Nike Better World Ben the Bodyguard Egopop Creative Studio Smokey Bones Cultural Solutions The Beatles