前几天就说到了一直要添加点新特效进来,不过最近一直比较忙也没关注过。之前我想到了既然网页本身的叶子下落就是动态效果,那么索性就再增加一些不会明显改变体验的特效,而且不宜过大。于是就出现了现在的这个parallax scrolling效果。
Head、body和foot的移动效果,并不是随便加上的,而是经过了不少测试。其实一开始这种横向跟随鼠标的移动效果,是在一个外文网站上看到的。这样采取层次感的移动速度可以使得想要表达的内容具有伪3D特效,其实说白了就是欺骗你的眼睛。而达到这种特效需要做的就是一点,移动速度不同就可以了。老外的思路有时候并不能让我们完整的理解,比如既将就扁平化又要做到鼠标吸附,或者既要做好图像绚丽又要整洁。向这种parallax scrolling特效,要求不会自然移动而导致板面(饿了…)版面昏乱,而且在鼠标移动的同时保持背景并不会因为而产生过大的移动而导致眼晕。话说回来,在网站上貌似还鲜有人如此配置自己的背景,索性我就拿来一试吧,觉得喜欢的访客可以也去这么试试,也算是有个性化了,不是嘛?
顺带再说几句,parallax scrolling特效作为滚动视差现在渐渐的被外国人所接收了,有不少企业网站用来制作企业历程或者想要突出的部分,甚至有企业网站背景完全是一个宇宙星空,而parallax scrolling效果让整个宇宙星空往下面层次化移动,看起来像是用户在围绕着太阳系转动,页面两边的火箭作为“返回顶部”一直在模拟飞行状态,用户点击的时候会忽然加大底部的喷火效果,看起来就和加速飞星似的。不用多说,这样的效果立刻吸引了不少来访的访客。有这样拓展性思维的外国企业是哪个呢?相信也不用我多说了吧。^_^
评论列表
尊敬的访客,谢谢您的来访并请您留下珍贵的评论,作为我改进的发展的方向,谢谢!