一种应用于车机的动效设计方法、系统及存储介质技术方案

本申请提供了一种应用于车机的动效设计方法、系统及存储介质。所述方法包括以下步骤：将页面元素拆分成控制组件，并将控制组件分类；获取当前动效模块的控制组件类别作为分类标题；获得动态展示组件的动态效果作为演示模块；将当前动效模块代码化、参数化并获得动效参数表格；将分类标题、演示模块和动效参数表格组合得到动效的结构。通过将页面元素拆分后，形成四个部分由这四个部分组合形成动效的结构，此时每个动效都有自己的包括四个部分的结构。四个部分中即存在动效参数，又存在动效的动态展示，方便设计与开发的对接，工作人员可以直观的找到准确的动效，导致需求传递比较准确，开发容易实现，减少后续问题的产生。减少后续问题的产生。减少后续问题的产生。

【技术实现步骤摘要】
一种应用于车机的动效设计方法、系统及存储介质


[0001]本申请涉及图像处理领域，具体而言，涉及一种应用于车机的动效设计方法、系统及存储介质。

技术介绍

[0002]随着汽车行业智能化、网联化的发展，对用户体验的要求在不断提高，动效作为体验最重要的一环，承担着提升用户体验、融入情感化设计、打造品牌记忆点的职责。好的动效设计可以有以下几方面益处：
[0003]1、用户体验方面：提高安全性、可用性、易用性、降低用户认知成本
[0004]2、品牌表现方面：打造品牌记忆点，融入情感化设计、体现产品特点
[0005]3、效率提升方面：保证设计统一性及设计的高效还原性
[0006]当前车机系统在动画效果设计及开发还原性方面还没有高效统一的设计方法及文件管理方法。设计与开发对接不顺畅，仅通过一个动效参数excel表格进行消息传递，导致需求传递不准确，开发实现效果差异大。后续频繁迭代，效率很低。
[0007]因此，本申请提供了一种应用于车机的动效设计方法、系统及存储介质，以解决上述技术问题之一。

技术实现思路

[0008]本申请的目的在于提供一种应用于车机的动效设计方法、系统及存储介质，能够解决上述提到的至少一个技术问题。具体方案如下：
[0009]根据本申请的具体实施方式，第一方面，本申请提供一种应用于车机的动效设计方法，包括：
[0010]包括以下步骤：
[0011]将页面元素拆分成控制组件，并将控制组件分类；
[0012]获取当前动效模块的控制组件类别作为分类标题；
[0013]获得动态展示组件的动态效果作为演示模块；
[0014]将当前动效模块代码化、参数化并获得动效参数表格；
[0015]将分类标题、演示模块和动效参数表格组合得到动效的结构。
[0016]通过采用上述技术方案，通过对控制组件分类后，获得当前动效属于什么类别，并展示分类标题，通过分类标题、演示模块和动效参数表格可以很明确的得到当前动效的各个信息，使得设计与开发对接更加顺畅，可以比较清晰直观的看到页面元素的各种动效。
[0017]所述获得动态展示组件的动态效果作为演示模块的步骤之后包括：
[0018]获得与演示模块中所展示的动效效果相同的视觉组件作为衍生组件；
[0019]所述衍生组件也是动效的结构的组成部分。
[0020]通过采用上述技术方案，衍生组件主要是用于展示当前组件的多种视觉可能性，以及当前组件的多个可能的动态形态，对进行演示的组件的各个状态进行列举，方便人员
的查看。
[0021]所述控制组件分类包括：
[0022]用于与页面功能关联交互的关联组件；
[0023]用于切换产生动态效果的动态图标。
[0024]通过采用上述技术方案，关联组件主要用于非切换类的动态操作，需要人为控制操作选择，组件本身并不是动态，而动态图标对应的是存在页面切换的动态操作，会自动进行图标的动态显示，这样可以首先将页面的各种动效先分成两大类，然后再进行细化，方便了对控制组件的分类。
[0025]所述关联组件包括：按钮、选择控制组件、搜索框、下拉菜单、进度指示、弹窗、时间指示器、滑动条、通知、状态栏、键盘、导航栏、标签栏和页面指示器。
[0026]通过采用上述技术方案，从关联组件的类别可以看出，关联组件内都是一些提示和通知搜索的组件，这些组件应用于多种操作，是较为基础的组件。
[0027]所述动态图标包括：系统级通用图标、媒体、蓝牙电话、导航栏和空调按钮。
[0028]通过采用上述技术方案，动态图标可以看出依托于动态的功能，会涉及很多动态的因素，因此与关联组件区别开来。
[0029]所述动效参数表格包括：
[0030]动效编码，用于作为每个动效的唯一标识符；
[0031]触发方式，包括常见的界面交互形式；
[0032]对象名称，在当前动效中发生属性变化的元素对象名称；
[0033]变化属性，包含了常见的可制作动效的参数值；
[0034]关键帧时长，当前组件中发生值变化的属性，通过标注起始时间参数和结束时间参数，形成一个完整的关键帧组。
[0035]通过采用上述技术方案，通过五个部分将动效模块参数化编码化，可以通过参数和编码来确定唯一的动效，并查看出动效的变化，方便了人员的查看，且相对准确。
[0036]根据本申请的具体实施方式，第二方面，本申请提供一种应用于车机的动效设计系统，包括：
[0037]页面处理模块，用于将页面元素拆分成控制组件，并将控制组件分类；
[0038]分类标题模块，获得并展示当前动效模块的控制组件类别；
[0039]演示模块，动态展示组件的动态效果；
[0040]动效参数表格模块，将当前动效模块动效模块代码化、参数化；
[0041]动效结构模块，将分类标题模块、演示模块和动效参数表格模块组合得到动效的结构。
[0042]还包括：
[0043]衍生组件模块，获得并展示与演示模块中所展示的动效效果相同的视觉组件；
[0044]所述衍生组件模块属于所述动效结构模块的组合部分。
[0045]所述控制组件分类包括：
[0046]用于与页面功能关联交互的关联组件；
[0047]用于切换产生动态效果的动态图标。
[0048]根据本申请的具体实施方式，第三方面，本申请提供一种计算机可读存储介质，所
述计算机可读存储介质中存储有至少一条指令，所述指令由处理器加载并执行以实现如上述的应用于车机的动效设计方法中所执行的操作
[0049]本申请实施例的上述方案与现有技术相比，至少具有以下有益效果：
[0050]通过将页面元素拆分后，形成四个部分：分类标题、演示模块、衍生组件和动效参数表格，由这四个部分组合形成动效的结构，此时每个动效都有自己的包括四个部分的结构。四个部分中即存在动效参数，又存在动效的动态展示，方便设计与开发的对接，工作人员可以直观的找到准确的动效，导致需求传递比较准确，开发容易实现，减少后续问题的产生。
附图说明
[0051]图1示出了根据本申请实施例的应用于车机的动效设计方法的流程图；
[0052]图2示出了根据本申请实施例的动效结构的详细结构图；
[0053]图3示出了根据本申请实施例的应用于车机的动效设计系统的单元框图。
具体实施方式
[0054]为了使本申请的目的、技术方案和优点更加清楚，下面将结合附图对本申请作进一步地详细描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例，都属于本申请保护的范围。
[0055]在本申请实施例中使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本申请。在本申请实施例和所附权利要求书中所使用本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种应用于车机的动效设计方法，其特征在于，包括以下步骤：将页面元素拆分成控制组件，并将控制组件分类；获取当前动效模块的控制组件类别作为分类标题；获得动态展示组件的动态效果作为演示模块；将当前动效模块代码化、参数化并获得动效参数表格；将分类标题、演示模块和动效参数表格组合得到动效的结构。2.根据权利要求1所述的方法，其特征在于，所述获得动态展示组件的动态效果作为演示模块的步骤之后包括：获得与演示模块中所展示的动效效果相同的视觉组件作为衍生组件；所述衍生组件也是动效的结构的组成部分。3.根据权利要求1所述的方法，其特征在于，所述控制组件分类包括：用于与页面功能关联交互的关联组件；用于切换产生动态效果的动态图标。4.根据权利要求3所述的方法，其特征在于，所述关联组件包括：按钮、选择控制组件、搜索框、下拉菜单、进度指示、弹窗、时间指示器、滑动条、通知、状态栏、键盘、导航栏、标签栏和页面指示器。5.根据权利要求3所述的方法，其特征在于，所述动态图标包括：系统级通用图标、媒体、蓝牙电话、导航栏和空调按钮。6.根据权利要求1所述的方法，其特征在于，所述动效参数表格包括：动效编码，用于作为每个动效的唯一标识符；触发方式，包括常见的界面交互形式...

【专利技术属性】
技术研发人员：徐海珠，赵默涵，张惠，芦聪，王聃星，郑温馨，
申请(专利权)人：中国第一汽车股份有限公司，
类型：发明
国别省市：