发新帖

  • 《美妆网商代购促销模板》
  • 6designer   2017-03-02 16:18:41
  • [复制链接]
  • 5805    52
  • QQ截图20170302104250.png


         这是一个促销模板,因为主要面对女性人群,所以配色上选用玫瑰色为主打色调,
    辅以亮黄色增加画面的层次感。
    1、第一页
       第一个页达到了两个目的首先展现了这个场景的核心内容——促销,

    其次为整个场景奠定了一个风格上的基调;


    QQ截图20170302104744.png

    那么就重点介绍一下第一页在制作过程的两个小技巧。
    1.文字选色和排版
    图片 1.png 图片 1.png
    本页里文字主要集中在这两个区域,首先从文字配色说起。
    因为本场景在颜色基调上采用了明亮的红和黄,
    画面主题内容就给人带来一种较强的视觉冲击。
    而此时,对文字的颜色选择上就选用黑和白比较好。
    这样一来有两个目的,第一在颜色让“朴实”的文字和“华丽”的
    画面区分开,是读者不会忽略文字内容;
    第二黑和白也和红黄形成了一定程度的对比,为整个页面的为色效果服务。
    2.妙用小动画
    在内容展示完毕后,第一页始终存在一个循环的动画。
    而这个动画也是本页面的一个关键,为什么说是关键呢?
    因为在所有内容展示完毕后,这整个页面就变成了一个静止的页面,
    而只是画面中需要有一个动态的元素来是画面更加活泼,凸显H5这种模式的优势。
    图片 1.png
    没错就是美女帽子上的那朵校花,不,是小花!

    首先点击小花,右侧出现一个小方框,里面有各种设置。

    QQ截图20170302110759.png

    然后点击动画标签,下来方式里选项找到“旋转”动画。

    QQ截图20170302110945.png

    此时显示的是“旋转”动画的基本设置



    QQ截图20170302111212.png

    下一步开始对旋转进行深加工!
    选时间从2秒调成5秒;勾选匀速;最最关键的就是要勾选循环。
    QQ截图20170302111414.png

    小结:本次解析的关键是配色和循环动画。
    本次样例分析到此为止,感谢大家!






    回复本帖,有惊喜放送!

    游客,如果您要查看本帖隐藏内容请回复

    回复
  • 最新评论
  • 添加评论
  • 发表于 2017-3-15 14:58:57 | 显示全部楼层
    场景链接中的内容已经变更,请楼主检查
    回复 支持 1 反对 0
  • 发表于 2017-3-6 11:32:06 | 显示全部楼层
    谢谢分享
    回复
  • 发表于 2017-3-6 17:36:50 | 显示全部楼层
    谢谢分享
    回复
  • 发表于 2017-3-6 17:56:52 | 显示全部楼层
    我因为外面图好看才点进来的

    点评

    不错[  详情 回复 发表于 2017-3-22 11:40
    回复 支持 反对
  • 发表于 2017-3-9 13:30:40 | 显示全部楼层
    不错!
    回复
  • 发表于 2017-3-10 10:18:30 | 显示全部楼层
    感谢分享,不错呐。
    回复 支持 反对
  • 匿名  发表于 2017-3-17 09:23:59
    看看  谢谢分享
    回复 支持 反对
  • 发表于 2017-3-18 21:42:08 | 显示全部楼层
    感谢分享,谢谢大大
    回复 支持 反对
  • 发表于 2017-3-18 21:42:23 | 显示全部楼层
    看上去很厉害的样子~~~~~~
    回复 支持 反对
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

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