
Banner(在新标签页或窗口中打开)是网站的横幅广告,通常位于顶部,用于宣传某个活动、专题、新产品或者推广广告位。无论是怎样的主题,banner的设计都是有规律可循的。
一个常规banner通常由文案、素材(在新标签页或窗口中打开)(商品、模特)、背景(渐变色、纹理、照片)和点缀元素组成。设计师只需要根据设计主题选择相应的元素,然后将这些元素围绕某种设计氛围融合在一起,就能让banner版面达到表意的同时看起来设计感很强。
当然,这些元素并不需要在每一个banner中都出现。有的banner需要营造极简的、现代感的氛围,点缀元素和背景看起来更干净;有的banner需要热闹、促销的氛围,版面会很丰富,富有活力。下图分别是站酷官网的banner,左边是与华为合作的活动推广,右边是站内课程的推销,两者设计氛围差异很明显。
这种整体的氛围调性是在着手设计Banner之前就需要先行确定好的,设计师可以采用情绪板来构思场景。Banner的设计从版式、构图到字体、文案的设计,再到整体的背景和点缀元素的绘制、配色组合的选择,都是在努力地营造这种氛围。这样的banner可以让人在看到文案之前就能凭视觉印象大致了解内容。以化妆品banner为例,我们向大家简单介绍一下如何设计banner的基本组成部分。
*
文案设计
文案包括主副标题和辅助信息,这部分是一个整体。一般来说,化妆品banner中主标题的字体占据面积最大。当主标题过长时,可以分为上下两行排列,一行文字最好不要超过9个,这样才能让用户看一眼就能清晰地明白设计所要传达的主题信息。相关模板(在新标签页或窗口中打开)推荐👇
*
背景设计
如今电商banner的设计背景大多采用渐变设计,视觉上纵深感强,给人的印象也会更加深刻。渐变色的选择可以根据推广化妆品的特点来选择,比如口红banne用红色、粉色渐变,清爽的化妆水banner可以选择蓝色、绿色渐变。
除了渐变色外,纹理叠加也是让背景更具设计感、避免单调的好用手法。如下图中的双十二化妆品banner,设计师在低饱和度纯色背景上叠加了斑驳的纹理,让背景更具质感,表现出怀旧复古的民国氛围。右图中的化妆品banner叠加的是棕色大理石噪点纹理,蓝色背景看起来更加精致、清新。
*
点缀元素
化妆品的主力消费人群是年轻人,因而背景中的点缀元素可以更加丰富一些,色彩饱和度也可以选择较高的,排版更加自由。比如说孟菲斯风格的化妆品banner点缀元素多用极简、丰富的几何图形,画面色彩和版式层次感很强。
如果是药妆类的化妆品banner,还可以采用简单可爱的手绘图形,给人以亲切感和信任感。如果是用于促销的化妆品banner,最常见的色彩就是红、黄、紫、蓝,点缀元素就是渐变色块、冲击感强的线条或多边形等、灯光等图形。
Canva提供了海量免费的化妆品banner设计模板,满足渐变风格、孟菲斯、手绘等风格的设计需求,还有百种中文字体和千万版权图片等设计素材。
只要是在Canva上做设计,且你的设计素材全部来自Canva素材库,那么你的作品就完全不用担心有侵权风险,可以商业使用。点击下方图片即刻体验👇