网页banner设计

01 / Banner概念

pc端、移动端广告图，也就是焦点图

设计尺寸：宽 - 1920px，有效区 - 1200px，高度随实际需求而定 - 一般是480-600px之间

Banner的作用：宣传展示、可点击跳转

Banner的组成：背景、文案、产品或模特、点缀物

02 / Banner背景运用及文字排版

常见背景样式

• 纯色背景
  主体明确、干净整洁，塑造空间关系，有利于划分主次
  

• 渐变背景
  颜色稍多可丰富画面，产生光影层次感
  线性渐变/径向渐变
  

• 形状背景
  塑造动感、丰富画面，视觉效果强
  

• 立体空间背景
  有前后关系，空间层次，给人不同的视觉感受，具有一定的冲击力
  

• 场景背景
  用夸张的表现手法，给客户心理暗示，夸大现实，塑造产品
  

• 场景合成
  让人身临其境，勾起人的想象力，有心理暗示的作用
  

颜色、字体运用

• 颜色的运用

• 字体

1. 衬线字体：字体结构笔画之外的装饰形笔画
2. 无衬线字体：笔画粗细基本一致

文字排版三要素：对齐、间距、对比