[发明专利]一种快速高效地实现banner动效的方法和系统

说明书

本发明涉及一种快速高效地实现banner动效的方法和系统。所述方法为：确定实现banner动效所需的图片；预设实现banner动效所需元素图的数量N、FloatBox系数以及一个对象的具体动效参数；动效参数自动计算模块根据设定的N、FloatBox系数以及一个对象的具体动效参数的值，并根据公式自动赋予各元素图动效参数；用户调取对应元素图上传至动效生成模块；动效生成模块根据计算得到的各元素图动效参数值，赋予各元素图对应动效；动效输出模块输出banner动效图。所述系统包括实现所述方法的各模块。应用本发明能快速高效的实现banner动效，满足电商领域运营人员和设计师基本的banner动效要求。

技术领域

本发明涉及互联网动效设计领域，具体地说，是一种快速高效地实现banner动效的方法和系统。

背景技术

运营、设计师日常工作中对于banner的展示要求日益增长，一个有动效的banner比静态banner更能吸引用户关注，并且产生点击量。在电商后台，普通的去配置banner图片，就是按照尺寸要求、格式上传静态图片或者gif动态图，前者为静态banner，后者为有动效的banner。在没有前端开发的帮助下，设计师只能通过gif图来实现效果，但是gif图不适合帧数太多或者是太大的图片，所以局限很大，导致在实际工作中就算知道有动效的banner效果好，也会尽量避免使用。

专利文献CN108228639A，公开日2018.06.29，公开了一种自动为网页banner加载图片的方法和系统，该方法包括：提取banner包含的网络链接地址；提取图片；默认提取所述广告页面的第一个图片；根据banner的尺寸和像素对所述图片进行自适应调整；对banner加载图片。该发明技术方案主要是根据不同广告内容动态加载图片，提高广告图片的准确性和有效性，有效挖掘和利用广告图片资源，统一图片资源的规格进行展示，增强广告宣传的视觉效果，有利于广告图片资源的编辑和使用，提高互联网广告的效率。

专利文献CN102124446A，公开日2011.07.13，公开了一种动态横幅组合方法，通过用于生成对横幅图像的显示的方法来实现包含当前信息和动态变化信息的显示横幅，其中，横幅图像占用视频显示中的至少一部分。利用包含特定指令的文件来定义横幅图像的静态元素和动态元素。当来自文件的指令被执行以开始组合用于显示的横幅图像时，确定每个动态元素的当前内容，并相应地更新相关的动态元素。然后，将静态元素和更新后的动态元素组合到当前横幅图像中，以用于显示。该发明通过这种方式能够正好在显示横幅图像时利用当前信息来动态地创建该横幅图像。

然而，目前未见能满足运营和设计师多元化的需求，在没有前端开发的帮助下，简便、快速、高效地实现banner动效的方法。

发明内容

本发明的目的是针对现有技术中的不足，提供一种快速高效地实现banner动效的方法。

本发明的再一的目的是，提供一种快速高效地实现banner动效的系统。

为实现上述第一个目的，本发明采取的技术方案是：

一种快速高效地实现banner动效的方法，包括以下步骤：

步骤S1，用户确定实现banner动效所需的图片，存储于存储模块；

步骤S2，用户在参数设置模块预设实现banner动效所需要的元素图的数量N、FloatBox系数以及一个对象的具体动效参数；

步骤S3，动效参数自动计算模块根据设定的N、FloatBox系数以及一个对象的具体动效参数的值，并根据以下公式自动计算出该N个元素图中各元素图的各动效参数；