表单样式美化

人是视觉动物,颜值即是正义。这篇文章将教你几招,迅速提升表单的颜值,增加辨识度,塑造品牌个性。


使用模板

每当你创建表单时,其实都能看到很多模板,它们几乎涵盖了各个行业常见场景,也都配上了漂亮的头图、背景,你可以直接选用。


自定义页眉

填表人进入表单后,第一眼看到的就是顶部的图片,也就是页眉。你可以设置公司 Logo 的图片、活动相关图等,突出本次活动主题。 设置位置:点击页眉图,然后点击右侧「页眉设置」。我们可以看到页眉可以设置 3 种类型:文字、单张图、轮播图,图片的格式不限,支持 jpg、png、gif 等。

  • 文字:文字颜色、字号等格式可以自定义。

  • 单张图:支持从本地上传、从创客贴添加,鼠标浮动到图片上,可以替换、移除。图片大小建议:宽度不超过 1600px,高度不限,大小不超过 5MB。

  • 轮播图:可以上传 5 张图片轮播展示,图片大小建议:1470px * 600px,不超过 5MB。


更换全局背景

页眉我们设置了,发现背景图跟页眉不搭配怎么办?我们就点击左侧「主题」,然后点击右侧「页面背景」,去上传图片。图片尺寸建议为:1900px * 960px,不超过 5MB。

上传背景图片后,想要填写的板块是透明,可以看到背景图怎么设置呢?在「主题」页面,点击右侧「表单全局」,调整第二个滑块可以改变表单填写板块的透明度。


一键更换表单主题

我们自定义的页眉、背景,可能不是同一个系列的,页面看起来不统一。金数据提供金数据的设计师们提供的整套样式主题,可以一键将表单的头图、字体、颜色、宽度等各方面更换为相适应的主题,目前已经有超过 160 + 个,可以在「主题」左侧点击使用。


移动端表单封面

不想打开表单就是填表页面?想要设置一个开始填表的按钮仪式?建议开启表单封面,在移动端打开表单后可以看到封面图,点击按钮或滑动后进入表单,暂不支持 PC 端。设置步骤如下。

系统提供部分封面图,当然你也可以从本地上传图片,建议尺寸为 800px * 1422 px,大小不超过 5MB。以及设置表单封面的文案、按钮样式。


自定义提交按钮

提交按钮当然也要搭配表单主题色,点击「提交」按钮,右侧可以自定义文案,以及颜色。


其他功能图片推荐尺寸:

  • 表单描述/字段提示插入图片:5MB;
  • 图片单选/图片多选/配图商品建议尺寸:280px * 280px,不超过 5MB;
  • 轮播图字段:1470px * 600px,不超过 5MB;
  • 表单背景图建议尺寸:1900px * 960px,不超过 5MB;
  • 对外查询公告图片建议尺寸:920px * 300px,不超过 5MB;
  • 表单描述页面、描述字段上传图片不能超过 5MB;
  • 现场抽奖图片建议尺寸:285px * 315px,不超过 1MB;
  • 表单二维码中的企业 Logo 图:不超过 74px * 74px;
  • 自定义设置微信分享图标:建议大于 300px * 300px。
联系客服