工作方式
Power Design 有两条共享品牌基础的输出路径:固定画幅的 HTML 演示文稿和响应式网站。它可以通过 Firecrawl 从品牌 URL 提取样式，也可以使用内置品牌样式或中性默认样式。随后,相同的背景、前景、强调色、字体、圆角和语气参考会进入对应媒介的专属规则。
这一区分很重要,因为投影时可读的幻灯片与可用的网页有不同的约束。幻灯片路径强调有限的内容量、安全区、单一视觉重点和清晰的演示模式。网站路径则增加了响应式布局、语义结构、键盘访问、主题行为、表单和元数据。这些是设计目标,而不是实测的性能结果。
预期交付物
- 一份 HTML 演示文稿或响应式网站;链接的字体和图片可能需要联网。
- 提取新的来源品牌时,生成可复用的品牌样式记录。
- 对照幻灯片或网站检查清单,从内容、布局和无障碍方面审阅输出结果。
从需求到审阅
- 01选择演示文稿或网站
在选择规则或画布之前,先确定输出媒介。
- 02确立品牌输入
使用经授权的 URL 提取、现有库中的样式,或中性基线样式。
- 03应用正确的规则集
幻灯片使用演示文稿约束,网站使用响应式交互要求。
- 04保存并检查
打开输出结果,审阅其针对该媒介的行为,并基于实际结果迭代。