母亲节H5作品欣赏-你也能做出不一样的作品

原创 3 收藏 评论
举报 2016-05-01

以前我总会觉得节日就是一种形式,一种仪式,却又不得不承认,它的实际意义,提醒我们那些被遗忘的事。

母亲节,一句话浮现在脑海:你养我长大,我陪你到老。看看下面的H5,一定有一个触动你内心。


1.多久没认真写过“妈妈”两个字了

黑色背景,结合卡通形象,通过模拟书写“妈妈”两个字,触发不同的动画。

以书写“妈”字为线索,前面两笔有提示的光标,给用户一个引导,提醒他们跟着动画去操作,书写过程中触发不同的动画播放,有趣味性的同时又增加了互动性。

第一个“妈”字书写过程中,描述的是小时候妈妈照顾我们,教我们写字,说话,数数,在我们跌倒的时候,鼓励支持我们,每一个画面都带有形象生动的动画效果。第二个“妈”字,等我们长大了,妈妈老去,即使在外打拼,我们要多陪妈妈聊天,多关心她,带她出去走走。

写妈妈.png

1.pic_hd.jpg

品牌:百度手机助手

作者:銠鈁


2. 不过母亲节

在页面切换中,通过擦一擦,点击,拖动等交互方式,触发不同的动画效果,每个页面不同的触发方式,有新鲜感也有好奇感。交互方式不同,也要有不同的提示,否则用户打开作品,不知道怎么操作,整个人就懵圈了,关闭作品的几率会大大增加。

这个作品在前面几个有交互动作的页面,先用事件禁止了翻页效果,防止用户未看动画就直接翻页。一旦动作触发了,提示翻页的箭头出现,这些小细节都是值得注意的和学习的,细节决定整个H5的用户体验。

不过母亲节.png

4.pic_hd.jpg

 品牌:百度有钱

作者:老新


3. 表白,从母亲开始!

全世界有5651中语言,而母亲是共同的语言,即使母亲慢慢老去,但是在母亲眼里,我们永远是长不大的孩子。

页面切换,伴随动画效果,简单又别致。每个人成长中,总有一些关于母亲的深刻记忆,厨房忙碌的背影,生病时无微不至的照顾,悲伤难过时鼓励支持。第8页有一个动画,点击播放,一位年轻的母亲慢慢老去,岁月无情,深有感触,我们不能阻止母亲老去,至少请用感恩的心回馈母亲的照顾,树欲静而风不止,子欲养而亲不待。

小鸡新媒体.png

3.pic_hd.jpg

作者:小鸡新媒体科技


4. 一封给妈妈的情书

进入H5,点击“开始写信”,进入筛选信纸页面,左右提示的箭头,提示小熊所在的区域是可以滑动的,滑动切换,选择4种不同的信纸,可随时返回查看不同的信纸的效果。写完后,点击“生成”按钮,跳转到信封页面,只要按照提示点击,即可生成贺卡,发送给妈妈!

我们习惯和恋人撒娇、拥抱、亲吻;和朋友玩耍、打闹;对领导毕恭毕敬、丝毫不敢怠慢;对父母却怎么也亲近不起来。他们要的,其实很简单,若母亲节没办法回家,若有些话说不出,写下来吧,写一封信给妈妈!

这个作品可以在iH5互动大师官网上直接下载下来作为模板使用。

一封情书.png

2.pic_hd.jpg

作者:iH5互动大师


更多优秀作品可登陆h5-share.com,www.ih5.cn


    参与评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    参与评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)