行业资讯

那些过目不忘的H5页面(2)(2)

字号+ 作者:H5之家 来源:H5之家 2015-09-11 14:15 我要评论( )

LEVIS新年优惠活动专题页以第一人称的口吻,用小时候简朴却热闹的新年与长大后富足却乏味的新年做对比,用手绘风渲染出亲切的怀旧氛围。最后引出这个新年,把压力和束缚打包扔掉,用新鲜的眼光感受生活,一起活出趣

LEVI’S新年优惠活动专题页以第一人称的口吻,用小时候简朴却热闹的新年与长大后富足却乏味的新年做对比,用手绘风渲染出亲切的怀旧氛围。最后引出“这个新年,把压力和束缚打包扔掉,用新鲜的眼光感受生活,一起活出趣”的品牌推广slogan,代入感极强的故事无疑是驱动分享的源动力。

HTML5教程 HTML5

4.合理运用技术,打造流畅的互动体验

随着技术的发展,如今的HTML5拥有众多出彩的特性,让我们能轻松实现绘图、擦除、摇一摇、重力感应、擦除、3D视图等互动效果。(有兴趣的话可以点击这个网站几乎有所有H5动态效果的展示)。相较于塞入各种不同种类的动效导致页面混乱臃肿,我们更提倡的是合理运用技术,用心专注于为用户提供流畅的互动体验。

典型的案例是淘宝在双12推出的预售推广H5专题页。在浏览过程中我只使用了一种向上滑动的手势,而页面呈现出来的效果却犹如一个流畅的动态GIF。设计师巧妙利用图形设计与组合,在滑动过程中营造出一种丰富的视差滚动效果,单个图形元素的遮罩、旋转与整体页面的动势配合极为默契。

HTML5教程 HTML5

结语

随着手机硬件的升级、HTML5技术的发展以及微信平台的开放,HTML5的跨平台、低成本、快迭代等优势被进一步凸显,这对身处于移动互联网大潮的企业主、品牌、设计师和开发者来说,都将是一个最好的时代。未来必将涌现更多优秀的H5页面,让我们拭目以待。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5的商业化征途:不止是营销,To B背后有万亿级市场

    HTML5的商业化征途:不止是营销,To B背后有万亿级市场

    2016-03-10 16:03

  • HTML5游戏如何利用渠道传播

    HTML5游戏如何利用渠道传播

    2016-02-25 09:44

  • HTML5开发工具这5个最实用!

    HTML5开发工具这5个最实用!

    2015-09-18 22:17

  • HTML5+CSS3+jQuery制作视频播放器完全指南

    HTML5+CSS3+jQuery制作视频播放器完全指南

    2015-09-17 09:12

网友点评
w