OpenMontage 视觉风格画廊实战：用 Saul Bass 电影标题风格（visual-style.md）复刻 1950s 好莱坞片头美学

OpenMontage 视觉风格画廊实战用 Saul Bass 电影标题风格visual-style.md复刻 1950s 好莱坞片头美学【免费下载链接】OpenMontageWorlds first open-source, agentic video production system. 12 production pipelines, 100 tools, 700 agent skill and production-knowledge files. Turn your AI coding assistant into a full video production studio.项目地址: https://gitcode.com/GitHub_Trending/op/OpenMontage在 OpenMontage 的 Agent 技能体系中视觉风格并不是散落在提示词里的只言片语而是一套以visual-style.md为载体的可移植设计系统一个文件同时定义配色、字体、版式、动效与情绪任何 AI 工具都能直接消费。本篇聚焦画廊gallery中极具辨识度的Saul Bass Cinematic Titles风格——它完整封装了索尔·巴斯Saul Bass为希区柯克电影创作的片头设计语言《迷魂记》的旋转螺旋、《金臂人》的粗犷字体、剪纸拼贴美学。读完本文你将掌握该风格文件的字段结构、核心生成提示词、四类工具连接器HeyGen、HTML Slides、paper.design、Figma的落地映射方法并能在自己的视频与演示项目中直接复用这套 1950s–1960s 好莱坞片头美学。一、风格文件在 OpenMontage 技能体系中的位置该风格文件存放于.agents/skills/visual-style/references/gallery/saul-bass-cinematic.visual-style.md是 visual-style 技能 内置画廊Gallery的五款预置风格之一与 Müller-Brockmann Swiss、Neville Brody Industrial、Game Boy Color、HeyGen AI Video 并列覆盖从 1950s 到 2020s 的不同设计纪元。根据 SKILL.md 的定义该技能支持四种工作模式模式触发方式作用CreateCreate a visual-style.md for...从零构建风格文件ExtractExtract a visual-style.md from [URL/image/video]从网页、视频、PDF 提取风格ApplyApply this visual-style.md to [tool]通过连接器应用到具体工具GalleryShow me available visual styles浏览并使用预置风格画廊模式的完整流程是列出可用风格 → 描述所选风格的视觉特征 → 读取完整的visual-style.md→ 配合连接器应用。也就是说本文介绍的这个文件既是风格成品也是学习如何书写合格风格文件的参考范例。二、文件骨架YAML Frontmatter Markdown Body按照 visual-style.md 格式规范一个合法风格文件由两个部分构成--- [YAML frontmatter] —— 结构化数据提示词、配色、字体、版式、动效、情绪、扩展 --- [Markdown body] —— 自由文本设计原则Design Principles、连接器说明Connectors规范强制要求的必填字段仅有五个name、version、style_prompt_short、style_prompt_full、colors.primary至少 2 个含name/hex/role的颜色对象。其中style_prompt_full是整个文件的灵魂——如果一个工具只能读一个字段就让它读这个字段因为它是一段自包含的自然语言生成提示词不解析结构化数据的工具也能直接使用见 spec.md 的 Design Decisions 章节。三、风格定义逐字段解析完整继承原文件3.1 核心提示词一段可直接投喂给任何 AI 的完整风格描述style_prompt_short电梯陈述与style_prompt_full完整生成提示词是风格的一体两面style_prompt_short: Bold graphic cinema. Stark silhouettes, torn paper edges, dramatic contrast. Hitchcock-era title sequences brought to life. style_prompt_full: Saul Bass cinematic title sequence style. Bold, graphic, dramatic. High contrast black and white with single accent color (orange-red #FF4500 or yellow #FFD700). Stark silhouettes and bold shapes. Torn paper edges and cut-out aesthetics. Hand-made feeling despite geometric precision. Dramatic reveals and transformations. Type integrated with image, not floating above it. Vertigo spirals, Anatomy of a Murder paper cut-outs, The Man with the Golden Arm typography. Strong diagonals. Motion is theatrical — elements reveal, rotate, transform. Jazz-influenced rhythm. No photorealism, no soft edges, no gradients.这段style_prompt_full同时包含正向指令高对比黑白 单一强调色、锐利剪影、撕裂纸张边缘、字图一体、强烈的对角线构图、戏剧化揭示、爵士乐节奏与负向约束无写实、无柔和边缘、无渐变并且内联了具体色值#FF4500、#FFD700方便工具直接提取。这正是 full.visual-style.md 模板 中强调的在提示词里内联 hex 色值的实践范本。3.2 配色系统三分法primary / accent / neutral层级颜色名HEX角色primaryDeep Black#000000剪影、戏剧性底色primaryStark White#FFFFFF负空间、对比accentSaul Bass Orange#FF4500唯一的戏剧性强调色accentGolden Yellow#FFD700备选强调色每个项目只二选一neutralWarm Gray#8B8680细微纹理、做旧纸张质感注意两个关键设计决策强调色只能二选一Orange 或 Yellow禁止混用且中性色 Warm Gray 承担做旧纸张的触感——这正是手作感 几何精确这对矛盾的色彩表达。3.3 排版系统字即图图即字层级字族字重风格display粗几何无衬线或手绘字体black常为定制字体与图像融为一体body简单无衬线medium仅用于支撑性字幕creditscaption与 display 同族bold融入画面构图排版四规则typography.rules文字是图像的一部分而非悬浮其上的独立元素鼓励定制或变形字型强烈的字重对比文字可以被碎片化、撕裂或变形。这正是 Saul Bass 片头设计的标志性手法——在《金臂人》The Man with the Golden Arm中扭曲、拼贴的标题字型本身就是视觉主体。3.4 版式与动效Layout网格是构图式而非严格分栏对齐方式为中心对齐或戏剧性对角线默认画幅2.39:1影院宽银幕或16:9。辅助要点全出血full-bleed构图、剪影作为主视觉元素、撕裂纸张边缘与剪纸美学、用强对角线制造张力。Motion转场类型包括戏剧性揭示dramatic reveals、旋转螺旋致敬《迷魂记》、纸张剪贴动画、剪影变形。动画风格要求剧场式揭示——元素有目的地变形与旋转剪纸拼贴的组装与拆解并采用爵士乐式切分节奏syncopated、surprising、rhythmic。节奏基调为戏剧性、张力递进、强调瞬间。音频线索指向爵士配乐、管弦乐张力与伯纳德·赫尔曼Bernard Herrmann希区柯克御用作曲家式配乐。3.5 情绪定位与反模式清单关键词dramatic / bold / cinematic / graphic / timeless / mysterious时代1950s–1960s 好莱坞永恒经典文化参照Saul Bass、《迷魂记》《桃色血案》Anatomy of a Murder《金臂人》《惊魂记》Psycho。mood.avoid是文件中最具执行力的部分——spec.md 的设计决策明确指出负向约束与正向约束同等重要告诉 AI 不要做什么往往比告诉它做什么更有效。本风格的完整禁用清单为写实图像、柔和渐变、多种强调色、通用素材库镜头、3D 特效、镜头光晕lens flares、现代 UI 模式。3.6 扩展字段x_heygen文件末尾通过x_heygen.video_id: 2e4dfda94a3341fb849571bb7449b4c2与orientation: landscape声明了 HeyGen 专属配置。根据 spec.mdx_*前缀是工具专属扩展命名空间允许为不同工具保存额外配置而不污染核心 schema——这是本格式可扩展性的关键设计。四、Design Principles设计哲学原文件正文的## Design Principles部分用四句话浓缩了整套美学内核这也是任何 Agent 在生成该风格内容时应内化的判断标准片头序列本身就是电影而非开场白。 每一帧都可以是一张海报。 剪影在不出示角色样貌的情况下揭示角色。 几何图形创造情绪。五、四个连接器从风格文件到成品输出原文件## Connectors为四类工具各给出了一条落地指引结合 visual-style 技能 下的四个连接器参考文档可以还原出完整的字段映射与操作流程。5.1 HeyGen Video Agent把style_prompt_full原样拼进视频提示词根据 heygen-video-agent.md 的字段映射表visual-style.md 字段HeyGen 用法style_prompt_full原样追加到生成提示词motion.transitions场景转场指令motion.animation_style动画行为motion.pacing节奏引导typography.caption字幕样式layout.aspect_ratio方向设置16:9横屏9:16竖屏mood.avoid负向提示 / 排除指令x_heygen.orientation显式方向覆盖x_heygen.video_id已有 HeyGen 视频引用本风格文件明确要求No avatars — pure graphic cinema无数字人纯图形电影因此落地的完整提示词模板可组织为Create a video about [TOPIC]. Script: [YOUR SCRIPT] Visual style: Saul Bass cinematic title sequence style. Bold, graphic, dramatic. High contrast black and white with single accent color (orange-red #FF4500 or yellow #FFD700). Stark silhouettes and bold shapes. Torn paper edges and cut-out aesthetics. ... (完整粘贴 style_prompt_full) Additional constraints: - No avatar - No b-roll footage - No photorealism, no soft edges, no gradients Motion: - Transitions: dramatic reveals, rotating spirals (Vertigo), paper cut-out animations - Pacing: Dramatic, building tension, punctuated moments - Animation: Theatrical reveals, jazz-influenced timing Format: landscape (16:9)关键技巧来自连接器文档 Tips把不想要什么说得越明确越好——HeyGen 对负向约束响应良好抽象风格务必显式声明 No avatar. No b-roll. Pure motion graphics.。5.2 HTML Slides映射为 CSS 变量根据 html-slides.md配色与字体被映射为 CSS 自定义属性。套用本风格后即为:root { --color-bg: #000000; /* Deep Black */ --color-text: #FFFFFF; /* Stark White */ --color-accent: #FF4500; /* Saul Bass Orange或 #FFD700 金黄二选一 */ --color-muted: #8B8680; /* Warm Gray */ --font-display: Bold geometric sans-serif, system-ui, sans-serif; --font-body: Simple sans-serif, system-ui, sans-serif; }连接器同时规定了单文件、零依赖、clamp()响应式尺寸、每页height: 100vh; overflow: hidden不滚动、Google Fonts 经link加载等约束。结合本风格还应落实全出血剪影、强烈对角线、字图一体的构图要求——可参考仓库中 board.html 与 index.html 这类单文件 HTML 交互页面的组织方式将幻灯片做成零依赖的独立 HTML。5.3 paper.design文档画板与 AI 布局建议根据 paper-design.md应用步骤为按layout.aspect_ratio建画板 → 用colors.primary[0].hex设背景 → 按layout.grid配网格 → 加载typography.*字体 → 按mood.keywords组织内容 → 对照mood.avoid复核。本风格落地为背景#000000文字#FFFFFF强调#FF4500次级元素#8B8680标题字体 bold geometric sans-serif / 手绘字体black 字重正文简单无衬线medium构图式网格 中心或强对角线对齐约束清单无写实、无渐变、无多强调色、无通用素材、无 3D、无镜头光晕、无现代 UI 模式。使用 paper.design 的 AI 功能时把style_prompt_full整体粘贴进提示词并附上mood.avoid条目作为约束。5.4 Figma生成样式与组件根据 figma.md配色映射为 Color Styles用role字段作样式描述排版映射为 Text Styleslayout.grid映射为网格预设。本风格的具体命名Folder: brand/ - brand/deep-black → #000000剪影、戏剧性底色 - brand/stark-white → #FFFFFF负空间、对比 Folder: accent/ - accent/bass-orange → #FF4500唯一的戏剧性强调色 Folder: neutral/ - neutral/warm-gray → #8B8680细微纹理、做旧纸张 Folder: heading/ - heading/display → bold geometric sans-serif, black 字重, 48px Folder: body/ - body/default → simple sans-serif, medium, 16px Folder: label/ - label/default → 同 display 族, bold, 12px原文件特别要求将剪影形状建成可复用组件并用定制字型处理取代标准文本样式——这正对应typography.rules中鼓励定制或变形字型的规则。六、验证与复用如何确认风格文件合法并可消费spec.md 的 Validation 章节给出五条合法性判据可用来校验本文件YAML frontmatter 正确包裹在---分隔符内所有必填字段齐备name / version / style_prompt_short / style_prompt_full / colors.primarycolors.primary至少 2 个颜色对象每个颜色对象含name、hex、roleversion为1.0。需要说明的是version字段指向的是格式规范版本而非风格版本规范的向后兼容小改保持1.0只有必填字段变更才升到2.0。另外assets一律使用 URL 而非内嵌二进制数据本文件参考图为空数组以保证文件轻量、可版本化、可移植。七、横向对比与选用建议画廊中与本风格同级的其他预置风格均位于 .agents/skills/visual-style/references/gallery/提供了一条清晰的风格光谱Saul Bass Cinematic1950s–60s黑白高对比 单强调色、剪影、纸张拼贴、爵士节奏——适合品牌片头、悬疑叙事、复古气质内容Müller-Brockmann Swiss1950s–70s网格锁定、Helvetica 唯一、数据可视化为视觉主角——适合数据叙事、企业发布Neville Brody Industrial1980s–90s粗犷工业字体——适合街头、潮流、亚文化主题Game Boy Color1998–2003像素艺术、复古游戏——适合游戏与怀旧内容HeyGen AI Video2020s现代 AI/SaaS 美学——适合科技产品宣发。从 heygen-video-agent.md 的Supported Styles清单看Saul Bass 风格被明确列为与 HeyGen Video Agent 适配良好的五款风格之一理由为cinematic titles, bold shapes适合做成无数字人的纯图形片头短片。八、结语一份可移植的 1950s 好莱坞片头设计资产Saul Bass Cinematic Titles 这份风格文件的价值在于它把一位设计大师数十年片头设计语言压缩成一个任何 AI 工具都能消费的结构化文件——生成提示词负责风格传达结构化字段负责精确控制mood.avoid负责纠偏x_heygen负责工具专属落地。在 OpenMontage 的 Agent 视频生产流程中你只需让 Agent 读取该文件再经由对应连接器就能在 AI 视频、HTML 演示、设计文档与 Figma 工程中获得一致的、可辨识的 Saul Bass 美学输出。这份文件本身也可以作为你为自定义品牌撰写专属visual-style.md的参考模板——对照 full.visual-style.md 模板 与 spec.md 即可上手。【免费下载链接】OpenMontageWorlds first open-source, agentic video production system. 12 production pipelines, 100 tools, 700 agent skill and production-knowledge files. Turn your AI coding assistant into a full video production studio.项目地址: https://gitcode.com/GitHub_Trending/op/OpenMontage创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考