2018年，也是改革开放的40周年，由人民日报客户端联手快手段视频、跳跳糖创意进行动画制作及技术开发的动态长图类H5《幸福长街40号》，以改革开放这40年里重要的事件、人物、地点，甚至是影视作品和有代表性的“声音”完成长图，用户通过上下滑动屏幕体验丰富的内容，在特定的位置设有相应的音效及微交互动作展示，用户可以通过点击屏幕内的“相机”按钮来截图画面，即可生成带有长图H5二维码的记录海报。这条长街展示了40年以来真实发生在每个人身边的平凡日常，更是人民生活和社会风貌的变化写照。该H5以时间轴主要依据，层层铺设元素及画面，事件与事件之间的巧妙衔接使得整体画面非常流畅；互动方式简单易操作，作为简单易操作的史料类H5，在老一辈人群中更能掀起回忆杀浪潮。内容介绍：进入幸福长街40号，首先映入眼帘的是1978年凭票供应的红旗市场，人们身穿粗布大褂在街上排队用票购卖花生、瓜子等日常食品。而就在那年，安徽凤阳的小岗村已开始试行“包产到户”。也正是在1978年12月，党的十一届三中全会正式拉开了改革开放的大幕。1979年，幸福长街上的街头标语已经是“解放思想、实事求是”。改革的春风迎面吹来。80年代，《庐山恋》上映，迪斯科走红，霹雳舞流行……关于80年代的种种细节，都出现在这条幸福长街上；中国女排夺冠、春节联欢晚会、南极长城站建立、义务教育实施等等，都是那个年代的深刻记忆。90年代的长街上，大哥大、BP机，《世上只有妈妈好》、《渴望》、新华书店、《还珠格格》……这些你还有印象吗？第十一届亚运会在北京举行、第一家证券交易所成立，京九铁路全线通车、香港回归、澳门回归……这些重要的历史时刻，你可还记得？走过千禧年，北京申奥成功的声音响起，神舟飞天、北京奥运，双十一……一个个场景仍让人感慨万千；音像店门口的周杰伦海报、电影院外的《卧虎藏龙》海报、刀郎的《2002年的第一场雪》……熟悉的场景瞬间将我们拉回那个时代。迈入新时代，高铁，无人便利店，shopping Mall，短视频、TFboys，一带一路……这些熟悉的场景也一一出现在长街上。通过刷屏H5的体验，我们更加深刻地感受到改革开放40年的成果来之不易。这些生动鲜活的大场景、细致入微的小细节，把人们拉回改革开放40年的记忆中，不同年代的网友都在此找到了共鸣。“看完热泪盈眶，就像走过自己前半生。”“感谢这个时代，感谢改革开放。”“能生活在这样一个时代，是我们这辈人的幸运。”“精彩！仿佛在穿越時空！飞一般的速度！”“致敬我们伟大的#祖国改革开放# 四十年的成就！”不少网友受到感动，纷纷致敬这个时代。匠心细节：有网友惊叹于《幸福长街40号》的制作细节。因为长图中有大量的人物，每个人物的发型、衣着、表情等都不一样，各具时代特征，极大程度上还原了历史。“一张张图看下来特别有感触，细节炸裂，每一处都要放大仔细看！”H5细节炸裂的背后，是创作团队的精益求精。据创作团队介绍，该作品最大的难点是确定该选择哪些事件来呈现这40年，“虽然我们是以长图形式来呈现，但移动社交传播时代，我们需要对内容做好拿捏，充分利用好用户的碎片时间，但又不会让用户觉得冗长。”因而在前期收集了大量的图片和视频资料去了解不同时期的时代景象，同时还收集了大量普通百姓的集体记忆，最后选出并敲定了超过240个有代表性的历史事件或现象。大到重要历史时刻，小到某一时期风靡的发型，每一个历史事件或现象都有对应的真实历史照片。设计工作：此款H5设计采用手绘风格，虽是平面画，但是层次分明，将历史事件衔接得非常自然。长图由快手设计中心的3名插画师绘制完成，为了寻找灵感确定视觉风格，设计师还专门买了一些小人书作为参考。“幸福长街40号”长图结构紧凑、细节丰富，每一处都有对应的历史原型，有据可查。大量的历史元素，需要构思不同的布局和表现方式，还要考虑如何和谐地呈现场景和年代的变迁，这非常考验策划人员及插画师的功力。因此，在前期，插画师研究了很多中国传统长卷画的绘画构成方法，把不同年代的场景进行有机的整理，同时在场景上做景别处理，最后让H5平面达到较相对和谐的构图效果。互动体验：为了让用户享沉浸体验，H5中添加了许多富有年代感的音效。沿街叫卖的吆喝声，风靡大街小巷的流行歌曲，激动人心的欢呼声，车轮滚滚和人群的喧嚣……无论滑动到哪个年代，都能迅速勾起人们心底的回忆。其次，精细的动画制作，也给H5大大加分，每一帧都让人忍不住循环上许多遍。此外，H5还设计了拍街景互动环节，让每个人都能参与到改革开放的过程中去，作品在让用户做历史的见证者和记录者的同时，也契合了快手“记录世界，记录你“的品牌理念。H5用生动鲜活的大场景、细致入微的年代细节，把人们拉回到改革开放40年的记忆中，让不同年代的网友都在此找到了共鸣。接下来，就让我们一起走进幸福长街40号，一同致敬改革开放！