02、答题页结构


*目前答题页不得使用叠加层,所有组件只能从上往下进行平铺。否则将不能申请为模板。

答题页整体结构:

头图+标题+表单说明+表单题目+按钮+背景图+题目分割线/分割文案+答题结束结尾信息+自定义内容

头图、标题、表单说明、表单题目、按钮为必备元素。

答题页细分结构

1)头图

  • 除特别要求制作大头图的情况,头图尺寸要求为1200*810px,且画面清晰可视。

  • 头图需无侵权风险。

  • 头图需与表单内容相匹配,且不可重复使用,如遇到雷同模板,需驳回处理。

  • 头图和表单背景、题目颜色、组件颜色等表单其他元素在色彩上、设计上需和谐统一不可出现明显的割裂感。

和谐统一

明显割裂

  • 头图不可出现大量空白,以及过于简洁

  • 头图非必要一般不出现文案,如有文案需通用性文案,不可出现具体信息。

  • 头图形式不限于长方形,可与背景配合,形成多形状不规则的感觉。

  • 推荐使用GIF图。

2)标题

  • 必须使用可编辑文字,不能使用图片文字。

  • 标题不能出现广告及与内容无关的特殊字符,不能出现明显的中英文错误,如:英文拼写错误、中文错别字、自创词等;不可包含任何欺诈、攻击、⾊情、侵权、虚假、封建迷信信息。

  • 近义词连用规范:

禁止模板标题将0-6岁学龄儿童的教育体系名词与12岁以上学龄人群的教育体系名词连用。即幼儿园不能和初中、高中、大学名词同时出现在一个模板标题中。

错误示范:幼儿园小初高大学开学邀请函

  • 标题可根据整体设计移动调整位置,但不可删除。

  • 标题需跟表单内容相匹配。

  • 鼓励标题根据整体设计使用创意字体。

  • 鼓励使用文本背景。

3)表单说明

  • 表单说明不得使用默认说明,需根据表单内容进行个性化说明

  •  表单说明不能出现明显的中英文错误,如:英文拼写错误、中文错别字、自创词等;不可包含任何欺诈、攻击、⾊情、侵权、虚假、封建迷信信息。

  • 如涉及具体地名,人名,时间等,用符号“***”代替。

如北京市 写成**市。

  • 表单说明文案需根据信息层级,做到字体、大小、颜色的差别,以达到排版错落有致;不能大量文案堆砌。

排版错落有致

大量文案堆砌

  • 表单说明可妙用文本组件的背景功能,让文本有外框

4)表单题目

结构

除投票统计、投票倒计时等功能性组件,表单题目结构:标题、标题配图、选项、提示

其中标题、选项为必备元素。

结构

设置

  • 鼓励使用题目边框样式

  • 路径:皮肤—题目样式

规则

  •  表单题目不能出现明显的中英文错误,如:英文拼写错误、中文错别字、自创词等;不可包含任何欺诈、攻击、⾊情、侵权、虚假、封建迷信信息。

  • 如涉及具体地名,人名,时间等,用符号“***”代替。

如北京市 写成**市。

  • 题目各结构颜色设置需与表单整体设计和谐统一。

  • 题目须看得清楚,不能与背景相撞融为一体导致题目不易辨识。

  • 其他明显错误:序号重复、题目和表单内容不匹配、题目重复等。

5)表单按钮

  • 按钮颜色须与整体和谐统一

  • 按钮文字须与表单内容相匹配

  • 按钮可使用动画效果,达到引入注意的效果

6)表单背景

  • 表单背景须无侵权风险。

  • 不能无背景设置,默认白背景。

  • 表单背景需与整体和谐统一,不可出现明显割裂。

和谐统一

明显割裂

  • 表单背景推荐使用与答题页尺寸相同的图片,以更好与整体和谐统一

答题页整体尺寸

与答题页整体尺寸相吻合的背景图

  • 推荐使用GIF图

  • 表单背景设置在皮肤里

7)题目分割线/分割文案

  • 一般适用于题目数量较多的情况

  • 不做强制要求,但如适用,须注意

①文案内容正确

②不得破坏整体视觉设计

8)答题结束结尾信息

  • 答题结束结尾信息可自由发挥,一般为产品图片、产品视频、公司介绍、拨打电话等与表单主题相符,可对表单进行补充或引导转化的内容,或者感谢答题者的内容。

  • 不做强制要求必须使用

  • 如使用,须不得破坏整体视觉

9)自定义内容

自定义内容一般为产品图片、产品视频、公司介绍、拨打电话等与表单主题相符,可对表单进行补充或引导转化的内容,或者其他,可自由发挥。

  • 不可包含任何欺诈、攻击、⾊情、侵权、虚假、封建迷信信息

  • 不可破坏整体设计视觉

粥粥 2022年9月28日 17:53 收藏文档