CN111814426B - 问卷页面配置方法、装置、计算机设备和存储介质 - Google Patents

Abstract

本申请涉及一种问卷页面配置方法、装置、计算机设备和存储介质。所述方法包括：响应于在样式配置界面触发的样式配置操作，确定待配置的问卷页面的问卷页面样式；问卷页面包括处于不同图层中的界面元素；根据问卷页面样式确定不同图层中的界面元素分别对应的元素样式；基于问卷页面样式和元素样式，确定不同图层中的顶层图层中界面元素的透明度；按照元素样式和透明度对问卷页面进行样式配置，使得配置后的问卷页面中不同图层叠加后呈现为问卷页面样式对应的样式效果。采用本方法能够提高问卷页面配置处理效率。

Description

问卷页面配置方法、装置、计算机设备和存储介质

技术领域

本申请涉及计算机技术领域，特别是涉及一种问卷页面配置方法、装置、计算机设备和存储介质。

背景技术

问卷是社会研究中用来收集资料的一种工具，问卷一般包括为了搜集人们对某个特定问题的态度、价值观、观点或信念等信息而设计的一系列问题。随着计算机技术的深入应用，问卷调查可以通过网络的问卷页面来实现。问卷页面一般会根据问卷的适用场景，配置相应的页面样式，例如，为问卷页面中各元素具体如问卷问题、背景等配置与节日相对应的样式，以便更好地展示问卷页面。

然而，目前对问卷页面的配置处理是对页面中各元素分别进行样式配置，在对多层次的问卷页面中的元素进行配置时，需要对不同层次的元素分别定义不同类型的样式以进行层次区分，配置过程繁杂，导致对问卷页面的样式配置的处理效率较低。

发明内容

基于此，有必要针对上述技术问题，提供一种能够提高问卷页面配置处理效率的问卷页面配置方法、装置、计算机设备和存储介质。

一种问卷页面配置方法，所述方法包括：

响应于在样式配置界面触发的样式配置操作，确定待配置的问卷页面的问卷页面样式；问卷页面包括处于不同图层中的界面元素；

根据问卷页面样式确定不同图层中的界面元素分别对应的元素样式；

基于问卷页面样式和元素样式，确定不同图层中的顶层图层中界面元素的透明度；

按照元素样式和透明度对问卷页面进行样式配置，使得配置后的问卷页面中不同图层叠加后呈现为问卷页面样式对应的样式效果。

一种问卷页面配置装置，所述装置包括：

页面样式确定模块，用于响应于在样式配置界面触发的样式配置操作，确定待配置的问卷页面的问卷页面样式；问卷页面包括处于不同图层中的界面元素；

元素样式确定模块，用于根据问卷页面样式确定不同图层中的界面元素分别对应的元素样式；

透明度确定模块，用于基于问卷页面样式和元素样式，确定不同图层中的顶层图层中界面元素的透明度；

样式配置模块，用于按照元素样式和透明度对问卷页面进行样式配置，使得配置后的问卷页面中不同图层叠加后呈现为问卷页面样式对应的样式效果。

一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现以下步骤：

响应于在样式配置界面触发的样式配置操作，确定待配置的问卷页面的问卷页面样式；问卷页面包括处于不同图层中的界面元素；

根据问卷页面样式确定不同图层中的界面元素分别对应的元素样式；

基于问卷页面样式和元素样式，确定不同图层中的顶层图层中界面元素的透明度；

按照元素样式和透明度对问卷页面进行样式配置，使得配置后的问卷页面中不同图层叠加后呈现为问卷页面样式对应的样式效果。

一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现以下步骤：

响应于在样式配置界面触发的样式配置操作，确定待配置的问卷页面的问卷页面样式；问卷页面包括处于不同图层中的界面元素；

根据问卷页面样式确定不同图层中的界面元素分别对应的元素样式；

基于问卷页面样式和元素样式，确定不同图层中的顶层图层中界面元素的透明度；

按照元素样式和透明度对问卷页面进行样式配置，使得配置后的问卷页面中不同图层叠加后呈现为问卷页面样式对应的样式效果。

上述问卷页面配置方法、装置、计算机设备和存储介质，基于在样式配置界面触发的样式配置操作确定待配置的问卷页面的问卷页面样式，根据问卷页面样式确定问卷页面不同图层中的界面元素分别对应的元素样式，并基于问卷页面样式和元素样式确定顶层图层中界面元素的透明度，通过按照确定的元素样式和透明度对问卷页面进行样式配置，使得配置后的问卷页面中不同图层叠加后呈现为问卷页面样式对应的样式效果。在问卷页面配置过程中，按照基于问卷页面样式确定的元素样式和透明度对问卷页面进行样式配置，使得配置后的问卷页面中不同图层叠加后呈现为问卷页面样式对应的样式效果，从而可以通过调整顶层图层中界面元素的透明度来呈现不同层次的样式，可以减少定义的样式类型，简化了问卷页面的配置过程，提高了问卷页面配置的处理效率。

附图说明

图1为一个实施例中问卷页面配置方法的应用环境图；

图2为一个实施例中问卷页面配置方法的流程示意图；

图3为一个实施例中问卷页面的图层结构示意图；

图4为一个实施例中样式配置界面的界面示意图；

图5为一个实施例中问卷页面控件不同透明度的界面示意图；

图6为一个实施例中确定元素样式步骤的流程示意图；

图7为一个实施例中配色风格的对比示意图；

图8为一个实施例中问卷页面配置为风格A后界面示意图；

图9为一个实施例中问卷页面配置为风格B后界面示意图；

图10为一个实施例中问卷页面配置为风格C后界面示意图；

图11为一个实施例中问卷页面配置装置的结构框图；

图12为一个实施例中计算机设备的内部结构图。

具体实施方式

为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。

本申请提供的问卷页面配置方法，可以应用于如图1所示的应用环境中。其中，终端102通过网络与服务器104进行通信。服务器104将生成的问卷页面发送至终端102，以由终端102对问卷页面进行样式配置，具体地，终端102基于在终端102的样式配置界面触发的样式配置操作确定待配置的问卷页面的问卷页面样式，根据问卷页面样式确定问卷页面不同图层中的界面元素分别对应的元素样式，并基于问卷页面样式和元素样式确定顶层图层中界面元素的透明度，通过按照确定的元素样式和透明度对问卷页面进行样式配置，使得配置后的问卷页面中不同图层叠加后呈现为问卷页面样式对应的样式效果。此外，也可以由服务器104直接对问卷页面进行配置，并将配置完成的问卷页面发送至终端102进行展示。其中，终端102可以但不限于是各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备，服务器104可以用独立的服务器或者是多个服务器组成的服务器集群来实现。

对于问卷页面的配置，一般包括主题设计，通常是由对控件的配色变化结合背景插图来进行实现的，目前国内外主流问卷产品主题设计功能在产品思路上走的是“大而全”的策略，即让用户可以自由编辑问卷页面中控件的细节，可以充分发挥用户的动手能力去生成更丰富的问卷页面外观样式，但这种方案存在着较大的风险，复杂的操作和过于细节的功能增加了用户的编辑成本，增加了问卷页面很多样式上的不可控性，如在对多层次的问卷页面中的元素进行配置时，需要对不同层次的元素分别定义不同类型的样式以进行层次区分，导致问卷页面的代码冗余，且配置过程繁杂，导致对问卷页面的样式配置的处理效率较低。基于此，本申请提供了一种能够提高问卷页面配置处理效率的问卷页面配置方法、装置、计算机设备和存储介质。

在一个实施例中，如图2所示，提供了一种问卷页面配置方法，以该方法应用于图1中的终端为例进行说明，包括以下步骤：

步骤202，响应于在样式配置界面触发的样式配置操作，确定待配置的问卷页面的问卷页面样式；问卷页面包括处于不同图层中的界面元素。

其中，问卷页面为可以通过线上进行传递和填写完成调查的问卷的界面，问卷页面一般包括问卷调查中所涉及的各种调查内容，如各种问题和选项等。问卷页面的内容，即问卷页面中问题和对应的选项根据问卷的应用场景需要相应设置，如健康调查问卷，则问卷页面可以包括身高、年龄、性别、体重和体温等各种生理参数的提问及对应的选项内容。问卷页面包括处于不同图层中的界面元素，其中，问卷页面由多层图层叠加构成，图层是指问卷页面中，不同控件所处的上下层空间关系，图层可以作为界面元素的容器，各界面元素可以分布在图层中，通常可以理解为哪个界面元素在上层就可以在视觉上遮挡住另外一个下层的界面元素。界面元素为组成问卷页面的内容，如问卷的标题、题目、答案、备注等文本内容，又如问卷的控件、前景和背景等。其中，控件可以为问卷题型控件，如单选题控件、多选题控件、选项框控件等；背景是指问卷页面中位于所有界面元素最下层图层的色彩块面，通常起到衬托整个页面内容的作用；前景是指问卷页面中位于背景上一层图层的色彩块面。问卷页面的各种界面元素分布于不同图层中，通过叠加各图层后获得问卷页面。在一个实施例中，如图3所示，问卷页面可以由3层图层叠加构成，上层图层作为控件的容器，用于承载控件，中间图层可以作为前景和文本的容器；下层图层可以作为背景和文本的容器。上层图层、中间图层和下层图层叠加后形成问卷页面。

一般地，问卷页面的界面元素，如控件较多，且用户可自由编辑，目前由人工一个个独立定义界面元素的细节色彩，则配置过程繁杂，需要对不同层次的元素分别定义不同类型的样式以进行层次区分，配置过程繁杂，导致对问卷页面的样式配置的处理效率较低。如图3所示，问卷页面的界面元素由线条和块面构成，通过改变线条和块面的样式，如改变线条和块面的色彩，则可以实现对问卷页面颜色式样的配置。问卷页面由多层图层叠加得到，而各图层中的界面元素由线条和块面形成，则视觉上只需要去定义底层和关键界面元素的色彩，就可以通过图层的叠色影响整个页面的视觉效果，实现尽可能少的定义色值又能实现丰富的配色效果，从而可以减少定义的样式类型，简化了问卷页面的配置过程，提高了问卷页面配置的处理效率。其中，叠色指在一层颜色上覆盖另外一层颜色，两层颜色叠加后产生新的视觉效果，即不同图层、不同透明度色彩的叠加，以呈现出新的色彩。

问卷页面的样式为问卷页面所呈现的式样，具体可以包括问卷页面所呈现的整体颜色、色调等，通过对问卷页面配置不同的样式，可以变换问卷页面的风格，以适应于各种不同的场景需要。例如，对于春节节日相关的问卷页面，可以配置有红色的样式，以使问卷页面的整体色彩与春节的氛围对应，以提高问卷页面的呈现效果。样式配置界面为进行问卷页面样式配置的界面，样式配置界面中可以展示有与问卷页面配置相关的各种配置备选选项，具体可以包括各种备选的问卷页面样式。问卷页面样式为问卷页面在呈现时的样式，具体可以包括问卷页面整体的色彩样式，不同的问卷页面样式可以对应于不同的颜色，如蓝色、紫色、红色、粉色、青色、绿色等。在样式配置界面可以展示有多种备选的问卷页面样式，以供操作者进行操作选择，具体通过样式配置操作触发相应的样式选择。样式配置操作由用户针对样式配置界面作出，以选择相应的问卷页面样式。

具体地，终端在检测到样式配置界面中触发的样式配置操作后，响应于该样式配置操作，确定待配置的问卷页面的问卷页面样式，具体可以根据样式配置操作在样式配置界面中选中的备选的问卷页面样式确定为待配置的问卷页面对应的问卷页面样式。如图4所示，在终端展示的样式配置界面，包括多种备选的问卷页面样式，用户可以通过触摸相应的问卷页面样式的控件，以触发样式配置操作，从而由终端相应样式配置操作，将样式配置操作选中的问卷页面样式确定为待配置的问卷页面的问卷页面样式。

步骤204，根据问卷页面样式确定不同图层中的界面元素分别对应的元素样式。

其中，元素样式指界面元素对应的样式，具体可以包括但不限于包括界面元素线条和块面的颜色。不同类型和处于不同图层的界面元素对应于不同的元素样式。例如，对于问卷页面中文本界面元素，元素样式可以为文本的颜色，进一步元素样式还可以包括文本底色；对于问卷页面中控件界面元素，元素样式可以为控件边框的线条颜色，以及空间块面的颜色。问卷页面样式为问卷页面所呈现的式样，具体由问卷页面中不同图层的各界面元素叠加后得到，即问卷页面样式由不同图层中的界面元素分别对应的元素样式结合呈现。

本实施例中，终端响应于在样式配置界面触发的样式配置操作确定问卷页面样式后，终端进一步根据问卷页面样式确定不同图层中的界面元素分别对应的元素样式，具体可以根据问卷页面中各界面元素的类型和所处图层的层次，结合问卷页面样式确定各界面元素对应的元素样式。

步骤206，基于问卷页面样式和元素样式，确定不同图层中的顶层图层中界面元素的透明度。

其中，顶层图层为构成问卷页面的多层图层中处于顶层位置的图层，顶层图层一般用于承载问卷页面中问卷调查的控件，如题型控件，即顶层图层中的界面元素一般为问卷调查的控件。透明度为顶层图层中界面元素的参数，具体可以为界面元素色彩的alpha值，透明度可以影响顶层图层与其他图层叠加后得到的问卷页面的整体展示效果。例如，若顶层图层中界面元素色彩的alpha值为0，即界面元素的透明度为0，则表示顶层图层中界面元素完全透明不透明，顶层图层中界面元素可以完整遮挡位置上其他图层的展示内容，问卷页面在顶层图层中界面元素位置范围内呈现的式样即为顶层图层中界面元素块面的样式；若顶层图层中界面元素的透明度为100，则表示顶层图层中界面元素完全透明，问卷页面在顶层图层中界面元素位置范围内呈现的式样即为其他图层叠加后得到的样式。

在一个实施例中，如图5所示，问卷页面中控件1的透明度为100，则问卷页面在控件1位置范围的式样即为其他图层叠加后得到的样式，即控件1的样式不会遮挡其他图层的样式效果；控件2的透明度为0，则问卷页面在控件2位置范围的式样即为控件2的样式，即控件2的样式遮挡了其他图层的样式效果。

具体地，在确定问卷页面样式和元素样式后，终端进一步确定不同图层中的顶层图层中界面元素的透明度，具体可以根据问卷页面样式和元素样式确定顶层图层中界面元素的不同区域在不同模式下分别对应的样式，从而确定顶层图层中界面元素的透明度。通过调整顶层图层中界面元素的透明度，可以利用界面元素的透明度来区分问卷页面的层次，减少非必要色彩定义，简化定义的样式类型，简化问卷页面的配置过程。

步骤208，按照元素样式和透明度对问卷页面进行样式配置，使得配置后的问卷页面中不同图层叠加后呈现为问卷页面样式对应的样式效果。

在确定元素样式和透明度后，终端按照该元素样式和透明度对问卷页面进行样式配置，具体可以为终端按照元素样式配置不同图层中的界面元素，并按照透明度配置顶层图层中界面元素，使得配置后的问卷页面中不同图层叠加后呈现为问卷页面样式对应的样式效果，即使得配置后的问卷页面能够呈现出与问卷页面样式对应的页面展示效果，如问卷页面样式对应的页面颜色等，从而实现对问卷页面的配置。

本实施例中，按照基于问卷页面样式确定的元素样式和透明度对问卷页面进行样式配置，以通过叠色手法使不同图层叠加后呈现出问卷页面样式对应的样式效果，可以减少定义的样式类型，简化了问卷页面的配置过程，提高了问卷页面配置的处理效率。

上述问卷页面配置方法中，基于在样式配置界面触发的样式配置操作确定待配置的问卷页面的问卷页面样式，根据问卷页面样式确定问卷页面不同图层中的界面元素分别对应的元素样式，并基于问卷页面样式和元素样式确定顶层图层中界面元素的透明度，通过按照确定的元素样式和透明度对问卷页面进行样式配置，使得配置后的问卷页面中不同图层叠加后呈现为问卷页面样式对应的样式效果。在问卷页面配置过程中，按照基于问卷页面样式确定的元素样式和透明度对问卷页面进行样式配置，使得配置后的问卷页面中不同图层叠加后呈现为问卷页面样式对应的样式效果，从而可以通过调整顶层图层中界面元素的透明度来呈现不同层次的样式，可以减少定义的样式类型，简化了问卷页面的配置过程，提高了问卷页面配置的处理效率。

在一个实施例中，如图6所示，确定元素样式的处理，即根据问卷页面样式确定不同图层中的界面元素分别对应的元素样式包括：

步骤602，对问卷页面进行图层分析，确定问卷页面不同图层中的界面元素。

本实施例中，根据问卷页面样式确定不同图层中的界面元素的类型和对应所处图层的层次，确定元素样式参数特征，并根据元素样式参数特征和样式配置操作确定的问卷页面样式得到界面元素分别对应的元素样式。其中，元素样式参数特征表征问卷页面样式和界面元素对应的元素样式之间的映射关系，即需要问卷页面呈现相应的问卷页面样式时，根据该问卷页面样式和元素样式参数特征可以确定对应界面元素的元素样式，从而在将各图层叠加后，问卷页面能够呈现样式配置操作确定的问卷页面样式对应的样式效果。

具体地，终端在确定问卷页面样式后，对待配置的问卷页面进行图层分析，以确定问卷页面不同图层中的界面元素。具体地，终端可以对问卷页面进行图层拆分，以确定构建问卷页面的各图层，进一步确定各图层中的界面元素。在具体实现时，可以对问卷页面进行解析，以确定问卷页面中的图层关系，从而确定问卷页面对应图层，并进一步确定各图层中分布的界面元素。

步骤604，根据界面元素的类型和相应所处图层的层次，确定界面元素对应的元素样式参数特征。

其中，界面元素的类型根据界面元素的元素特征划分，如可以划分为文本、前景、背景、控件和装饰元素等；文本可以为问卷页面中问卷的标题、题目、答案、备注、标记等文字元素，前景和背景为块面元素，用以烘托整个问卷页面版块的式样，如通过红色烘托春节的热闹气氛，控件为问卷题型元素，用以承载不同题型的题目，如单选题、多选题、主观题、选择框等，不同的题型对应于不同的控件结构，装饰元素可以用以装饰问卷页面的元素，如标识制作人、调研单位、签名等。不同类型的界面元素对应于不同的元素样式参数特征。界面元素所处图层的层次根据界面元素所处图层确定，如控件一般位于顶层图层中，背景一般位于最底层的图层。处于不同层次图层的界面元素对应于不同的元素样式参数特征。

元素样式参数特征表征问卷页面样式和界面元素对应的元素样式之间的映射关系，该映射关系可以根据实际需求进行预先设置。具体地，可以根据实际需求，对各类型的界面元素，以及各层次的界面元素对应的页面样式进行分析，从而得到问卷页面样式和界面元素对应的元素样式之间的映射关系，并根据该映射关系构建元素样式特征库，从而可以通过界面元素的类型和相应所处图层的层次从元素样式特征库中查询得到对应的元素样式参数特征，以便根据问卷页面样式确定界面元素对应的元素样式。

本实施例中，终端在确定问卷页面中的各界面元素后，进一步确定各界面元素的类型和相应所处图层的层次，具体可以根据界面元素的类型标识和图层标识确定界面元素的类型和相应所处图层的层次。得到界面元素的类型和相应所处图层的层次后，终端基于各界面元素的类型和相应所处图层的层次，确定各界面元素对应的元素样式参数特征。

步骤606，根据问卷页面样式和元素样式参数特征，确定问卷页面不同图层中的界面元素分别对应的元素样式。

得到待配置的问卷页面中界面元素对应的元素样式参数特征后，终端基于问卷页面样式和元素样式参数特征，确定问卷页面不同图层中的界面元素分别对应的元素样式。具体可以根据元素样式参数特征和问卷页面样式确定各界面元素的色相和饱和度，从而确定界面元素的色彩样式配置方式，即得到界面元素的元素样式。

本实施例中，根据问卷页面样式确定不同图层中的界面元素的类型和对应所处图层的层次，确定元素样式参数特征，并根据元素样式参数特征和样式配置操作确定的问卷页面样式得到界面元素分别对应的元素样式，从而基于界面元素的类型、相应所处图层的层次和问卷页面样式确定各界面元素分别对应的元素样式，以使问卷页面中各界面元素在图层叠加后能够有效呈现出该问卷页面样式对应的样式效果。

在一个实施例中，根据问卷页面样式和元素样式参数特征，确定问卷页面不同图层中的界面元素分别对应的元素样式包括：基于问卷页面样式确定问卷页面的主题颜色和配色风格；根据主题颜色、配色风格和元素样式参数特征确定各界面元素的目标色相和目标饱和度；根据目标色相和目标饱和度得到界面元素的元素样式。

本实施例中，根据得到的元素样式参数特征和基于问卷页面样式确定的主题颜色及配色风格，确定各界面元素的目标色相和目标饱和度，从而得到界面元素的元素样式。具体地，终端基于问卷页面样式确定问卷页面的主题颜色和配色风格，主题指问卷产品中通过对控件(如背景、按钮、分割线、填选框等)的配色、配图进行变换，进而达成的整体视觉风格变化的功能，通常主题会围绕一个概念来进行展开，并保证所有视觉元素都围绕这个概念进行搭配，以形成统一的视觉效果，即形成统一的主题颜色，以通过该主题颜色表现出该主题。例如，对于主题为春节的问卷页面，主题颜色可以对应设置为红色。配色风格是对主题颜色进行色调调整后对应的不同风格。例如，对于红色的主题颜色进行色调调整，可以改变红色的饱和度，以调整主题颜色的视觉冲击效果。一般地，主题颜色饱和度越高，色彩纯度越高，则视觉冲击效果越强，但越容易引发视觉疲劳。

进一步地，终端根据主题颜色、配色风格和元素样式参数特征确定各界面元素的目标色相和目标饱和度。元素样式参数特征可以包括主题颜色与色相之间的色相映射关系，以及配色风格与饱和度之间的饱和度映射关系。色相也叫色别，是各种色彩的名称和相貌，如红、橙、黄、绿、青、蓝、紫等等；饱和度是指色彩的纯度。目标色相和目标饱和度为根据主题颜色、配色风格和元素样式参数特征确定的界面元素的色相和饱和度。终端根据获得的目标色相和目标饱和度得到界面元素的元素样式，通过将界面元素配置成元素样式中的目标色相和目标饱和度，可以使配置后的问卷页面中不同图层叠加后呈现为问卷页面样式对应的样式效果。

本实施例中，终端根据得到的元素样式参数特征和基于问卷页面样式确定的主题颜色及配色风格，确定各界面元素的目标色相和目标饱和度，从而得到界面元素的元素样式，进一步将界面元素配置成元素样式中的目标色相和目标饱和度，可以使配置后的问卷页面中不同图层叠加后呈现为问卷页面样式对应的样式效果，以确保问卷页面的样式配置效果。

在一个实施例中，不同图层中的顶层图层中界面元素包括控件；基于问卷页面样式和元素样式，确定不同图层中的顶层图层中界面元素的透明度包括：根据控件的结构确定控件不同的区域；根据问卷页面样式确定各区域在不同模式下分别对应的区域样式；基于区域样式和不同图层中的界面元素分别对应的元素样式确定控件的透明度。

本实施例中，不同图层中的顶层图层中界面元素包括控件，控件具体包括问卷中各种题型的题型控件，如单选题控件、多选题控件、选框控件、主观题控件等。根据问卷页面样式确定控件各区域在不同模式下分别对应的区域样式，并基于该区域样式和界面元素分别对应的元素样式确定控件的透明度。

具体地，确定顶层图层中控件的透明度时，终端根据控件的结构确定控件不同的区域，具体可以由终端根据控件的类型确定控件对应的结构，基于该结构确定控件不同的区域。不同类型的控件对应于不同的结构，则可以划分成不同的区域。例如，基于单选题控件的结构确定控件中各个选项对应的区域，从而将控件的区域进行划分，得到单选题控件不同的区域。终端根据问卷页面样式确定各区域在不同模式下分别对应的区域样式。其中，模式为控件在问卷页面填写过程中各区域的激活状态，如区域的选中和未选中；区域的空白和非空白。区域样式为控件的各区域的展示式样，不同模式，即区域处于不同激活状态时，可以对应于不同的展示式样，即对应于不同的区域样式，如对于选中的区域进行高亮显示，从而提示问卷的填写者对应的填内容。确定控件各区域在不同模式下分别对应的区域样式后，终端基于区域样式和不同图层中的界面元素分别对应的元素样式确定控件的透明度。具体地，终端可以根据控件对应位置不同图层中的界面元素分别对应的元素样式叠加后的样式，与控件对应的区域样式进行比较，从而确定控件的透明度，以使得对控件的透明度进行配置后，问卷页面各图层叠加后能够呈现根据样式配置操作确定的问卷页面样式对应的样式效果。

本实施例中，根据问卷页面样式确定控件各区域在不同模式下分别对应的区域样式，并基于该区域样式和界面元素分别对应的元素样式确定控件的透明度，使得对控件的透明度进行配置后，问卷页面各图层叠加后能够有效呈现根据样式配置操作确定的问卷页面样式对应的样式效果。

在一个实施例中，基于区域样式和不同图层中的界面元素分别对应的元素样式确定控件的透明度包括：确定不同图层中的界面元素按照分别对应的元素样式进行叠加后所呈现的叠加样式；根据叠加样式和区域样式确定控件的透明度。

本实施例中，根据不同图层中的界面元素按照分别对应的元素样式进行叠加后所呈现的叠加样式，和区域样式确定控件的透明度。具体地，在确定控件各区域在不同模式下分别对应的区域样式后，终端确定不同图层中的界面元素按照分别对应的元素样式进行叠加后所呈现的叠加样式，并由终端根据叠加样式和区域样式确定控件的透明度。具体可以由终端从叠加样式中确定控件对应位置范围的控件范围叠加样式，并基于该控件范围叠加样式与区域样式进行比较，从而确定控件的透明度，以使得对控件的透明度进行配置后，问卷页面各图层叠加后能够有效呈现根据样式配置操作确定的问卷页面样式。

在一个实施例中，按照元素样式和透明度对问卷页面进行样式配置包括：根据元素样式确定不同图层中的界面元素分别对应的色相和饱和度；根据色相、饱和度和透明度更新问卷页面关联的问卷页面配置文件；通过问卷页面配置文件中的样式参数对问卷页面进行样式配置。

本实施例中，通过根据色相、饱和度和透明度更新问卷页面关联的问卷页面配置文件，以实现对问卷页面的样式配置。其中，问卷页面配置文件与问卷页面对应设置，用于对问卷页面进行样式配置。由于要适配不同种类的配色方案，以及方案里面的复杂配色规则，若直接进行一一定义则过程繁杂，而通过问卷页面关联的配色配置文件以收拢配色规则的定义，方便规则更改和调整。具体地，可以定义一套颜色混合规则来表示纯颜色、透明色、混合色等，并且也可以使用回调函数以提供最大的适应能力。接着根据这套规则生成问卷页面配置文件，具体如生成CSS(Cascading Style Sheets，层叠样式表)代码，再用document.head.insertAdjacentHTML将样式插入到DOM(Document Object Model，文档对象模型)上完成问卷页面的样式配置。在需要对问卷页面的样式进行配置时，只需要修改问卷页面配置文件中相关参数，则可以实现对问卷页面的样式进行统一配置，从而简化问卷页面的配置处理流程，提高问卷页面配置的处理效率。

具体地，在按照元素样式和透明度对问卷页面进行样式配置时，终端根据元素样式确定不同图层中的界面元素分别对应的色相和饱和度，具体可以从元素样式中提取出各界面元素分别对应的色相和饱和度。终端获取问卷页面关联的问卷页面配置文件，并根据获得的色相、饱和度和透明度更新问卷页面配置文件中的样式参数，如更新色相参数、饱和度参数和透明度参数等。对问卷页面关联的问卷页面配置文件进行更新后，终端通过该问卷页面配置文件中的样式参数对问卷页面进行样式配置，从而实现对问卷页面样式的统一配置，简化了问卷页面的配置处理流程，提高了问卷页面配置的处理效率。

在一个实施例中，问卷页面配置方法还包括：确定各备选主题颜色；对各备选主题颜色进行风格调整，得到各备选主题颜色分别对应的备选配色风格；根据备选主题颜色和对应的备选配色风格的对应关系构建备选问卷页面样式，并在样式配置界面展示各备选问卷页面样式。

本实施例中，根据确定的备选主题颜色和备选配色风格构建备选问卷页面样式，并在样式配置界面展示各备选问卷页面样式。

具体地，终端确定各备选主题颜色。色彩的变化是丰富多样的，这就造成了进行色彩搭配(配色)是一项可能性极高的工作，受过专业培训的人可以搭配出视觉感官较好的配色，而没有经过专业训练的人很可能搭配出令人不适的配色。因此在问卷页面的主题颜色设计上，限定了用户编辑的自由度，取而代之为问卷产品提供的已调配好的主题颜色方案，为了尽可能满足用户的不同需求，各主题颜色方案需保证尽可能覆盖不同的色相，借用色彩计算器评估不同色相跨度的差异性，发现色相不需要定义过多，如红、紫、蓝、青、绿、黄、橘黄和橙8个关键色相已经可以覆盖绝大多数场景，同时色相之间还保持着较明确的色彩差异便于后续样式设计复用。通过限制备选主题颜色的色相种类范围，可以避免因用户进行自由配色导致的内容可读性不足的问题。

进一步地，终端对各备选主题颜色进行风格调整，得到各备选主题颜色分别对应的备选配色风格，具体可以对各备选主题颜色的进行色调调整，如调整备选主题颜色的饱和度，得到各备选主题颜色分别对应的备选配色风格。确定色相种类后需要定义配色变化原则，由于配色支持的主题设计主要用于辅助表现问卷内容，具体可以从气氛和效率两个维度进行评估，视觉效果个性化程度越高气氛越强烈，但由于脱离标准风格较大，其浏览效率也会稍微收到影响，为了让用户在有限的8个色相下尽可能多的体验到不同的配色风格，可以设计对每个色相定义了清淡柔和、中性标准、浓厚强烈三种搭配方案，尽量覆盖同类色配色和互补色配色。如图7所示，正向的气氛优先中，问卷页面的备选配色风格若为白纸黑字，则易读性强，且风格叫清淡柔和；而对于反向的气氛优先中，若卷页面的备选配色风格若为黑纸白字，则易读性差，风格浓厚强烈。

得到备选主题颜色和对应的备选配色风格后，终端根据备选主题颜色和对应的备选配色风格的对应关系构建备选问卷页面样式，并在样式配置界面展示各备选问卷页面样式，以便用户在样式配置界面触发样式配置操作以从备选问卷页面样式中选取所需要的问卷页面样式。

进一步地，响应于在样式配置界面触发的样式配置操作，确定待配置的问卷页面的问卷页面样式包括：在样式配置界面触发样式配置操作时，根据样式配置操作从备选问卷页面样式中确定待配置的问卷页面的问卷页面样式。

本实施例中，在样式配置界面展示各备选问卷页面样式后，终端在样式配置界面触发样式配置操作时，根据样式配置操作从备选问卷页面样式中确定待配置的问卷页面的问卷页面样式，以便根据样式配置操作选中的问卷页面样式对问卷页面进行高效地样式配置。

本申请还提供一种应用场景，如图8-10所示，该应用场景应用上述的问卷页面配置方法。具体地，该问卷页面配置方法在该应用场景的应用如下：

对于标题为《下午茶调查问卷》的问卷页面进行样式配置，具体对问卷页面的色彩进行配置时，如图8所示，在终端界面左侧为待配置的文件页面，右侧为样式配置界面，样式配置界面中包括问卷配图、主题颜色和配色风格的配置内容。其中，主题颜色包括9种色相种类，即可以在9种色相种类中选择问卷页面的主题颜色，对于每一种主题颜色，还进一步设有3中配色风格，以改变问卷页面主题颜色的呈现风格。其中，风格A、风格B和风格C分别对应于浅色、中等和深色的风格。图8为选择配色风格为风格A时问卷页面的呈现效果；图9为选择配色风格为风格B时问卷页面的呈现效果；图10为选择配色风格为风格C时问卷页面的呈现效果。而问卷页面不同主题颜色和配色风格的配置处理，通过主题颜色和配色风格确定问卷页面各界面元素的色相、饱和度以及透明度进行样式配置，从而使配置后的问卷页面中不同图层叠加后呈现为问卷页面样式，即各图层进行叠加后，色彩也进行叠加，从而实现相应的色彩变换，可以满足搭配不同主题和情景的需求，且单个主题色彩下的配色变化区间固定，丰富主色搭配但不破坏统一性。此外，通过调整顶层图层中控件的透明度，可以使问卷页面在主题色彩下的配色拥有清晰的明度变化，以辅助区分场景中不同信息的层次，可以减少定义的样式类型，简化了问卷页面的配置过程，提高了问卷页面配置的处理效率。

应该理解的是，虽然图2和图6的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，图2和图6中的至少一部分步骤可以包括多个步骤或者多个阶段，这些步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。

在一个实施例中，如图11所示，提供了一种问卷页面配置装置1100，该装置可以采用软件模块或硬件模块，或者是二者的结合成为计算机设备的一部分，该装置具体包括：页面样式确定模块1102、元素样式确定模块1104、透明度确定模块1106和样式配置模块1108，其中：

页面样式确定模块1102，用于响应于在样式配置界面触发的样式配置操作，确定待配置的问卷页面的问卷页面样式；问卷页面包括处于不同图层中的界面元素；

元素样式确定模块1104，用于根据问卷页面样式确定不同图层中的界面元素分别对应的元素样式；

透明度确定模块1106，用于基于问卷页面样式和元素样式，确定不同图层中的顶层图层中界面元素的透明度；

样式配置模块1108，用于按照元素样式和透明度对问卷页面进行样式配置，使得配置后的问卷页面中不同图层叠加后呈现为问卷页面样式对应的样式效果。

在一个实施例中，元素样式确定模块1104包括元素确定模块、参数特征确定模块和元素样式确定模块；其中：元素确定模块，用于对问卷页面进行图层分析，确定问卷页面不同图层中的界面元素；参数特征确定模块，用于根据界面元素的类型和相应所处图层的层次，确定界面元素对应的元素样式参数特征；元素样式确定模块，用于根据问卷页面样式和元素样式参数特征，确定问卷页面不同图层中的界面元素分别对应的元素样式。

在一个实施例中，元素样式确定模块包括主题风格确定模块、色彩参数确定模块和样式确定模块；其中：主题风格确定模块，用于基于问卷页面样式确定问卷页面的主题颜色和配色风格；色彩参数确定模块，用于根据主题颜色、配色风格和元素样式参数特征确定各界面元素的目标色相和目标饱和度；样式确定模块，用于根据目标色相和目标饱和度得到界面元素的元素样式。

在一个实施例中，不同图层中的顶层图层中界面元素包括控件；透明度确定模块1106包括控件区域确定模块、区域样式确定模块和区域样式分析模块；其中：控件区域确定模块，用于根据控件的结构确定控件不同的区域；区域样式确定模块，用于根据问卷页面样式确定各区域在不同模式下分别对应的区域样式；区域样式分析模块，用于基于区域样式和不同图层中的界面元素分别对应的元素样式确定控件的透明度。

在一个实施例中，区域样式分析模块包括叠加样式确定模块和样式对比模块；其中：叠加样式确定模块，用于确定不同图层中的界面元素按照分别对应的元素样式进行叠加后所呈现的叠加样式；样式对比模块，用于根据叠加样式和区域样式确定控件的透明度。

在一个实施例中，样式配置模块1108包括更新参数确定模块、配置文件更新模块和配置处理模块；其中：更新参数确定模块，用于根据元素样式确定不同图层中的界面元素分别对应的色相和饱和度；配置文件更新模块，用于根据色相、饱和度和透明度更新问卷页面关联的问卷页面配置文件；配置处理模块，用于通过问卷页面配置文件中的样式参数对问卷页面进行样式配置。

在一个实施例中，还包括备选颜色确定模块、备选风格模块和备选样式展示模块；其中：备选颜色确定模块，用于确定各备选主题颜色；备选风格模块，用于对各备选主题颜色进行风格调整，得到各备选主题颜色分别对应的备选配色风格；备选样式展示模块，用于根据备选主题颜色和对应的备选配色风格的对应关系构建备选问卷页面样式，并在样式配置界面展示各备选问卷页面样式；页面样式确定模块1102，还用于在样式配置界面触发样式配置操作时，根据样式配置操作从备选问卷页面样式中确定待配置的问卷页面的问卷页面样式。

关于问卷页面配置装置的具体限定可以参见上文中对于问卷页面配置方法的限定，在此不再赘述。上述问卷页面配置装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。

在一个实施例中，提供了一种计算机设备，该计算机设备可以是终端，其内部结构图可以如图12所示。该计算机设备包括通过系统总线连接的处理器、存储器、通信接口、显示屏和输入装置。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的通信接口用于与外部的终端进行有线或无线方式的通信，无线方式可通过WIFI、运营商网络、NFC(近场通信)或其他技术实现。该计算机程序被处理器执行时以实现一种问卷页面配置方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏，该计算机设备的输入装置可以是显示屏上覆盖的触摸层，也可以是计算机设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。

本领域技术人员可以理解，图12中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。

在一个实施例中，还提供了一种计算机设备，包括存储器和处理器，存储器中存储有计算机程序，该处理器执行计算机程序时实现上述各方法实施例中的步骤。

在一个实施例中，提供了一种计算机可读存储介质，存储有计算机程序，该计算机程序被处理器执行时实现上述各方法实施例中的步骤。

在一个实施例中，提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行上述各方法实施例中的步骤。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和易失性存储器中的至少一种。非易失性存储器可包括只读存储器(Read-Only Memory，ROM)、磁带、软盘、闪存或光存储器等。易失性存储器可包括随机存取存储器(Random Access Memory，RAM)或外部高速缓冲存储器。作为说明而非局限，RAM可以是多种形式，比如静态随机存取存储器(Static Random Access Memory，SRAM)或动态随机存取存储器(Dynamic Random Access Memory，DRAM)等。

以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。

以上所述实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请专利的保护范围应以所附权利要求为准。

Claims (16)

1.一种问卷页面配置方法，其特征在于，所述方法包括：

响应于在样式配置界面触发的样式配置操作，确定待配置的问卷页面的问卷页面样式；所述问卷页面包括处于不同图层中的界面元素；所述不同图层中的顶层图层中界面元素包括控件；

根据所述问卷页面样式确定不同图层中的界面元素分别对应的元素样式；

根据所述控件的结构确定所述控件不同的区域；

根据所述问卷页面样式确定各所述区域在不同模式下分别对应的区域样式；

基于所述区域样式和不同图层中的界面元素分别对应的元素样式确定所述控件的透明度；

按照所述元素样式和所述透明度对所述问卷页面进行样式配置，使得配置后的问卷页面中不同图层叠加后呈现为所述问卷页面样式对应的样式效果。

2.根据权利要求1所述的方法，其特征在于，所述根据所述问卷页面样式确定不同图层中的界面元素分别对应的元素样式包括：

对所述问卷页面进行图层分析，确定所述问卷页面不同图层中的界面元素；

根据所述界面元素的类型和相应所处图层的层次，确定所述界面元素对应的元素样式参数特征；

根据所述问卷页面样式和所述元素样式参数特征，确定所述问卷页面不同图层中的界面元素分别对应的元素样式。

3.根据权利要求2所述的方法，其特征在于，所述根据所述问卷页面样式和所述元素样式参数特征，确定所述问卷页面不同图层中的界面元素分别对应的元素样式包括：

基于所述问卷页面样式确定所述问卷页面的主题颜色和配色风格；

根据所述主题颜色、所述配色风格和所述元素样式参数特征确定各所述界面元素的目标色相和目标饱和度；

根据所述目标色相和所述目标饱和度得到所述界面元素的元素样式。

4.根据权利要求1所述的方法，其特征在于，所述控件包括单选题控件、多选题控件、选框控件或主观题控件中的至少一种。

5.根据权利要求1所述的方法，其特征在于，所述基于所述区域样式和不同图层中的界面元素分别对应的元素样式确定所述控件的透明度包括：

确定不同图层中的界面元素按照分别对应的元素样式进行叠加后所呈现的叠加样式；

根据所述叠加样式和所述区域样式确定所述控件的透明度。

6.根据权利要求3所述的方法，其特征在于，所述按照所述元素样式和所述透明度对所述问卷页面进行样式配置包括：

根据所述元素样式确定不同图层中的界面元素分别对应的色相和饱和度；

根据所述色相、所述饱和度和所述透明度更新所述问卷页面关联的问卷页面配置文件；

通过所述问卷页面配置文件中的样式参数对问卷页面进行样式配置。

7.根据权利要求1至6任意一项所述的方法，其特征在于，所述方法还包括：

确定各备选主题颜色；

对各所述备选主题颜色进行风格调整，得到各所述备选主题颜色分别对应的备选配色风格；

根据所述备选主题颜色和对应的备选配色风格的对应关系构建备选问卷页面样式，并在所述样式配置界面展示各所述备选问卷页面样式；

所述响应于在样式配置界面触发的样式配置操作，确定待配置的问卷页面的问卷页面样式包括：

在样式配置界面触发样式配置操作时，根据所述样式配置操作从所述备选问卷页面样式中确定待配置的问卷页面的问卷页面样式。

8.一种问卷页面配置装置，其特征在于，所述装置包括：

页面样式确定模块，用于响应于在样式配置界面触发的样式配置操作，确定待配置的问卷页面的问卷页面样式；所述问卷页面包括处于不同图层中的界面元素；所述不同图层中的顶层图层中界面元素包括控件；

元素样式确定模块，用于根据所述问卷页面样式确定不同图层中的界面元素分别对应的元素样式；

透明度确定模块，用于根据所述控件的结构确定所述控件不同的区域；根据所述问卷页面样式确定各所述区域在不同模式下分别对应的区域样式；基于所述区域样式和不同图层中的界面元素分别对应的元素样式确定所述控件的透明度；

样式配置模块，用于按照所述元素样式和所述透明度对所述问卷页面进行样式配置，使得配置后的问卷页面中不同图层叠加后呈现为所述问卷页面样式对应的样式效果。

9.根据权利要求8所述的装置，其特征在于，所述元素样式确定模块，包括：

元素确定模块，用于对所述问卷页面进行图层分析，确定所述问卷页面不同图层中的界面元素；

参数特征确定模块，用于根据所述界面元素的类型和相应所处图层的层次，确定所述界面元素对应的元素样式参数特征；

元素样式确定模块，用于根据所述问卷页面样式和所述元素样式参数特征，确定所述问卷页面不同图层中的界面元素分别对应的元素样式。

10.根据权利要求9所述的装置，其特征在于，所述元素样式确定模块包括：

主题风格确定模块，用于基于所述问卷页面样式确定所述问卷页面的主题颜色和配色风格；

色彩参数确定模块，用于根据所述主题颜色、所述配色风格和所述元素样式参数特征确定各所述界面元素的目标色相和目标饱和度；

样式确定模块，用于根据所述目标色相和所述目标饱和度得到所述界面元素的元素样式。

11.根据权利要求8所述的装置，其特征在于，所述控件包括单选题控件、多选题控件、选框控件或主观题控件中的至少一种。

12.根据权利要求8所述的装置，其特征在于，

透明度确定模块，还用于确定不同图层中的界面元素按照分别对应的元素样式进行叠加后所呈现的叠加样式；根据所述叠加样式和所述区域样式确定所述控件的透明度。

13.根据权利要求10所述的装置，其特征在于，所述样式配置模块包括：

更新参数确定模块，用于根据所述元素样式确定不同图层中的界面元素分别对应的色相和饱和度；

配置文件更新模块，用于根据所述色相、所述饱和度和所述透明度更新所述问卷页面关联的问卷页面配置文件；

配置处理模块，用于通过所述问卷页面配置文件中的样式参数对问卷页面进行样式配置。

14.根据权利要求8至13任意一项所述的装置，其特征在于，还包括：

备选颜色确定模块，用于确定各备选主题颜色；

备选风格模块，用于对各所述备选主题颜色进行风格调整，得到各所述备选主题颜色分别对应的备选配色风格；

备选样式展示模块，用于根据所述备选主题颜色和对应的备选配色风格的对应关系构建备选问卷页面样式，并在所述样式配置界面展示各所述备选问卷页面样式；

所述页面样式确定模块，还用于在样式配置界面触发样式配置操作时，根据所述样式配置操作从所述备选问卷页面样式中确定待配置的问卷页面的问卷页面样式。

15.一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至7中任一项所述的方法的步骤。

16.一种计算机可读存储介质，存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至7中任一项所述的方法的步骤。