SuperAPI AI 工具集

flier

通用与其它

查看项目

更新于 10-15 17:19

技能介绍

Flier 的用途是设计可打印(print-ready)的单页传单,输出为一个自包含的 HTML 文件,页面固定为正好一页。资料显示其核心要求与限制如下。

使用方式:开始时先调用 copy_starter_component,kind 为 "doc_page.js",再把它构建成一个显式分页的单页。该组件负责页面盒子、打印时消失的桌面背景、分页纪律以及全部打印几何,因此不要自行编写 @page 规则、body 背景或硬编码纸张尺寸,也不要添加 omelette-owns-print meta;打印对话框必须只显示 1 页。

排版与打印:传单打印为固定整版(full-bleed)页面盒子并启用 overflow hidden,默认 letter,导出时使用用户所选纸张(letter、A4 等),超出盒子的内容会被裁切而非重排;需设计成填满页面盒子,同时在 letter 与 A4 上都不重叠。页面为整版出血,传单自己拥有内边距,四边至少保留页面 4% 的视觉留白,且所有内容保持在内。禁止使用 vh/vw 视口单位,因其跟随窗口而非页面。

设计原则:传单是在远处、路过时、三秒内被阅读的。需要一个主导元素,通常是 6 个词以内的标题,大到能隔房间阅读(约 8cqh+),其余内容明显从属;五个 W 紧凑分组、便于扫读:什么、何时、何地、费用,以及一个行动方式(二维码大小的 URL、电话或可撕下联),不要散落在长文里;用强烈的纯色块与矢量形状而非照片和渐变,高对比,正文用近黑色印在浅色纸面上;留白比更多文字更好,删减文案直到层级无法被忽视。可选:底部边缘做可撕下流苏(一排窄格,左侧虚线边框,旋转的联系方式文字),用于电话号便条。

检查:查看打印预览,确保没有任何内容被裁切、没有任何内容溢出到第二页,且颜色在灰度下仍然可用。