用途:awwwards-sections 用于构建落地页首屏以下的所有区块,不负责首屏本身(用 awwwards-hero),也不负责动画与微交互(用 awwwards-motion)。当用户要求完整落地页、额外区块、功能模块、定价、推荐语或页脚等内容时会触发。
主要能力:采用四阶段流水线。Phase 1 页面解读,提取转化目标、受众成熟度、异议顺序、内容密度、可用视觉素材以及首屏已确立的基调、配色与字体;Phase 2 区块顺序,按说服顺序排列:WHAT(功能展示)、PROOF(社会证明)、HOW(流程)、RESULTS(案例或数据)、PRICING(定价)、异议消除(FAQ 或对比)、最终 CTA、页脚;Phase 3 逐区块构建,每种区块提供命名架构,如功能展示的 Bento 网格、堆叠展示、单一聚焦,社会证明的标志条、推荐语瀑布、指标条,流程的编号步骤、横向流程,案例的卡片画廊等;Phase 4 页面编排差异,检查节奏、多样性、转化流与反平庸审计。每个阶段设有质量门禁,未通过则阻止进入下一阶段。
使用方式:与 awwwards-hero 配对,先构建首屏,再用本技能处理下方每个区块;若需要动效,再叠加 awwwards-motion。资料给出了区块选择的最低与推荐配置,例如 SaaS 落地页最少为功能、证明、定价、CTA、页脚。
适用场景:SaaS、代理机构、个人作品集、产品发布、活动会议等落地页。
限制:本技能只处理首屏以下内容,不覆盖首屏或动效;页面顺序不可随意更改;视觉节奏规则要求相邻区块不重复版式、背景色调交替、每页至少一个视觉断点、避免连续两个三列网格。具体安装命令与定价暂未提供。