Flier 是一个面向营销传单、单页宣传海报和社交媒体卡片设计的技能,目标是把设计产出为一个自包含的 HTML 文件,且恰好是一页固定尺寸的版面。
用途:用于设计印刷就绪的单页传单。默认版面为 8.5in×11in,当用户使用公制单位时为 A4(210mm×297mm)。整张纸即一个区块,margin="0" 表示内容填满页面盒,打印对话框必须只显示 1 页,不能溢出到第二页(需留意尾部边距和空白)。
主要能力与设计规则:
- 单一主导元素:通常是一个不超过约 6 个词的标题,字号大到可隔室阅读(建议 60pt 以上),其余内容明显从属。
- 五个 W 紧凑分组、易于扫读:内容(what)、时间(when)、地点(where)、费用(cost),以及一种行动方式(二维码尺寸的 URL、电话号码或撕条),不要散落在段落文字中。
- 偏好强对比的扁平色块与矢量形状,而非照片和渐变;正文使用浅色纸张上的近黑色文字。
- 充足留白优于更多文字,删减文案直到层级一目了然。
- 可选:当用户需要电话号码撕条时,可在底边添加撕条边缘(一排窄单元格,左侧虚线边框,旋转的联系文字)。
- 全出血处理:margin="0" 使纸张全出血,传单需自行保留至少 0.375in 的视觉边距作为内容块内边距,所有内容保持在其内。
- 仅使用物理单位(in/pt/mm),不使用视口单位,不使用 vh/vw。
使用方式:开始时调用 copy_starter_component,kind 为 "doc_page.js",然后在该组件内构建内容(用户使用公制时 size="a4")。该组件负责页面盒、打印时消失的桌面背景以及所有打印几何,不要自行编写 @page 规则或 body 背景。最后检查打印预览:无裁剪、无溢出到第二页、颜色在灰度下仍然可用。
适用场景:营销传单、单页促销海报、社交媒体卡片等需要快速远距离识别的单页宣传物料。
限制:资料未提供具体的依赖环境、安装命令、收费或价格信息;技能依赖 copy_starter_component 组件与 doc_page.js,具体实现细节暂未提供。