宝塔服务器面板,一键全能部署及管理,送你10850元礼包,点我领取

01 / Banner概念

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

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

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

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

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

常见背景样式

  • 纯色背景
    主体明确、干净整洁,塑造空间关系,有利于划分主次
    网页banner设计-风君子博客

  • 渐变背景
    颜色稍多可丰富画面,产生光影层次感
    线性渐变/径向渐变
    网页banner设计-风君子博客

  • 形状背景
    塑造动感、丰富画面,视觉效果强
    网页banner设计-风君子博客

  • 立体空间背景
    有前后关系,空间层次,给人不同的视觉感受,具有一定的冲击力
    网页banner设计-风君子博客

  • 场景背景
    用夸张的表现手法,给客户心理暗示,夸大现实,塑造产品
    网页banner设计-风君子博客

  • 场景合成
    让人身临其境,勾起人的想象力,有心理暗示的作用
    网页banner设计-风君子博客

颜色、字体运用

  • 颜色的运用

网页banner设计-风君子博客

网页banner设计-风君子博客

网页banner设计-风君子博客
网页banner设计-风君子博客

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

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