现在很多H5作品都是企业用来营销传播获利的一种工具，只有一类H5不以盈利为目的，而为公共利益服务的广告，这就是公益类H5。下面，蓝橙小编就给大家分享一个以关爱留守儿童为主题的公益类H5活动方案。

1、城市留守儿童情感需求

儿童的家庭教育往往在他们的成长过程中起着非常重要的作用，是儿童性格特征、行为方式、价值观念等形成的重要因素。留守儿童面临的一大问题就是父母不在身边，缺失一部分的家庭教育。关注儿童的心理健康，呼吁家庭生活的重要性也是国家发展战略的需求。深入了解城市留守儿童群体，唤起城市家庭对儿童发展的重新关注。

2、公益H5广告概述

H5广告从2014年开始在中国的广告业中萌芽，发展到如今，不管是技术上还是艺术表达上，H5广告都达到了一定的水准。H5广告不仅大量投入商业宣传中，在公益广告的传播方面也有一席之地。H5是一种轻量化的新型传播载体，在微信以及各种社交平台的传播便捷又高效，具有较强的传播力。利用H5进行公益活动的宣传在近年来成为一种热门的形式，能够吸引更多社会层次的人的关注与参与，更利于公益事业的传播。

3、设计构想

长图滚动的条漫形式是近年来H5广告经常利用的一种艺术形式，这种形式叙事性强、可创作空间大、易表现。本次创作的主要表现手法也是用长图竖版条漫的形式来展现，设定城市留守儿童为主人公，以儿童的第一人称视角来描绘没有父母陪伴的平常一天是怎样度过的。通过拖动来表示时间的流逝，在最基本的插画形式的剧情后以文字的方式来阐述城市留守儿童现在面临的现实，以文案的方式来进一步影响观看者的态度。

4、主题公益H5广告设计实践

4.1 故事脚本

在制作一个条漫型的H5广告之前，故事的脚本是必要要求，此次H5广告创作主旨是呼吁家长与社会关爱城市留守儿童。时间设定为暑假，以儿童为第一人称视角，通过滑动的方式可以展示孩子的一天。从清晨到深夜，场景的变化搭配文案，适当采用夸张的手法表现成人世界与孩子世界的区别。因为个体的差异所见到、感受的东西都不一样。第一部分是扫描二维码或点击链接跳转后进入加载页面，这个页面决定了整个画面的基调以及留住受众的一个重要节点，所以这一页以孩子的口吻表达“让我再加载一会”。这样带有感情色彩以及请求语气的话语更好留住受众。第二部分进入插画主题，总共设计7幅插图，阐述主题城市留守儿童的一天。第三部分是文字部分，采用缓入的方式，以叙述的方式将表达的主要内容传递给受众，期望更能引起观者情感共鸣。

4.2 视觉设计

在信息飞速发展的今天，人们每天接收到的信息量十分巨大，所以在H5设计中要更加注意画面的简洁与信息的浓缩。同样，信息爆炸给人们带来审美的视觉疲劳，我们在创作广告插画时要更加注意插画的表现形式与手法，能够刺激到受众的感官，才能起到比较好的一个广告作用。所以在插画的风格上，采用扁平的风格，把复杂的关系简约化，让画面更加清爽简洁，信息的传达更加准确，孩子特有的童真也能通过这种风格比较好地表现出来。

关爱城市留守儿童公益H5广告中共设置7幅插图，主要奠定了整个H5的视觉效果基础。第一幅画面，主人公登场，以第一人称的语气介绍。第二幅画面，清晨，主人公在高楼大厦中乘坐电梯，去暑期班上课。第三幅画面，以夸张的手法表达孩子内心的无助，巨大的铅笔与学习工具。第四幅画面，午饭时间，偌大的餐桌只有主人公坐在餐桌的这一端，父母的位置是空出来的;这也是他们生活的常态。第五幅画面，来到下午的兴趣班时间，墙上挂着一家人的合照，窗外是高楼大厦，主人公在画画，画面里也是高楼大厦。第六幅画面，巨大的时钟占据着整个画面的大比例，时针指向九点半，主人公坐在时钟的一端玩手机，他到底在跟谁聊天呢？第七幅画面，原來玩手机的主人公是在给父母发送信息。

（1）人物形象设计。人物是整个故事线的主体，是整个作品中表演的主体，是负责传达感情和意义的假定形象。人物形象的设计力求达到特点鲜明、造型严谨、风格统一。主人公设定为城市留守儿童中的一员，他头发整齐，衣着得体，十分乖巧的样子，在视觉设计中以二维卡通形象来展现。

（2）场景设定设计。根据时间地点不同，每一副插画都有不同的发生地点，因为采用的是长条漫画的形式，尽可能将整体画面连接起来，相互共生，在滑动画面的时候，给人更好的感官感受。场景的设计对画面整体的构图也起到相当大的作用，所以在绘制草图的时候就应该要有一定的大局观。

（3）色彩设计。色彩设计可以看作是颜色的搭配，色彩绚丽多彩也具有情感，在广告设计中最能在设计师与受众之间搭起桥梁。这次的H5设计在色彩的选择上使用双色，分别是黄色与蓝色，它们互为对比色，能够加大感官的刺激，在插画的表现中，双色的形式能更简单地叙事。

4.3 动效设计

H5广告的互动性是它的优势，在追求画面的同时可以加入一定的动作特效来加强与观者的互动。关爱城市留守儿童公益H5广告中，动作特效设计主要集中在插画部分。

最后，好的方案也需要技术开发来实现才行，而蓝橙互动就是专为做北京H5定制开发的公司，如果你现在有了具体的需求，可以点击网站右侧的联系方式，与在线我们沟通！