COURSE 04 · Banner 设计

Banner 视觉设计教学

共 8 章节 约 124 分钟 中级

Banner 是官网第一眼的"门面",也是营销转化的起点。本课从构图法则到文案层级,从视觉焦点到促销氛围,再到图片合成与多端尺寸适配,最后用数据复盘点击率,让你做出的每一张 Banner 都既有美感,又能带货。

Banner视觉设计教学课程封面
CHAPTERS

课程章节目录

八个章节从构图到数据,把 Banner 设计拆成可量化、可复用的方法。

01

Banner 的作用与类型

首屏品牌 Banner、促销活动 Banner、资讯入口 Banner 的定位差异,明确每张 Banner 要解决的问题再动手。

14 分钟入门
02

构图法则:三分法、对称、对角线

三种经典构图在 Banner 中的实战运用,用结构先稳住画面骨架,再填充内容,避免元素堆砌失衡。

16 分钟中级
03

视觉焦点营造:让主体一眼跳出

用对比、聚光、指引线把视线锁定在主体或利益点上,三秒内传递核心信息,不让用户在画面里迷路。

16 分钟中级
04

文案层级:主标、副标、按钮排版

主标抓人、副标解释、按钮承接行动,三层文案的字号字重与位置关系,让信息读起来顺畅有力。

15 分钟中级
05

色彩与氛围:促销热销与品牌高级

促销 Banner 的红黄热销氛围与品牌 Banner 的高级克制配色,学会用色彩切换不同场景的情绪基调。

16 分钟进阶
06

图片处理:抠图、合成、蒙版技巧

产品抠图去背、场景合成、渐变蒙版融合,让主视觉与背景自然过渡,提升 Banner 整体质感。

16 分钟进阶
07

尺寸与适配:PC、移动、多端延展

同一套 Banner 在 PC 宽屏、移动竖屏、信息流方图间的延展规范,保证关键信息在不同尺寸都不丢失。

15 分钟进阶
08

点击率优化:从设计到数据复盘

用点击率、停留时长反推设计问题,A/B 测试不同构图与文案,让 Banner 设计从"看感觉"走向"看数据"。

16 分钟高阶

Banner 学完,进阶移动端与营销页

把视觉能力迁移到移动端和转化型页面,实战更上一层