手绘插画漫画风格的H5动画界面如何编写剧本文案 闪狼推荐

闪狼哥 ☆☆☆☆☆
本作品由漫品购:闪狼哥发布,未经许可请勿作商业用途。
H5动画已经是一个很成熟的动画展现方式,在很多年前就有这么一个动画形式,如今很多都是用一些网站小程序就可以实现,其实H5没有什么高大上,它就是把传统的PPT动画搬到手机端而已,但是界面的设计和动画怎么动其实也是需要专业的人才创作好的效果来,尽管这种动画形式已经流行这么多年了,但是如今很多机构和单位依旧还是会选择这种H5来展现自己的产品或事件,不过更多还是以漫画和插画的方式出现了,我们来看看如果用漫画和插画来创作H5如何编写脚本内容呢?

H5需要三者结合来完成这类动画效果:

第一:手绘动漫设计师,手绘里面的元素和动画效果

第二:界面设计需要平面设计师来完成,也就是UI界面设计

第三:后期程序来实现交互的功能

实现H5动画基本是这几个工种协助完成,正因为需要多工种来协助完成,所以必须要有H5执行脚本才是正确操作方式,不然很难做出理想的效果来,只有有了完整执行台本,每一个工种都可以根据自己工种工作内容同步进行自己的工作。

如何编写手绘漫画插画风格H5台本呢?

这是我们闪狼动漫最近策划承接一个H5手绘动漫插画项目,制作台本格式基本按这个格式去编写,就很明确,场景是什么?动画需要哪些地方,哪些地方是交互式UI界面设计等等很明确的写了出来,这样就有利于多工种同步协助进行,很多不是很懂行的客户,或者不是专业制作团队,他们台本就是一个大纲,完全没有办法协助起来做事情,到最后就是纠结过去纠结过来,就很有可能流产的可能性,所以编写H5台本格式非常关键。

⼀、项⽬客户:WWF 世界⾃然基⾦会
⼆、项⽬名称:海洋⽇“可持续⽔产”
三、项⽬主题:溯流可寻源,护海不辜腹”
四、项⽬完成⽇期:2022年5⽉20⽇
五、项⽬概述:
联合国⼗七个可持续发展⽬标指出,要确保可持续消费和⽣产模式、保护和可持续利
⽤海洋和海洋资源以促进可持续发展。呼应联合国可持续发展⽬标,WWF世界⾃然基
⾦会将开展“溯流可寻源,护海不辜腹”可追溯⽔产系列活动,将消费端作为切⼊点,
引导⼤众改变海洋⽔产品消费的结构,提⾼可持续⽔产品的购买⽐重,减少对⾃然环
境的破坏和对海洋环境的过度消耗。在消费端基础之上,线上利⽤微博、微信、H5互
动⼩游戏等富有新意活⼒的传播形式进⼀步向⼤众介绍可持续⽔产的概念。此外,要
向⼤众科普⼒⾮法捕捞、兼捕对于⽣物多样性、物种栖息地的破坏等内容,让保护物
种和可追溯的关系更加明确。让公众理解⻝⽤可追溯⽔产对于保护物种的帮助,以保
护海洋⽣态,恢复海洋⽣产⼒。
六、项⽬⽬标:
1. 传递海洋可持续捕捞与可持续渔业基础概念;
2. 吸引更多⽤户通过H5学习和了解可持续⽔产知识;
3. 获得更多⽤户留存与做出承诺;
七、项⽬内容与呈现⽅式:
1. 第⼀部分:开篇
① 开篇动画:主KV⼆维码扫描后/H5链接点击后,⻚⾯⾸先出现带有⼿机扫码⼆维码
的动画,⼆维码⻚⾯散开后再次拼接,在8种⽔产之间转化(详情⻅动图),最后
转化为⼀条⼩⻥(⾦枪⻥)向右游出画。
② 互动+内容:
* 弹出画⾯提示:(会话框+⽂字)画出你的⼩⼈吧/亲爱的海洋守护者,请画出你⾃
⼰的形象,开启⼀段奇妙之旅
 
第⼆部分:场景⼀内容描述:
① 画完⼩⼈后,⼩⼈掉到船上,⼩⼈⾛到渔船上,渔船往⼿机屏幕远处开,代表出
海。
② 航⾏⼀段时间后,弹出提示框“发现⾦枪⻥”,点击出现【⽂字显示捕捞⻥种1:⾦枪
⻥以及相关知识⻚⾯】,
③ 再次航⾏后,弹出提示框“发现⼤⻄洋真鳕”点击后出现【⽂字显示捕捞⻥种2:⼤⻄
洋真鳕以及相关知识⻚⾯】,
④ 继续航⾏,点击后出现【⽂字显示捕捞⻥种3:还未定下来的⻥种以及相关知识⻚
⾯】。
⑤ 点击后船和⼩⼈继续向前,显示围⽹,弹出提示框“是时候可以收⽹啦,点击收
⽹”,弹出⽂字显示框【⽂字显示⾥捕捞了过多的渔获,⾦枪⻥由于不可持续/⾮法
的捕捞⽅式造成种群数量下降等⽂字】。通过滑动的⽅式,减少了围⽹中捕捞到
的渔获,周围的⻥变得更多了。
⑥ 继续点击,船和⼩⼈继续向前开,弹出提示框“算算时间,延绳钓也可以收获了”,
点击后显示画⾯,兼捕到了鲨⻥、鳐⻥、海⻳等濒危海洋物种【⽂字显示鲨⻥?
⾯临的兼捕威胁】通过滑动的⽅式,释放被勾住的鲨⻥和鳐⻥和海⻳。周围的⻥
变得开⼼了。【⽂字显示捕捞端的数据对于保护鲨⻥、制定可持续捕捞策略、打
击⾮法渔业活动的作⽤】
3. 第三部分:场景⼆
内容描述:
捕捞完成后⼩⼈与船继续向前回到港⼝,船消失。出现港⼝背景,点击出现港⼝监察
员⼿中的列表显示:渔船捕捞许可证符合规定,渔获符合规定,其他简略⽂字曲线。
⽤户点击个项打勾。并显示通过。弹出⽂字框“进⾏报关”,点击报关后,出现⼀辆货
⻋,⼩⼈和⻥获(⽤蓝⾊箱⼦装载,标明捕捞渔获)都在⻋上,继续向前。
4. 第四部分:场景三
内容描述:
继续向前,来到养殖场边随着⾛的位置变换,分别弹出3个提示框“发现罗⾮⻥”、“发现牡蛎”、“发现⾦鲳⻥”,
点击后出现相关⻥种图⽚及知识点(综合显示3种养殖情况)
弹出提示框“点击收获养殖⻥类”,画⾯出现货⻋上增加了⼀筐养殖⻥获(⽤绿⾊箱⼦
装载,标明养殖渔获),点击⻋上继续向前。
5. 第五部分:场景四
内容描述:
① ⻋开⼊⼯⼚,点击卸货。画⾯出现2-3条传输带,左边是刚刚运输⽽来各种成箱的
未加⼯⻥获,经过传输带中间的加⼯机器后,右边输出海鲜成品(罐头、真空包
装⻥类等等)
② 点击进⾏装⻋,2-3条流⽔线上的成品分别装上3辆⻋,开往不同⽅向。主画⾯跟
着往右的⻋,⻋上放着传送带的货物,开往超市。
6. 第六部分:场景五
内容描述:
① ⻋开到超市背景边上。
② 转化为第⼀视⻆。画⾯呈现超市⽣鲜货架上摆放海鲜成品(⽔产品),点击其中
⼀个⽔产品变⼤,呈现清晰的溯源⼆维码。点击⼆维码弹出⻚⾯:“溯源码扫描
中。。。”再次点击后出现具体追溯链信息。
7. 第七部分:承诺⻚⾯
内容描述:
① 故事结束,⽣成守护⻚⾯⽤于分享、传播、纪念
② 弹出⽂字:“⻓摁点亮徽章,成为海洋守护者”
备注:
徽章设计:1. 中间为守护寓意的图案,旁边围绕徽章呈现各个物种。⻓摁3-5秒后,
跟着流程逐渐点亮。⽤有代表性的这8个物种拼成的⼀个完整徽标。
 
这是最开始台本,通过细化后台本,一对比就很明显了,前面台本格式一目了然,在前期算合作价格和怎么合作的时候也是明确的。
更好的体验,建议用电脑打开查看!
免责声明:为中国动漫崛起努力!本素材收集于网络,只作为参考和学习,版权归属原作者,如有侵犯到您利益,请联系客服处理QQ453331381 如遇到下载出错问题请及时联系客服!我们会及时处理!
 
查看更多作品