便当模板 — 完整指南
便当 会把你的邀请函变成由圆角卡片组成的模块化网格,就像精致的产品网站展示功能那样。亚麻布读起来像时尚杂志,工坊像凸版印刷文具;而便当利落、明亮、现代:温暖的瓷白画布上铺着白色卡片,搭配字距紧凑的超大标题、小巧的等宽字体标签,以及一抹大胆的强调色。
本指南将介绍便当的视觉呈现、它独有的选项、如何应用它,以及它为邀请函各个版块提供的呈现方式。
如需了解模板库与模板选择器的概览,请参阅如何自定义你的 RSVP 邀请函。
便当有哪些不同之处
标准模板通过颜色和字体为同一套共享布局换装。便当则直接替换布局本身:封面、倒计时、相册、故事、日程、礼物、详情、日历按钮和 RSVP 表单,全部重新构建为网格中的卡片。
标志性设计元素
- 由卡片组成的封面 — 封面不是横幅大图,而是一组卡片:写着活动名称的大标题卡、照片卡、带超大日期数字的日期卡、时间卡、带定位图钉的地点卡,以及一张醒目的 RSVP 卡,点击即可直达回复表单
- 悬浮胶囊导航 — 固定在屏幕顶部的玻璃质感胶囊栏,显示你的姓名首字母、每个可见版块的链接和一个 RSVP 按钮。宾客滚动页面时,正在阅读的版块链接会高亮显示。在手机上,宾客一开始滚动,它就会滑入
- 超大展示字体 — 姓名、标题和数字使用紧凑字距的特粗 Inter Tight;正文使用 Inter;每张卡片上的小号大写标签使用 JetBrains Mono
- 一种强调色 — 橘橙、钴蓝、青柠绿或紫罗兰,只用在关键之处:RSVP 卡片、导航按钮、时间标签和焦点环
- 四种画布,其中一种为深色 — 瓷白、石墨(深色模式)、鼠尾草绿和腮红粉
- 三种圆角风格 — 柔和、超圆润或利落方正的卡片与按钮
- 会回应的卡片 — 在桌面端,鼠标悬停时卡片会微微浮起。在设备上开启了“减少动态效果”的宾客会看到静态页面
何时选择便当
便当适合希望邀请函显得时新、条理清晰、一目了然的主办方:
- 现代婚礼 — 尤其是城市婚礼,以及比起花卉和手写体更喜欢简洁平面设计的新人
- 企业活动、发布会和会议 — 产品网站般的外观很适合公司活动、团建、产品发布和线下聚会;请参阅企业活动
- 生日和里程碑派对 — 晚间派对可以在石墨画布上搭配青柠绿或橘橙,想要柔和一些则选腮红粉;请参阅生日
- 多日活动 — 日程卡片、详情网格和版块导航让漫长的周末安排一目了然
- 实用信息很多的活动 — 着装要求、酒店、交通、常见问题和礼物各占一张卡片,而不是一长串文字
如果你想要带黑白摄影的安静编辑风格,请选择亚麻布;想要正式的凸版印刷文具感,请选择工坊;想要柔和浪漫的粉彩,请选择维斯珀。
将便当应用于你的活动
- 打开你的活动,点击侧边栏中的 邀请函,再进入 邀请函 标签
- 在 设计模板 中,如果模板画廊处于收起状态,请点击 更改模板,然后在 设计 分组中找到 便当
- 可选:点击 试用,在实时预览中查看便当搭配你自己邀请函内容的效果——在你点击 使用此设计 之前,不会保存任何更改
- 或者直接点击 便当 卡片立即应用
- 打开画廊下方的 便当 选项,设置画布、强调色、圆角以及下文介绍的其他选项。更改会自动保存
便当适用于所有方案(包括免费方案)以及订阅活动。之后切换到其他模板也不会造成任何破坏:你的活动内容会保持与你输入时完全一致,便当的选项也会保留,方便你日后切换回来。
自定义选项
除了 Fotify 的标准控件外,便当还有六个专属选项。
1. 画布
每块卡片背后的中性色:
- 瓷白(默认)— 温暖的米白色画布,搭配洁白的卡片和近黑色文字
- 石墨 — 深色模式:近黑色画布、炭灰色卡片和浅色文字。结尾卡片和日期卡片会翻转为浅色,表单控件也会切换为深色版本
- 鼠尾草绿 — 柔和的灰绿色画布
- 腮红粉 — 柔和的粉色画布
2. 强调色
页面上唯一的亮色——用于 RSVP 卡片、导航中的 RSVP 按钮、提交按钮、时间标签和焦点环:
- 橘橙(默认)— 温暖的橙红色
- 钴蓝 — 明亮的电光蓝
- 青柠绿 — 鲜艳的黄绿色;在石墨画布上格外抢眼
- 紫罗兰 — 饱和的紫色
每种强调色都搭配了专属的文字颜色,确保按钮文字在任何画布上都清晰可读。
3. 圆角
卡片、照片和按钮的圆润程度:
- 柔和(默认)— 圆角卡片搭配完整的胶囊按钮
- 圆润 — 超柔和、圆鼓鼓的卡片
- 利落 — 近乎方形的卡片,胶囊按钮也会变成方角按钮
4. 封面标签
封面上活动名称上方、带一个彩色圆点的小标签。默认为“诚邀您光临”。可以试试“保存日期”“欢迎加入”“发布之夜”,或者写下你自己的话。
5. 结尾标题
页面底部深色结尾卡片上的大字标题。默认为“不见不散。”。可以试试“六月见”“一起庆祝吧”或“满心期待”。
6. 悬浮导航
开启(默认)或关闭屏幕顶部的胶囊导航。关闭后,封面会略微上移,宾客照常滚动页面即可。
便当在邀请函上显示的每一处文字——卡片标签、版块标题、RSVP 卡片和按钮文字——也都可以直接在页面上改写:将实时预览切换到编辑模式,然后双击文字即可。封面标签和结尾标题同样可以这样直接修改。
各版块的呈现方式
封面
一组卡片取代了标准页头:
- 标题卡 — 封面标签位于活动名称上方,名称以超大字号呈现。较长的名称会自动缩小一级字号,绝不会在单词中间断开
- 照片卡 — 你的封面照片,裁剪后铺满整张卡片。没有照片时,桌面端会在点阵底板上显示你的姓名首字母;手机上则直接省略这张卡片
- 日期卡 — 超大的日期数字,旁边标注月份、星期和年份
- 时间卡 — 开始时间,采用你设置的 12 或 24 小时制。可通过封面设置中的 在封面显示时间 选项将其隐藏
- 地点卡 — 带定位图钉的活动地点
- RSVP 卡 — 一张强调色卡片,点击即可直接滚动到回复表单
在桌面端,标题卡和照片卡并排位于一排信息卡上方;在手机上,所有卡片会整齐地排成两列网格。
留言
一张宽卡片:一侧是小标签和你的姓名首字母,另一侧以大字号呈现你的留言,就像产品页面上的主标语。强调的词语会使用强调色。较长的留言会缩小到舒适的阅读字号。
倒计时
一张标题卡,后面每个单位——天、小时、分钟、秒——各占一张卡片,并配以超大数字。你在倒计时设置中关闭的单位会消失,其余卡片会随之加宽。到了活动当天,你设置的完成提示会以强调色卡片取代数字。
相册(轮播)
你的照片会排成便当格马赛克:一张大幅主图,旁边两张小图,然后是一张竖图和一张横图,依次循环。最后几张照片总会自动拉伸以填满网格,因此无论照片有多少张,结尾都整整齐齐。
故事
一排外观一致的卡片——上方是照片,下面依次是日期、标题和文字——宾客在手机上可以滑动浏览,在桌面端则可以用箭头按钮切换。没有照片的里程碑会在着色底板上显示其序号,让每张卡片保持相同的形状。
地点
地图卡旁边是地址卡,上面有完整地址、路线说明和一个 在地图中打开 按钮。无法显示地图时,地图卡会改为绘制一个标有场地坐标的图钉;如果没有坐标,地址卡会占满整行。
日程
每天一行:左侧是一张深色日期卡,显示超大的日期数字和完整日期,旁边是当天的各项活动卡片。每张卡片以时间标签开头,随后是活动名称、地点和备注。
礼物
每个礼物清单、付款方式、慈善机构和心愿单物品都是网格中独立的一张卡片;如果你提供了不止一种,它们会按小标签分组。付款信息位于一个带复制按钮的内嵌字段中;较长的账号和钱包地址会在卡片内自动换行。付款链接和扫码支付二维码以按钮形式显示在下方。
活动详情
每个主题一张卡片:着装要求 会把建议和应避免的颜色显示为色块;住宿地点 把每家酒店列为一张卡片(距离、价格区间、优惠码、预订链接);如何到达 为每种交通方式各配一张卡片;还有一张通栏的 常见问题 卡片,每个问题点击即可展开或收起。
保存日期(日历)
一张卡片,一侧是标题和日期,另一侧是三个按钮——Google、Apple 和 Outlook。
RSVP
一张大号白色卡片,一侧是标题和你的回复截止日期,另一侧是 RSVP 表单。“是/否”选择会变成两张可点选的卡片,输入框变为圆角内嵌样式,提交按钮则使用强调色。在桌面端,宾客滚动浏览较长的表单时,标题会始终保持在视野中。
结尾
一张深色结尾卡片,显示你的姓名首字母、结尾标题以及日期和地点,旁边还有第二张强调色 RSVP 卡片。
使用共享布局的版块
有几个版块保留了 Fotify 的共享布局,并换上了便当的风格——每个版块都会成为同一栏中的一张卡片,并使用便当的标题和按钮:
- 照片上传 — 强调色上传按钮、圆角照片
- 二维码 — 圆角底板和胶囊形保存按钮
- 你的桌号 — 桌名以强调色标签显示
- 子活动和专属礼遇 — 胶囊形的接受、拒绝和解锁按钮
- 点歌请求
- 自定义版块 — 便当风格标题;版块照片为圆角,并限制最大高度,避免过高的竖图占满整个页面
常见问题
Q: 便当模板只适合科技或企业活动吗? A: 不是。它的外观虽然源自产品网站,但适用于任何喜欢简洁现代设计的活动——婚礼也不例外。想要更温和的感觉,可以选择腮红粉或鼠尾草绿搭配柔和圆角;想要大胆的派对风格,可以选择石墨搭配青柠绿。
Q: 深色的石墨画布会跟随宾客设备的深色模式设置吗? A: 不会。画布由你来选择,每位宾客看到的都是同一个设计。石墨只是你可以选用的深色选项。
Q: 为什么导航中缺少了一些版块? A: 导航只会按照你的版块顺序,列出已开启且有内容的版块。RSVP 在胶囊栏末尾有自己的按钮,而不是一个链接。
Q: 我的活动名称很长,封面放得下吗? A: 放得下。便当会根据名称的长度及其中最长的单词来决定标题字号,因此较长的名称会缩小一级字号,并在单词之间换行。
Q: 我可以把强调色改成自己的品牌色吗? A: 便当提供四种经过测试的强调色(橘橙、钴蓝、青柠绿和紫罗兰),每种都搭配了相应的文字颜色,确保按钮在任何画布上都清晰可读。
Q: 便当模板支持所有标准功能吗? A: 支持——封面、留言、倒计时、相册、故事、地点、日程、礼物(包括心愿单预订与出资)、活动详情、日历按钮和 RSVP 都有便当专属布局,其余版块则以便当风格使用共享布局。信封开启动画和背景音乐也照常工作。
下一步
- 参阅如何自定义你的 RSVP 邀请函,了解模板画廊,以及如何在应用前先试用某个设计
- 与亚麻布(编辑风极简)或工坊(凸版印刷的正式感)进行对比
- 进一步了解 Fotify 上的带 RSVP 的电子邀请函
需要帮助?请通过仪表板内的帮助小组件联系我们。
这篇文章对您有帮助吗?