返回 Skills
开源收录 · nextlevelbuilder/ui-ux-pro-max-skill · GitHub ★ 129,980(仓库星标) · MIT · 核验 2026-09-23

Banner 与广告视觉设计

@pws/github-banner-design

文件可查看v1.0.0-source.dcc40ff54 个文件更新于 2026/9/23

面向社交媒体、广告及网站首屏规划横幅,提供尺寸、构图与多种视觉方向;生成图片需配套工具。

设计Skill设计SkillGitHub开源

中文概述 · 根据原始文档整理,完整规则与命令请查看「文件」中的 SKILL.md。

横幅与广告视觉设计

为社交媒体封面、广告、网站首屏和活动横幅设计多个视觉方向,支持用户素材、CSS 图形以及可选的生成图像。

开始前明确

用途、平台尺寸、主标题、辅助文案、行动按钮和 Logo 位置。 同时确认品牌、目标受众、风格和已有素材。

设计流程

  1. 收集内容与尺寸要求。
  2. 根据用途选择视觉方向和信息层级。
  3. 安排主体、标题、品牌与行动入口。
  4. 检查安全区、文字可读性和实际尺寸效果。

配套资料

references/banner-sizes-and-styles.md 提供尺寸、安全区与风格参考。

重点要求

只负责横幅设计,不负责完整网站、视频剪辑或印刷生产。 浏览器研究、图像生成和截图工具为可选能力;缺失时使用已有素材与当前环境支持的预览方式。