前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

视享集--视差滚动效果的尝试(视享科技)

根据“1万小时定律”---不管你做什么事情,只要坚持一万小时,基本上都可以成为该领域的专家。

视享集工作室,源于半年多以前的一个想法。3D一直学了忘、忘了再学,从开始的3dMax到现在的C4D,感觉始终没完全上手,成为了一直以来的一个心魔。可能是岁数大了,于是只能对自己狠点。

起初只是想巩固C4D的自学效果,业余时间不停的建模渲染,

做了一大批建筑模型。

后来觉得太枯燥,不如自己命题做一个项目。于是有了最后“视享集工作室”的上线。在这个项目中,不仅有3d技术\视差滚动交互\CSS等的提升,在用户体验的五各不同层面在大脑中也都详细过了一遍。视差滚动部分最初的创意想法是极为复杂的,最初想用真实3D表现视角变化的效果;而且页面中也有更多动画的元素。但后来从视觉表现考虑,越逼真越接近游戏的感觉,反而不好。

如同绘画,并非越接近真实越成功。而且从项目角度考虑也需要有所取舍。这过程中也研究了wordpress的使用和各种皮肤的尝试和css的修改,还有网站备案的过程也是对耐心的磨练...

感谢同事杨明在前端制作过程投入了大量的精力,最后呈现出很好的交互效果。线上的版本还有各种细节问题都在慢慢解决,包括文字内容还在整理。还有一些待提升的,本阶段时间和能力所限,希望下个项目有更好的呈现。

白天版本

夜晚

模型1

模型2

模型3

模型4

更多精彩内容在微信公众平台:网页设计自学平台

干货!免费领取Adobe高级讲师前端教程


点我领取

今日推荐公众号

点击下方“阅读原文”查看上线网站哦!

↓↓↓

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言