华谊兄弟文化城：我，不是小角色！

2018-01-31 H5案例分享 H5案例分享

案例演示，请长按/扫描以下二维码 ->

识别图中二维码

我，不是小角色！-查阅二维码

完整欣赏此案例大约需要2分5秒

案例：我，不是小角色！

出品：华谊兄弟文化城

亮点：

策划上，长图类，加载完成后进入一张长图，竖屏展现，向上滑动展现页面。该长途内容分为两部分，“華韶”和“華彩”，分别讲了主演华对深圳的眷恋以及各种人对他的看法；华参与表演的各种角色。
设计上，人物采用了动漫风格，使用泛黄的折纸纹理做背景，同时高山、夕阳、广场舞大妈等元素，采用了古典水墨画风格，使得整体呈现出一种时间的厚重感，为表现主题“一位影人的自我修养”烘托了气氛。
交互上，观看过程中，用户需要不停地向上滑动页面，增强用户的参与感。
体验上，小五体验后，感觉这支H5很棒，整个页面设计的风格不落俗套，动画流畅。内容上，把“一位影人的自我修养”分为两方面表现，深入浅出，不讲大道理，用身边的事表现给用户。最后，小瑕疵：背景的连接处能明显看出痕迹，纹理对不上。

技术实现： swiper.js+iscroll.js

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签