精彩网站解析(HTML5+CSS3+Javascript如何实现华丽的动态效果)

洋葱头大 发布于 2013/06/04 10:34
阅读 3K+
收藏 1
在某个论坛看到一个非常详细的电影官网解析,拿来和大家分享一下,觉得有意思的可以看一下,或许对你的建站能提供很多启发(赠送网站地址:http://www.thehungergamesexplorer.com/ )
看了《饥饿游戏2:星火燎原》电影官网,我感觉挺震撼的,觉得很不错,下面就说说我对这个网站的感觉吧!
     首先,外观设计上,挺不错的,体现了设计师的水准,色彩搭配采用黑色为背景,金色为主色调,感觉很协调,也渲染了整个电影的一种神秘的气氛。
    其次,整个网站的布局也很合理,设计思想很超前,网站互动性强,融入了社交元素,让网站更加适合宣传和推广。
然后就是,网站采用一站式瀑布流的方式,让内容杂而不乱,首页内容超级丰富,大家很容易在大量的信息中发现自己感兴趣的,这个很好。
  最后来说说我最喜欢的几个细节吧。

dp02.jpg 

1、《饥饿游戏2:星火燎原》电影官网实现了各种分辨率和浏览器,手机与平板等媒体的显示兼容,不管你在任何分辨率的电脑或者是不同的浏览媒体中看这个网站,你看到的都是非常完整和完美的画面,这点其实是如今网站制作的趋势哦!

dp01.jpg 

2、《饥饿游戏2:星火燎原》电影官网的搜索方式我体验了,觉得非常棒哦,你输入关键词后,可以选择你想要搜索的文件内容,比如你是想要搜索文字,图片还是视频,你都可以选择的,你还可以选择信息的来源,比如是全部的,还是只想搜索官方更新的资讯,你都可以选择,虽然看起来有点复杂,但是搜索速度却非常快,差不多一秒以内都能搜索出结果呢,这个挺不错的。

dp03.jpg 

3、我注意到这个细节,这里是做了html5小动画的,动作很流畅,也很富有创意,我很喜欢。

 

4、网站的很多地方都采用了这种图文交替的显示方式,这样可以把各种不同形式的内容的同类信息很好的归纳在一起,比如电影的海报,还有大家对电影海报的想法……等等之类,用这种方式更加直观,更加生动。

 

 

5、网站首页的内容虽然很丰富,但是有时候想要找自己想要的东西,还是有点困难,网站当然要有导航菜单来指路的,《饥饿游戏2:星火燎原》电影官网的菜单设计得很巧妙,采用弹出式菜单,既不会破坏网站整体的布局,又方便用户找到自己想要的东西,挺好的。

   要说不足吧,就是我用ie9浏览了蛮久貌似没有看到传说中的3D翻转效果,不知道是什么原因,是我没找到位置呢,还是我的IE有问题,有点小遗憾呀!

  看了html5网站,我有点心动哦,希望自己也能沉下心来学习学习,将来也做个html5的网站来试试。

加载中
0
W
Wolfei
首先网页是微软Modern UI风瀑布式布局,用户体验比较好,再加上html5 + 强大的js带来很好的用户体验和视觉冲击!
0
洋葱头大
洋葱头大
这个网站虽说在国内很多对排版还不太习惯,但是很值得借鉴学习!
返回顶部
顶部