互动长图，我们普通用户卡看的最多的就是微信推文，里面基本都是长图设计，但今天我们要说的H5互动长图要比微信推文里面更加复杂和丰富。下面我们就来欣赏两个互动长图H5案例，看看它有怎样的展现效果。

案例一、打开你的世界之窗

品牌：世界之窗

1、创意背景

深圳世界之窗其中的景点 —— 世界文明浮雕墙的旅游宣传H5，有浮雕墙的建造时间等说明，也有浮雕墙雕刻内容的介绍。虽然是景点介绍，但又有世界知识科普；让用户留下深圳世界之窗景点的印象，有机会去深圳的时候，想起世界文明浮雕墙，可以亲自看看实景。

2、内容策划

① 进入H5后，点击“开始观赏”按钮，播放一段MP4格式的视频，时长32秒，主要是世界文明浮雕墙的介绍，建造时间、尺寸等信息，而后是一幅横向长图；

② 用户向左滑动，依次看世界不同地域的文化雕刻，点击雕刻墙上的加号，会有具体信息弹出层说明，浏览到横向长图最右端，可以点击“雕刻我的浮雕”，或者滑动的过程中，也可以点击屏幕左上角的“雕刻我的浮雕”按钮，进入用户脸部浮雕定制界面；

③ 在用户脸部浮雕定制界面中，有两个操作，首先，用户需上传一张清晰正面照，而后选择脸部浮雕样式（4种浮雕），在一个界面完成，两个操作完毕后，出现“雕刻我的浮雕”按钮，点击后，生成海报，用户可以长按保存到手机。

3、设计体验上

棕色调，更逼真的展示世界文明浮雕墙。视频播放前，需要点击“点击加载”按钮，而后相同的位置，再点击“开始观赏”按钮，略显冗余，如果合并为一个按钮，体验会更好。

案例二、一些温馨而浪漫的小事

品牌：GQ HOUSE

1、创意背景

GQ HOUSE与GQ实验室，带来的3个温馨而浪漫的小事。

2、内容策划

① 首先是类似微信公众号的界面，讲述一些故事背景，而后是像开启手机滑屏似的，“向右滑动开启”自动进入三个故事；

② 第一个故事“领跑者”，讲述一个叫Johnny的广告人，放小音箱的歌曲，引起小区人的共鸣；第二个故事“临时宠物主”，一个叫Bob的上海本地人，照顾因疫情，主人不能回家的宠物；第三个故事“口罩天使”，因为一次快递取件的经历，发起公益活动；

③ 引出文案，说明“龙”的形象，三张龙的海报轮播，下面有链接可以进入关于龙的形象商品购物页。

3、设计体验上

虽然每个故事开头都有龙的形象出现，最后出现龙的形象还是微微有点突兀；三个故事和标题“一些温馨而浪漫的小事”很呼应。整体H5案例看似像微信的公众号文章，但是又比公众号文章多出了很多互动，例如随着不断滑动进行的动画，滑到不同位置播放不同的声音，都是公众号文章所不具有的体验。

看完这两个案例，我们不难发现这长图互动H5的好处，不仅能展现更多的信息，也能提高用户的兴趣，对品牌宣传有非常大的帮助。如果你需要这样一款H5，可以咨询我们蓝橙互动网站客服，获取最新微信H5设计服务。