清明节H5交互制作经验,藏在这些案例和模板里

用户头像
上海/设计爱好者/2年前/379浏览
清明节H5交互制作经验,藏在这些案例和模板里
清明节H5交互制作经验,藏在这些案例和模板里(图ZMTQ3MTQ0NDQ=) - 资讯 - 站酷设计师HTML5创意营销原创素材 - 站酷ZCOOL
收藏
 
一年一度的清明节即将来临,这既是一个扫墓祭祖、缅怀英烈的节日,也是一个踏青出游、融入自然的节日,还是一个大量交互H5不断涌现的节日。
 
正准备做清明节主题H5的派友们,快来看看下面这波H5案例及模板吧,希望它们可以为你的创作提供灵感~
 
 
清明·H5案例
 
 
清明节H5交互制作经验,藏在这些案例和模板里(图ZMTQ3MTQ0NDg=) - 资讯 - 站酷设计师HTML5创意营销原创素材 - 站酷ZCOOL
收藏
出品:
四川文明网、雅安文明网
实现方式:
定制开发
创意特色:
插画、长按播放长页面、参数变量、合成海报、抽奖
内容简介:
该H5共分为三个版块,①祭奠英烈:用户可根据提示通过长按、点击操作浏览英烈介绍、为英烈献花、查看自己是第几个献花者、保存献花海报、参与抽奖;②清明习俗:用户可根据提示通过长按操作查看节日习俗介绍;③倡议书:用户可阅读“文明祭祀”倡议书内容(绿色祭扫过清明、安全祭扫过清明、移风易俗过清明)。
 
 
清明节H5交互制作经验,藏在这些案例和模板里(图ZMTQ3MTQ0NTI=) - 资讯 - 站酷设计师HTML5创意营销原创素材 - 站酷ZCOOL
收藏
出品:
江西爱教基地
制作:
云帆动画
实现方式:
意派Epub360 H5编辑器
创意特色:
微信授权、横屏、序列帧、长页面、参数变量、合成海报
内容简介:
用户可通过滑屏、点击操作浏览/聆听各个英烈的文字/音频介绍,还可“云参观”方志敏烈士陵园、井冈山革命烈士陵园、兴国革命烈士纪念馆及革命烈士纪念堂VR展馆。用户在横屏左右滑动长页面时,页面中的插画人物(捧花的小男孩)也会相应地转变朝向。而在作品最后,用户还可根据提示为烈士献花、获得一份专属海报、跳转查看《江西数字展馆》。
 
 
清明节H5交互制作经验,藏在这些案例和模板里(图ZMTQ3MTQ0NTY=) - 资讯 - 站酷设计师HTML5创意营销原创素材 - 站酷ZCOOL
收藏
出品:
瑞安新闻
实现方式:
意派Epub360 H5编辑器
创意特色:
长页面、音频、视频、动效、网页跳转
内容简介:
该H5主要以长页面的形式承载了6封感人的信件。用户可通过滑屏、点击操作查看图文/视频、聆听音频,而在长页面末尾,用户还可根据提示获得一份想念海报,或跳转至温州市瑞安市网络祭祀平台。
 
 
清明节H5交互制作经验,藏在这些案例和模板里(图ZMTQ3MTQ0NzI=) - 资讯 - 站酷设计师HTML5创意营销原创素材 - 站酷ZCOOL
收藏
出品:
紫金山新闻
实现方式:
定制开发
创意特色:
参数变量、合成海报
内容简介:
用户可根据提示输入想说的话,并通过“生成海报”按钮获得一份专属的追思海报(海报中可显示用户是第几位追思者)。
 
 
清明节H5交互制作经验,藏在这些案例和模板里(图ZMTQ3MTQ0NzY=) - 资讯 - 站酷设计师HTML5创意营销原创素材 - 站酷ZCOOL
收藏
出品:
中国农业银行新疆分行
制作:
卓小越
实现方式:
意派Epub360 H5编辑器
创意特色:
动效、全景容器、小游戏、参数变量、长页面
内容简介:
用户可通过滑屏操作360°旋转查看圆柱型全景,并根据提示点击图片,以进入找不同小游戏。小游戏的玩法很简单:用户只需对比上下两幅图,并在下图中点击两幅图中的不同处即可。成功通关后,用户还可根据提示按钮返回全景界面,或进入长页面,以了解农行卡友日清明小长假特惠活动。
 
 
清明·H5模板
 
 
清明节H5交互制作经验,藏在这些案例和模板里(图ZMTQ3MTQ0ODQ=) - 资讯 - 站酷设计师HTML5创意营销原创素材 - 站酷ZCOOL
收藏
模板简介:
用户需在60s内完成10道测试题,若挑战成功,用户即有机会参与抽奖。
 
 
清明节H5交互制作经验,藏在这些案例和模板里(图ZMTQ3MTQ0ODg=) - 资讯 - 站酷设计师HTML5创意营销原创素材 - 站酷ZCOOL
收藏
模板简介:
用户可先选择日期、上传照片、切换天气/配文,再通过提示按钮生成一份带有自己微信昵称的记忆卡片(卡片可长按保存至手机相册)。
 
 
清明节H5交互制作经验,藏在这些案例和模板里(图ZMTQ3MTQ0OTY=) - 资讯 - 站酷设计师HTML5创意营销原创素材 - 站酷ZCOOL
收藏
模板简介:
用户可在线缅怀英烈、浏览各种倡议内容,并为英雄点灯、发表留言评论。
 
 
清明节H5交互制作经验,藏在这些案例和模板里(图ZMTQ3MTQ1MDA=) - 资讯 - 站酷设计师HTML5创意营销原创素材 - 站酷ZCOOL
收藏
模板简介:
用户可浏览烈士信息,并根据提示输入所在城市、获得专属的献花海报。
 
 
希望以上内容可以对您有所启发
 
 
本文中的H5案例均来源于平台用户或第三方,版权归版权所有人所有。文中H5内容截图仅作效果展示之用,非商业用途。如有侵权,请联系我修改或删除。
0
阅读原文
|
举报
|
1
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】礼物/活动icon
【新年UI图标】体育icon
我的钱包-UI界面设计-app
手表表盘UI系列
【新年UI图标】汽车icon
【新年UI图标】旅行icon
高级感金属拟物 UI设计组件库
Security Camera UI kit
【新年UI图标】30个图标
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
拟物风质感写实UI卡片合集源文件
新拟态风格 UI设计组件库
UI通用设计素材1
UI界面 组件
3D渐变流体抽象矢量UI背景图
户外旅行飞机情侣假日出行
新能源APP应用UIKit
科技医疗透明柜UI界面设计
高级表盘系列UI源文件
APP/小程序商业项目UI模板|99个高保真UI+79个原型
智能家居中心 简约 UI设计组件库
3D卡通UI界面图标可爱插画免扣素
盲盒APP UI设计
你可能喜欢
相关收藏夹
大家都在看
登录注册