表单样式美化

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

使用模板

我们在 模板中心 提供各个行业常见场景表单,也都配上了漂亮的头图、背景,如果创建表单时没有头绪,可以前往 模板中心 搜索关键词选用心仪模板。

自定义页眉

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

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

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

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


更换全局背景

点击左侧「主题」,然后点击右侧「页面背景」,去上传图片。图片尺寸建议为:960px * 1900px,不超过 5MB。

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


一键更换表单主题

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


移动端表单封面

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

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


自定义提交按钮

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


其他功能图片推荐尺寸

  • 表单描述/字段提示插入图片:5MB;

  • 图片单选/图片多选/配图商品:280px * 280px,不超过 5MB;

  • 轮播图字段:1470px * 600px,不超过 5MB;

  • 表单背景图:960px * 1900px,不超过 5MB;

  • 对外查询公告图片:920px * 300px,不超过 5MB;

  • 表单描述页面、描述字段上传图片不能超过 5MB;

  • 现场抽奖图片:285px * 315px,不超过 1MB;

  • 表单二维码中的企业 Logo 图:不超过 74px * 74px;

  • 自定义设置微信分享图标:建议大于 300px * 300px;

  • 表单页眉图:1,600 * 460px,高度最大不超过 20,000px;

  • 客户管理系统工作台公告的封面图片:745px * 86px。

发布日期:2023年02月17日
有帮助?