组件指南
组件指南
组件是用于在 FaceFlow 中组装页面的主要构建模块。
如果页面需要结构化的网站部分，例如英雄区块、定价区域、常见问题、图库、CTA 区块、服务网格或联系区块，通常组件是合适的工具。
何时使用组件
当您需要以下情况时，请使用组件：
- 一个具有自身结构的可见页面区块
- 可能出现在多个页面上的可重复区块
- 应保持在一致设计模式内的内容
- 包含多个可编辑字段（例如标题、文本、图片、链接或操作）的区块
合适的示例包括：
- 英雄区块
- 功能网格
- 服务卡片
- 定价区块
- 常见问题（FAQ）
- 推荐语/评价区块
- 联系区块
- 表单驱动的转化区块
何时不使用组件
在以下情况下不要使用组件：
- 内容只是非常小的共享片段
- 内容属于某个页面字段且不需要区块结构
- 只需重用短片段，例如通知、标签或支持信息
在这些情况下，使用变量可能更合适。
推荐工作流程
- 从页面目标开始
- 选择支持该目标的区块
- 在申请或创建新组件之前先重用现有组件
- 仔细填写字段
- 检查页面上区块的顺序
- 在发布前预览
如何选择更合适的组件
提出以下问题：
- 该区块是否有助于访客前进？
- 是否已有针对该需求的成熟组件？
- 该区块是否属于页面旅程，还是仅仅是视觉噪音？
最佳的组件选择通常来自页面目标，而不仅仅是视觉偏好。
常见用例
- 登陆页区块
- 服务概览
- 定价与对比区域
- 常见问题区块
- 证明与评价区块
- 表单驱动的 CTA 区块
常见错误
- 在一个页面上添加过多区块
- 选择重复传达相同信息的区块
- 为细微内容差异创建近似重复的组件
- 在一个区块中堆砌过多不相关的信息
- 忘记检查区块之间的顺序和过渡
团队指导
- 优先重用而不是近似复制
- 保持组件命名易于理解
- 选择最简单且符合页面目标的区块
- 将表单和评价视为页面旅程的一部分，而不是附加项