慕枫酷站 丨全屏3D酷炫叠加切换酷站欣赏
网站名称:Technics 50th Anniversary
网站整体版式:3D叠加切换
网站主色调:黑白色
动画:HTML,JS
编码:CSS3,HTML 5,JQuery
特点:酷炫切换,效果酷炫,视觉差动画
酷站赏析:
该酷站用黑色作为主色调,首页放置的一段静默播放视频吸引眼球,视频名字就是“Trechnics 50th Anniversay”。该视频于2015年9月2日发布,是有 50年的Technics历史与音乐爱好者一起制作的,而整个酷站设计理念就是依据这段视频而来的应运而生的。
酷站正文主要以酷炫的3D全屏叠加切换方式,具有很强视觉差的效果。如果说“Technics 50th Anniversary”视频是酷站一大亮点,那么这个叠加式的切换方式就是它其中的另一个出彩点。同时因为设计师的巧妙上设计,使得整个酷站看起来设计得当,不易给用户带来不适的感觉。
本站布局中最先的就是“Technics 50th Anniversary”视频,之后放映内容就是根据影片展开的。通过滚轮滑动进入主页正文,滚轮的切换比较舒适,内容采用全屏布局,切换效果采用的是酷炫的3D叠加动画方式,有着很强的视觉差,而底部的时间设计也是个小亮点,设计感十足。如此酷站,实为诚意之作了。
小枫简评:
酷炫感十足的设计,给用户的欣赏带来更多的趣味性和阅读兴趣。但实用性相对不强,配图也不易,搭配不当会给人以杂乱的感觉。