返回应用案例
使用的提示词
电商首页Banner，现代时尚促销，左侧大胆排版空间，右侧产品展示，紫粉渐变背景，动态构图，网页设计美学，16:9宽幅
分步指南
1
定义Banner目的
促销、新品、季节性、品牌宣传
2
规划布局区域
文字区、产品区、CTA位置
3
选择视觉风格
摄影、插画或抽象
4
生成背景
创建带文字空间的基础视觉
5
添加文案和CTA
标题、副标题、按钮叠加
电商首页Banner设计
你的首页Banner只有3秒钟吸引注意力。
Banner结构
|--------------------------------| | 标题 | 产品图片 | | 副标题 | | | [CTA按钮] | | |--------------------------------|
常见Banner尺寸
| 名称 | 尺寸 | 用途 |
|---|---|---|
| 首页主图 | 1920x600 | 首页顶部 |
| 促销图 | 1200x400 | 分类页 |
| 小图 | 600x200 | 侧边栏 |
| 移动端 | 640x480 | 手机首页 |
设计原则
- 清晰层次：一个主要信息
- 对比：任何背景上文字可读
- 留白：不要过度拥挤
- 响应式：手机端测试
文案最佳实践
- 标题：最多5-8个字
- 副标题：支持性细节
- CTA：行动导向（立即购买、立减50%）
- 紧迫感：限时优惠信息
结果图集
常见问题
标题应该生成在图里，还是事后再加？
主视觉 Banner 请事后再加。主视觉提示词生成的是一张底图：产品在一侧，另一侧留出三分之二的干净空间，标题和按钮在建站工具里设置，这样它们保持可编辑、锐利、可翻译。只有短命的促销图——三个字的标题就是全部信息——才适合把文字生成进去。
网站主视觉 Banner 是多大尺寸？
多数主题用 1920 × 600 到 1920 × 800 像素左右——比任何生成比例都更宽。请用 21:9 生成（图像生成器支持这个比例），再按你的主题裁掉高度；产品要留在安全区、远离边缘。每条 Banner 提示词都列了交付尺寸和对应裁切。
怎么让 Banner 符合品牌色？
每条 Banner 提示词都把配色暴露成变量——[背景颜色]、[点缀色]、[主色]——而不是把某种观感写死。把它们设成你的品牌值，之后每次活动复用同一条提示词；构图不变，只有颜色和产品在换。
一张 Banner 能同时用于邮件和付费社交吗？
可以，只要主图按 21:9 生成再裁。每条 Banner 提示词的尺寸清单都给出了从同一张底图裁出 1200 × 628 Meta 广告图和 16:9 邮件头图的方案。1:1 和 9:16 的版位请另用方形或竖版广告提示词单独生成，别去裁宽图。
案例详情