发新帖

  • 一场情怀就可以做企业宣传?|手把手教你做H5
  • 6designer   2017-01-19 15:43:37
  • [复制链接]
  • 3293    16
  • 2017悄然而至, 2016都去哪儿了?






           大家都在为春节回家团圆做准备,小编也不例外,每天都掰着指头算距离车票上的归程日期还有多少天,眨眼又是一年春节到,今天,我们不谈钱,来聊聊情怀…谈谈这个触动你内心深处的场景,全篇都在戳你的泪点。
    场景以充满梦幻色彩的gif动图为背景,一首柔美钢琴曲勾起无限的回忆,每一个文字都在诉说一个忙碌一年的你。





    -------------------华丽的分割线----------------





                   第一页,为营造时间飞逝的气氛,预览中看似平常的文字出场效果实则都做了处理。
    以第一句出场文字为例,我们看到的“原以为时间是一辆”文字的效果是一句话先移出接着又顿一下着重移至右侧,其实这个效果是由两个相同的文本调节不同动画效果而成。
    方法先将“文本一”做“移入”和“移出”效果,如图一。再复制出“文本二”,结合 “文本一”的“移出时间”,将复制的“文本二”做“移入”效果,其中“文本二”将会是场景最终显示的文字内容。本场景中我设置的是移出后2秒,大家也可以自己尝试时间的长短。

    图一

    图一


    图二

    图二


    其他的文字同用此方法,只需调节时间即可。
    当所有文字全部显示后,出现左上角的“小门”,做“淡入”“闪烁”的动画,提示可点击。
    为防止点击文字或者点击小门的时候点击面积过小,有时会出现点击不到的情况,所以会用“形状库”里的“矩形”工具,将“矩形”拉至完全覆盖文字和小门,并将其颜色设置为透明,这样可加大点击面积。最后在透明形状上加页面内的跳转链接,本页是跳转至第二页。如图三

    图三

    图三






    2、第二、三页同理,更换背景,将文字的动画效果由之前的“移入”变成“上滑”或“下滑”,如果觉得第一页的效果太过麻烦,其实可以考虑用二、三页的“下滑”效果。如图四

    图四

    图四



    3、第五页,结合文字内容,利用微信组件的头像和昵称做互动来引起大家的共鸣。如图五

    图5

    图5




    4、第六页,可用作自媒体传播,放自己的宣传信息如logo、公众号二维码、官网跳转链接等达到企业宣传效果。


    图六

    图六


    2016年,你用文字将过往一一细数,发现曾经不确定的事情,如今终于有了一个好结果。曾经一直回避的事情,如今也能直面接纳了。把握好现在,曾经迷茫,如今释怀开阔。当下迷茫,却对未来笃定希望。给自己一些时间,一切终会有答案…

    回复
  • 最新评论
  • 添加评论
  • 发表于 2017-1-20 10:52:01 | 显示全部楼层
    时间都去哪啦
    回复 支持 反对
  • 发表于 2017-1-20 11:26:35 | 显示全部楼层
    谢谢分享,学习了。
    回复 支持 反对
  • 发表于 2017-2-3 13:54:31 | 显示全部楼层
    谢谢分享,学习了。
    回复 支持 反对
  • 发表于 2017-3-15 11:58:12 | 显示全部楼层
    谢谢分享,学习了。
    回复 支持 反对
  • 发表于 2017-4-10 09:26:17 | 显示全部楼层
    谢谢分享!点赞
    回复 支持 反对
  • 发表于 2017-4-29 13:33:04 | 显示全部楼层
    谢谢楼主精彩分享~
    回复 支持 反对
  • 发表于 2017-5-10 17:24:27 | 显示全部楼层
    赞赞赞
    回复
  • 发表于 2017-5-14 13:40:11 | 显示全部楼层
    做的很漂亮,支持,谢谢分享你的作品
    回复 支持 反对
  • 发表于 2017-5-14 13:40:20 | 显示全部楼层
    做的很漂亮,支持,谢谢分享你的作品
    回复 支持 反对
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

  • 6designer
  • 版主
    • 229
      积分
    • 147
      金币
    • 10
      帖子
    猜你喜欢
    快速回复 返回顶部 !pub_help!