教学动态长春市新科展电脑职业培训学校首页 / 教学动态
网页设计3D页面设计
分类:教学动态 发布时间:2016-09-07 浏览327次
这么多年以来,网页似乎都停留在2D的世界。2012年末开始到整个2013年,涌现出非常多采用CSS 3D变形和Parallax(视觉差,通过鼠标滑动让网页上不同层次的内容以不同的速率位移而形成一种层次感)效果的网站,让这个2D的网络世界出现了丰富的层次和纵深感。但是真正的3D(除了flash实现的)似乎没有成为网页设计师的工具,不过这种情况应该会在2014年有所改变。
目前在HTML里实现无插件3D内容呈现的技术就是WebGL,这个技术其实并不复杂,但是之前由于缺乏浏览器的支持而一直没能被广发使用,这一切都可能改变,因为微软发布的IE11已经完美支持WebGL,加上Chrome和Firefox,可以说现在是时候在网页设计里加入3D元素了。
谈到WebGL 3D,大家可能第一个想到的就是网页游戏,但其实WebGL在网页设计中也大有可为,我觉得WebGL不仅仅可以运用在大型的全屏体验中,也完全可以作为页面元素和其他内容融合在一起,给用户一种新奇的酷炫的体验,我们来看一些例子。
11月底微软IE和亚洲动物基金组织合作的公益网站”月熊志”就采用了WebGL的技术,来宣传IE11在这方面的渲染能力。
这个由三本”书”组成的体验,第一本书的第一页就给大家呈现了一个3D的月熊世界,IE创造了一只动态的3D熊,用户可以拖动、旋转这个3D模型来了解更多关于这只熊的信息。这个3D的场景生动有趣,一草一木活灵活现,熊那股可爱劲儿也通过动作栩栩如生地反映出来,除了WebGL技术,很难通过别的方法实现这样的交互效果。
上一条:网页设计的基础