SuperAPI AI 工具集

page-composition-engine

设计与创作

查看项目

更新于 10-16 08:04

技能介绍

用途:Page Composition Engine 是一套页面编排参考体系,旨在解决页面“由哪些区块组成、按什么顺序排列、间距如何控制”的问题。它把页面视为一条叙事线,通过区块的有序堆叠实现特定目标(如说服、转化或信息传达)。

主要能力:提供超过 100 套完整页面配方,每套配方给出区块的顺序组合。涵盖四类页面原型:营销页(落地页、产品页、定价页、关于页、案例页)、产品内页(仪表盘、设置、个人资料、列表、详情、创建/编辑页)、事务流程页(认证、结账、引导、向导)以及内容页(博客、文档、帮助中心、更新日志)。配方具体到单页层面,例如 SaaS 产品落地页包含导航、分栏首屏、客户徽标、交替特性行、数据统计、评价卡片、图标网格、CTA 横幅、定价表、FAQ、邮箱输入 CTA 和四列页脚,并给出背景节奏(白→灰-50→白→深色等)。

使用方式:按页面类型查阅对应配方,依据区块顺序搭建页面;按间距表控制区块间距(桌面默认 96-120px,移动端 48-64px;紧密相关区块 48-64px/32-40px;密集区块后留白 120-160px/64-80px;需视觉相接的区块为 0)。可结合内容与外壳比例参考(营销页 90% 内容/10% 外壳;应用页 75-85%/15-25%;仪表盘 70-80%/20-30%)以及响应式规则(三列→两列→单列,侧栏→可折叠或顶部导航,间距逐级递减)进行调整。

适用场景:设计营销落地页、应用内页面、多步流程页和内容页时,确定区块顺序与视觉节奏,尤其适合需要系统化页面结构而非零散区块拼装的场景。

限制:资料未提供具体实现代码、安装命令、收费价格或平台支持信息,暂未提供;配方为结构参考,实际内容需自行填充。