端午节H5|文明宣传H5—如何将古代诗词融入到H5中

案例简介:成都文明网在端午节出品的海报生成H5，旨在通过趣味的海报生成H5来宣传屈原的家国精神。

上线时间:2021-03-30

案例类型:H5

技术特点:常规H5

设计风格:中国风

场景特征:端午节

品牌:成都文明网

制作:蓝橙制作

玩法:海报生成

案例：端午粽飘香 家国情更浓

出品：成都文明网

制作：蓝橙H5开发

玩法：海报生成

1.详情内容上：

成都文明网在端午节出品的海报生成H5，旨在通过趣味的海报生成H5来宣传屈原的家国精神。加载完成进入H5是首页封面，以图文的形式介绍了屈原的精神，后续页面介绍了屈原baosi抱石纵身投于汨罗江之中，以此介绍了端午节赛龙舟、吃粽子、喝黄酒等传统习俗的来历。随后以图文形式讲解了新时代的浓浓家国情怀，家是最小国，国是最大家，倡导大家应该践行家国精神。随后进入海报生成页，用户需要选择一位自己敬佩的先贤来传递新时代家国精神，选择了以后系统会根据选择的人物来生成一张写有人物标志名言的海报，并以此来传递家国精神，用户可以长按保存和分享海报。

2.策划设计上：

策划上分为了图文介绍页和海报生成页，以图文的形式介绍了家国精神，随后的海报生成页以和用户互动的形式宣传家国精神。通过回忆端午节的古人的诗词名句，来选择你敬佩的先贤。最后生成海报，传递家国情怀。设计上采用了动画形式的中国风，配色选用了小清新的青色。

3.用户体验上：

作为传递家国精神的主题H5，H5采用了动静结合的创意形式，先以图文来让用户了解家国精神，然后以选择人物的互动形式强调了家国精神，宣传效果很好。