Banner 构图:先定信息层级

按「一眼看到什么/再看什么/最后看什么」排布,并给文案字数上限。

什么时候用:要做首页 banner、活动头图,文案和图总打架的时候用。

提示词(整段复制)

你是视觉设计指导。为下面这个 banner 出构图方案:
1. 先定信息层级:一级(3 米外要看到)/二级(走近看)/三级(细节补充),每级放什么内容;
2. 给 3 个构图方案(左文右图 / 居中大字 / 图文叠压),说明各自适合的图源条件与风险;
3. 每级文案给字数上限(中文字符数),并说明超出后会怎样;
4. 给出安全区与移动端裁切建议(哪些元素必须留在中央 {{比例}} 区域内);
5. 说明配色对比要求(文字与底图的明度差),保证小屏可读。
banner 用途:{{用途}}
主推信息:{{信息}}
可用素材:{{素材}}

复制时把 {{变量}} 换成你自己的内容;变量名不要改,改了模型容易把它当普通文字。

要替换的变量

变量示例值
{{比例}}60%
{{用途}}(首页首屏 / 活动页头部,宽度大概多少)
{{信息}}(要传达的核心信息与次要信息)
{{素材}}(有没有产品图/人物图,质量如何)

实操建议

常见问题

为什么文案要给字数上限?

banner 的阅读时间不到 2 秒。字数一旦超限,用户会直接跳过整张图。

三个构图方案怎么选?

看素材:有高质量产品图选左文右图,没有就选居中大字,别硬凑图。

配套工具