9 min 阅读intermediate最后更新: 2026年9月28日

维斯珀模板 — 完整指南

维斯珀 是 Fotify 模板库中的第四款超高端模板。工坊走的是正式的凸版印刷风格,电影风格是电影海报般的戏剧张力,金盏花则是 1970 年代的波西米亚气质;而维斯珀是 柔和的当代浪漫 —— 腮红色纸张、斜体的 Cormorant 标题、拱形照片框、菱形装饰,以及拍立得剪贴簿拼贴。

本指南将介绍维斯珀的视觉呈现、其专属的自定义选项、如何将它应用到你的活动,以及它为邀请函各个区块提供的定制化版式处理。

如需了解标准模板库与选择器界面的概览,请参阅 如何自定义你的 RSVP 邀请函。

维斯珀有何不同

标准模板通过 CSS 变量控制颜色、字体与效果——它们共享同一套底层布局。维斯珀则不同:它会用手工打磨的柔和浪漫版式替换整段区块布局,自带排版体系(Cormorant Garamond + Inter),并提供模板专属的自定义选项。

标志性设计元素

  • 拱形照片封面 — 三种通过 SVG 裁切的拱形轮廓(哥特 / 圆拱 / 花园拱)。封面照片显示在拱形内部,上方为斜体 Cormorant Garamond 的新人姓名,左右两侧配有 "When / Where" 的并列行。
  • 菱形装饰 — 小型实心菱形(♦)装饰出现在区块之间、章节标题周围,以及典礼与宴会时间之间的行内位置。是贯穿整页的标志性编辑细节。
  • 引言横幅 — 可选的陶土色横幅位于封面与故事之间,包含一段大号斜体 Cormorant 引言("Once in a while, love gives us a fairy tale")。Markdown 风格的星号可将特定词语设为斜体。
  • 典礼 / 宴会双联 — 两个大号斜体时间展示("4 pm" / "6 pm"),以菱形分隔,自动取自行程的前两条条目。
  • 拍立得剪贴簿拼贴 — 照片以重叠、略微旋转的拍立得相框呈现,带白色边框与柔和阴影。提供三种布局变体:polaroid / grid / single。
  • 柔和粉彩配色 — 四套预调色板,将柔和纸张色与深色浪漫强调色配对:玫瑰+陶土、鼠尾草绿+沙色、天空蓝+靛蓝、薰衣草紫+梅子紫。
  • 斜体 Cormorant Garamond 展示字体 — 标志性的“声音”:每个标题、眉题与引言均使用优雅的书法风斜体;正文则由 Inter 承担,保证现代清晰的可读性。
  • 胶囊按钮 — 强调色的圆角胶囊 CTA,悬停时反色。用于日历、礼品清单、RSVP 与结尾卡片。
  • 影院级视差 — 封面拱形图片与故事跨页照片使用 background-attachment: fixed,使其在滚动时保持相对视口固定。
  • 结尾横幅 — 陶土色页脚,含菱形夹持的分隔线、"Hoping to celebrate with you!" 斜体标题,以及“纸张色覆盖强调色”的 RSVP 胶囊按钮。

何时选择维斯珀

维斯珀适用于“柔和浪漫”为主导氛围的活动:

  • 教堂婚礼、花园婚礼、葡萄园婚礼 — 哥特拱适合历史场地;圆拱适合现代建筑;花园拱适合户外仪式
  • 小型婚礼(≤120 位宾客) — 漂浮的拍立得剪贴簿在较小规模下更显温暖与私人感
  • 誓言续约 — 柔和浪漫的气质很适合相伴已久的伴侣
  • 订婚派对与新娘派对 — 柔和粉彩与斜体标题在这些相近庆祝场合中同样出彩
  • 婚礼纪念日里程碑活动 — 10、25、50 周年等庆祝,你可能会想要比工坊的正式感更柔和的氛围
  • 当代情侣 — 拍立得拼贴 + 音乐播放列表的搭配,契合千禧一代与 Z 世代审美
  • 同性婚礼、二婚、重组家庭 — 包容性的柔和浪漫氛围不过分偏向传统/正式

它不太适合休闲派对(请使用标准模板)、黑领结晚宴(使用工坊)、现代/前卫婚礼(使用电影风格),或 70 年代波西米亚审美(使用金盏花)。

将维斯珀应用到你的活动

  1. 打开你的活动,点击侧边栏中的 邀请函,再进入 邀请函 标签
  2. 在 设计模板 中,如果模板画廊处于收起状态,请点击 更改模板,然后在 设计 分组中找到 维斯珀
  3. 可选:点击 试用,在实时预览中查看维斯珀搭配你自己邀请函内容的效果——在你点击 使用此设计 之前,不会保存任何更改
  4. 或者直接点击 维斯珀 卡片立即应用
  5. 选择器将显示自定义面板 — 设置选项(见下文);更改会自动保存

切回标准模板不会破坏现有内容。维斯珀专属的自定义选项会单独存储,因此在切换离开后再切回来,你的设置仍会保留。

注意: 维斯珀目前与工坊、电影风格和金盏花一起处于 beta 阶段。

适用范围(谁可以使用维斯珀)

维斯珀适用于所有方案(包括免费方案)以及所有订阅活动。没有任何锁定,也无需升级:你可以在任何活动上应用并发布它。

在免费活动中,维斯珀会在邀请函右下角显示一个小小的 “由 Fotify 制作” 标识。任何付费方案或有效订阅都会将其移除。

自定义选项

维斯珀的选项面板包含以下模板专属选项。它们取代了 Fotify 标准的颜色与字体控制——维斯珀不使用这些控制。

1. 封面眉题(eyebrow)

位于新人姓名下方的一行小号斜体文字。示例:“Invite You To Celebrate Their Wedding”(默认)、“Together with their families”、“Are getting married”、“Are tying the knot”。

2. 引言(Pull quote)

显示在封面与故事(Story)部分之间、带陶土色横带的大号引用文字。使用 星号 将特定词语设为斜体(“Once in a while, love gives us a fairy tale”)。留空则会完全跳过该引言横带。

3. 配色方案

柔和纸感底色 + 深色强调色。共四套配色:

  • Rose & Terracotta(默认)— 经典腮红系婚礼
  • Sage & Sand — 花园 / 乡村 / 香草花园
  • Sky & Indigo — 现代极简 / 海岸风
  • Lavender & Plum — 黄昏 / 秋季 / 茄紫色调

4. 拱形样式

封面上的拱形照片边框。三种变体:

  • Gothic(默认)— 尖顶教堂拱;适合教堂婚礼、历史场地、经典石砌教堂
  • Round — 古典罗马半圆拱;适合现代建筑、门洞、当代场地
  • Garden — 柔和圆角拱;适合户外仪式、花园婚礼、花拱门

5. 照片拼贴样式

画廊照片的排列方式:

  • Polaroid(默认)— 带白边的旋转叠放照片,剪贴簿氛围
  • Grid — 统一的 2 或 3 列网格,编辑风 / 干净利落
  • Single — 单张大幅主图,极简

6. 显示菱形装饰

用于切换章节之间、章节标题周围,以及仪式/宴会时间行内的菱形(♦)装饰。默认开启。若想更干净的极简风格,可关闭。

7. 飘落闪光

默认关闭。启用后,配色强调色中的细小四角闪光会以轻柔的摇曳与微闪效果缓缓下落。该效果仅用于装饰——不会遮挡触控或点击——并会针对设备请求“减少动态效果”的宾客自动禁用。

8. 花卉分隔符

默认关闭。启用后,每一对区块之间会以一枝精致的花卉枝条(小花与带叶茎)作为分隔,并使用配色强调色绘制,以匹配你所选择的色彩风格。若同时关闭菱形装饰,可营造更柔和的花园感。

9. 场地区块标题

显示在场地卡片上方的章节标题。默认值为“我们聚会的地方”;如果默认文案在你的语境或时态下不太合适,可以输入自定义文案(例如“我们将要聚会的地方”、“婚礼仪式”)。留空则保留默认值。

10. 日程眉题

显示在“日程安排”标题上方的小号斜体文字。留空时,维斯珀会根据你的日程自动选择文案:当所有安排都在同一天时显示“大喜之日”,跨越多天时显示“周末”。你也可以输入自定义文案(例如“周日”、“托斯卡纳三日”)来覆盖它。

11. 画廊区块标题

显示在照片拼贴上方的章节标题。默认值为”这是我们”;如需替换,可输入自定义文案(例如”这是我们的现在”、”我们的时刻”)。留空则保留默认值。

12. RSVP眉题

RSVP 标题上方的一行小号斜体文字。默认值为”请回复”;如需替换,可输入自定义文案(例如”请于5月1日前回复”)。留空则保留默认值。

13. RSVP区块标题

回复卡片上方的标题。默认值为”您会加入我们吗?”;如需替换,可输入自定义文案(例如”期待与您共赴此约”、”已为您留好座位”)。留空则保留默认值。

14. 礼物眉题

礼物标题上方的一行小号斜体文字。默认值为“您的到来对我们意义重大”——但只要你在礼物区块中写下自己的留言,维斯珀就会隐去这行模板文案,让你的话单独呈现。如果想改为展示你自己的一行文字,可输入自定义文案(例如“心怀感激”、“不必带礼物,人到就好”)。

15. 礼物清单卡片标题

列出你的礼物清单的那张卡片上的标题。默认值为“礼物清单”,而且该默认标题只有在你提供了不止一种礼物方式时才会出现——只有一种时无需区分,因此不显示标题。如需替换,可输入自定义文案(例如“婚礼礼单”、“我们的礼物登记处”);你填写的文案始终会显示,即使只有一组礼物也一样。

维斯珀在请柬上显示的每一处文字——封面眉题、“时间”与“地点”、结尾标题、回复卡以及每个区块的眉题——也都可以直接在页面上改写:将实时预览切换到编辑模式,然后双击文字即可。上面列出的文字类选项同样可以这样直接编辑;配色等并非纯文字的值,仍在这些选项中设置。

各区块的呈现方式

封面

维斯珀封面会整体替换标准页头:

  • 新人姓名 — 斜体 Cormorant Garamond,大号,居中
  • 眉题 — 位于姓名下方的斜体 Cormorant 副标题
  • 拱形照片 — 居中,带视差(照片相对视口保持固定)
  • When / Where — 斜体标签位于拱形两侧,展示日期 / 地点
  • 菱形装饰 — 拱形下方的小型实心菱形
  • 典礼 / 宴会双联 — 两个斜体时间展示以菱形分隔,取自行程前两条条目

如果未设置活动照片,拱形区域会显示柔和的渐变背景。

引言横幅(可选)

当设置了 pullQuote 选项时,会在封面与区块列表之间渲染一条全宽陶土色横幅。强调色纸张上展示大号斜体 Cormorant Garamond,上下各有菱形分隔线。星号 (*) 包裹的文本将以斜体强调显示。

故事(This Is Us)

菱形装饰 + 斜体 "This Is Us" 标题 + 第一条里程碑描述作为引言,随后展示 照片拼贴(根据你的选项为 polaroid / grid / single)。之后每条里程碑以交替的跨页形式呈现:照片 + 斜体日期 + 斜体 Cormorant 标题 + 正文。

倒计时

菱形 + 斜体章节标题 + 柔和纸张色的分块卡片,块与块之间以菱形装饰分隔。数值使用斜体 Cormorant Garamond,标签使用 Inter 小型大写。

RSVP

页面居中的柔和纸张色卡片。截止日期以斜体显示在标准 RSVP 表单上方(其余通过 polish 重新样式化——细线下划线输入框、胶囊提交按钮)。两行标题文字均可通过 RSVP眉题 与 RSVP区块标题 选项替换。

相册(Carousel)

按你选择的样式使用照片拼贴基础组件。Polaroid 为重叠剪贴簿风;grid 更具编辑感;single 更极简。章节标题可以通过 画廊区块标题 选项替换。

地点

场地拱形照片(与封面拱形样式一致)旁边,是一张柔和纸张色卡片,包含场地地址、嵌入地图与路线信息。地图为细线边框并带圆角。章节标题可以通过 场地区块标题 选项替换。

保存日期(Calendar)

三枚强调色描边的胶囊按钮(Google / Apple / Outlook)。悬停时从描边反转为实心。

行程

斜体 Cormorant 的日期标题(居中)与完整日程列表。每个条目左侧为 Cormorant 展示字体时间,右侧为活动详情。“日程安排”上方的眉题会根据你的日期自动决定——单日日程显示“大喜之日”,多日日程显示“周末”——除非你设置了 日程眉题 选项。

礼物

强调色反转横幅,内含三张柔和纸张色卡片(Registries / Monetary / Charity)。每张卡片都有斜体标题、正文说明,以及用于外链/复制操作的强调色胶囊按钮。标题部分以你的文字为准:你写下的个性化留言会取代模板眉题,其余文案则可通过 礼物眉题 与 礼物清单卡片标题 选项替换。

活动详情

制作笔记式堆叠:着装要求以居中的斜体 Cormorant 引言呈现,夹在细线分隔之间;住宿以柔和纸张卡片呈现;交通为紧凑行;FAQ 为斜体 Q & A,答案左侧细线缩进。

留言

主办方邀请文案以 "A Word from the Hosts" 眉题呈现,第一段较长段落首字使用斜体 Cormorant Garamond 首字下沉(drop-cap)。正文使用 Inter。

结尾横幅

陶土色页脚,含菱形夹持的分隔线、"Hoping to celebrate with you!" 斜体标题,以及一个“纸张色覆盖强调色”的 RSVP 胶囊按钮。

继承呈现的区块(不会获得专属布局)

部分区块仍通过默认组件套件渲染,并继承维斯珀的 polish 层:

  • Photo Upload — 胶囊风格上传按钮、细线下划线输入框
  • QR Code — 强调色描边的二维码底板
  • Table Assignment — 胶囊风格搜索/CTA 按钮
  • Custom sections — 斜体 Cormorant 标题、Inter 正文、柔和卡片

polish 层让它们无需重写整套布局也能保持模板一致性。

Beta 状态

维斯珀目前与工坊、电影风格和金盏花一起以 beta 形式发布。这意味着:

  • 可稳定用于正式场景 — 已在全部 10 个专属区块与继承区块中完成测试
  • 可能持续演进 — 我们可能会根据使用数据优化拱形轮廓、增加更多配色,并打磨拍立得旋转的节奏感
  • 更多高级模板即将推出 — Riviera(海岸艺术装饰风)仍在规划路线图中

如果你发现有需要打磨之处,请通过仪表盘内的帮助组件提交反馈。

常见问题

Q: 我可以把维斯珀用于非婚礼活动吗? A: 可以——维斯珀的柔和浪漫氛围同样适合周年派对、誓言续约、订婚派对、新娘派对,以及重要的家庭聚会。将封面眉题设置为更贴切的文案即可(如:"Celebrating 25 Years"、"Bridal Shower" 等)。

Q: 维斯珀和金盏花有什么区别? A: 两者都偏温暖且具编辑感,但维斯珀是 柔和且当代(腮红色 + 斜体 Cormorant + 拱形照片 + 拍立得),而金盏花是 温暖且波西米亚(奶油色 + 紧缩 slab serif + 手绘插画 + 1970 年代杂志感)。维斯珀像 Pinterest 2025;金盏花像 Vogue 1975。

Q: 拍立得的旋转效果在手机上也能正常显示吗? A: 可以。在小于 760px 的屏幕上,拍立得会收拢为居中的换行布局,并保持一致的小幅旋转。每张照片仍保留剪贴簿质感,同时避免桌面端那种重叠构图带来的拥挤。

Q: 我可以上传自定义的拱形形状吗? A: 在 beta 阶段不支持。这三种拱形(gothic / round / garden)是手工调校的 SVG clip-path。我们可能会在未来版本加入自定义拱形上传。

Q: 引言中显示的是星号而不是斜体? A: Markdown 风格的斜体使用单个星号:*love gives us* 会渲染为 love gives us。请确保每一对星号包裹住你要强调的词语。

Q: 维斯珀能配合音频播放器 / 音乐背景使用吗? A: 可以。Fotify 的标准 BackgroundMusicPlayer 会在包括维斯珀在内的所有高级模板中保留。只需在活动配置中添加一个 YouTube URL 即可启用。

Q: 我可以关闭菱形装饰吗? A: 可以——在自定义面板中将 "Show diamond ornaments" 关闭。区块之间、章节标题中以及倒计时分块之间的菱形都会消失,整体视觉会更干净、仍保留柔和浪漫的氛围。

下一步

需要帮助?请通过仪表盘内的帮助组件与我们联系。

这篇文章对您有帮助吗?

相关文章