自定义
一种字体、五种颜色、十套预设。足以让表单一眼就是您的,也小到您不会一不小心把它弄丑。
打开自定义
在编辑器中打开表单,点击顶栏的“自定义”。宽屏上面板停靠在表单右侧;手机上它会从底部升起为一张卡片。表单顶部的封面与 Logo 工具栏里还有第二个入口。
每一次改动都会立刻落在您眼前的表单上。编辑画布本身也会套上主题,所以您不是在预览效果。您是在效果里编辑。
主题保存在表单上,和您其他的编辑一起存下。没有单独的保存步骤。
字体
十款字体,每个表单一款:几何、中性、编辑风和衬线,这样一份求职申请和一张派对邀请不必听起来一样。
- Inter默认
- Poppins
- Outfit
- Sora
- Space Grotesk
- DM Sans
- Lora
- Playfair Display
- Bricolage Grotesque
- Fraunces
面板里每个名字都用它自己的字体绘制,所以您是看着选,而不是靠记。字体只有在某个表单真的用到时才会去取。
五种颜色
五个值定义一个表单。下面的色块就是未经改动的表单的初始配色。
| 颜色 | 它给什么上色 |
|---|---|
| 背景 | 表单背后的页面,公开链接和嵌入中都一样。 |
| 文字 | 问题、说明文字以及正在输入的回答。次级文字是这个颜色与背景更柔和的混合。 |
| 按钮 | 提交和下一步按钮的填充色。悬停和按下时的深浅由它推算而来,因此黑色按钮和白色按钮都会对触碰作出回应。 |
| 按钮文字 | 这些按钮上的文字。 |
| 强调色 | 选中的选项、聚焦圈、链接、进度以及表单绘制的每一处高亮。 |
挑选颜色
点击色块打开选择器:在色谱里拖动,或在下面的字段中输入六位十六进制色值。任何十六进制值都可以。没有必须从中挑选的固定调色板。
Fillio 替您推算的部分
只有那五个值由您设定,其余全部由它们推导而来。输入框表面、边框、占位符和弱化文字、悬停遮罩,以及选中选项背后的填充,都是从您的背景色、文字色和强调色混合出来的,因此无论您怎么选,它们都留在同一个色系里。落在强调色上的文字由实测对比度决定,所以标签在淡薄荷绿的强调色上和在深藏青上都同样清晰。
选择深色背景时,表单会把原生控件(数字步进器、日期和时间选择器、滚动条)切换成深色版本,并提亮输入框表面,让字段不会消失在页面里。
预设
十套完整的外观。每一套一次设定字体和全部五种颜色(五浅五深),它们是起点,不是结论。
| 预设 | 字体 |
|---|---|
| Mono | Inter |
| Midnight | Space Grotesk |
| Warm | DM Sans |
| Mint | Outfit |
| Ink | Lora |
| Forest | Sora |
| Mocha | Fraunces |
| Sakura | DM Sans |
| Iris | Bricolage Grotesque |
| Citrus | Poppins |
与您当前配色一致的预设会在面板中被标记出来。之后只要改动任何一个值,标记就会消失。从那一刻起,主题是您的,不再是预设的。
主题会出现在哪里
主题跟着表单走。公开链接、编辑器画布和预览都以它渲染,多页表单的每一页也都适用。
嵌入同样包含在内。嵌入的表单带着同样的字体和颜色,嵌入页面也会用主题给自己的背景上色,这样外框与表单一致,而不会先闪一下白色。
封面和 Logo 的配色也会从主题给出建议。已经放好的封面在您切换主题时绝不会被重新上色。它当初被赋予的颜色会保留。
深色表单是让人觉得当天没打开过第二个这样东西的最快办法;Midnight 和 Forest 就是为此而生。强调色最后再定。它是填写者真正会一路跟着走的那一种颜色。