Banner设计研究

迟 静 （山东商务职业学院 264003）

Banner设计研究

迟 静 （山东商务职业学院 264003）

本文通过对Banner设计进行分析，提出Banner设计的四个构成要素---主题、字体、构图和颜色，并通过图文并茂的方式，详细的阐述怎样设计这四个构成要素，对如何设计好Banner提供了借鉴意义。

Banner设计；主题；字体；构图；颜色

任何一款互联网产品，都需要搭载PC平台进行推广，Banner更是推广的一大利器，如何将Banner设计好成为一个需要探讨研究的课题。

一、Banner定义

Banner可以作为网站页面的横幅广告，也可以作为游行活动时用的旗帜，还可以是报纸杂志上的大标题。Banner主要体现中心意旨，形象鲜明表达最主要的情感思想或宣传中心。

Banner属于网络广告，它区别与传统媒体有很多优势，比如：覆盖面广；不受时间限制，广告持久；方式灵活，互动性强；制作简单，广告费用低；可以准确统计受众数量。

二、Banner构成要素

Banner设计的构成要素与海报设计非常相似，但是由于Banner规格尺寸大小不一，文件大小也有一定的限制，这就在设计上增加了许多障碍。比如：软文不能太多，应采用有吸引力的宣传用语，否则会没有重点；图片并非越多越好，突出重点是关键；颜色不宜过度夸张，努力营造愉悦、舒服的感观感受等等。如何在方寸间快速高效的设计Banner，主要应从主题、字体、构图和背景四个方面着手。

（一）主题

主题就是要知道为谁做设计，比如为了某个节日主题活动还是针对某一品牌的预售，是走高端大气上档次路线，还是走促销亲民热闹路线等等，促销、热闹、大牌、简约、可爱、稳重，时尚、文艺，这些关键词往往是一个或多个同时出现在一个banner广告里的，这些主题关系到Banner设计风格的选择。

主题一：大牌、时尚、稳重

背景大量留白，色彩单一，常用黑、白、灰无彩色作为主色，凸显主体，适用于数码电子产品，奢侈品牌等。

商品或模特比较大，常常截取商品部分细节做展示。

不需要太多文案描述，有时只摆放一个logo。

主题二：时尚、品质感、促销

注重排版，文字规整，比如左对齐、右对齐、居中对齐，不会做一些怪异的字体变形，着重突出一个文字信息，放大形成一个面，压住全局，适当留白。比较适用于与时尚相关的美妆护肤、男女鞋箱包、配饰、食品等。

色彩不会太多，最多不超过三种，如果产品本身五颜六色的那就另当别论。配色参照商品本身或邻近色来提取，只有某一个需要突出的文字信息（比如折扣信息），才会用对比反差比较大的颜色。

一般都会有主标题、副标题、利益点这几个文案信息，利益点一定要放大。

主题三：可爱、热闹、亲和力

商品很多，画面比较满，会用很多小色块，手绘图形做点缀。比较适合食品、可爱服饰、母婴用品等，给人可爱、可口、甜美、亲和力的感觉。

会有某一个特别突出的信息，但是整体画面又注重比例的和谐，整体画面感觉是友好热情的，不会有攻击性。

主题四：文艺、小清新、简约、素雅、安静

这种主题比较适合家居、布艺、棉麻、茶艺、文艺等。超级大面积留白，商品都小小的。跟前面讲的大牌是截然相反的。

色彩单一，以浅灰、淡蓝白、米白、棕色，饱和度和纯度低的绿色等色彩居多。

文案要么很少，要么很多，但都是打动人小情绪的一些文字，并且都很小的放在画面里。

（二）字体

Banner设计的文案一般都由产品提供，设计师也可以根据自己的经验去调整。设计师最好不要直接用字库里的字，涉及到版权问题，尤其在Banner设计里，很容易被告侵权。可以用一些免费字库，比如谷歌的思源字体，站酷高端黑等；也可以将字库里的字体进行简单设计，比如将直角变圆角，在拐角处加几何形状作装饰，连接笔画等；也可以完全进行字体的再设计。在设计字体之前，一定要用符合主题的字体，比如男性产品用正黑、女性用倩体、萌萌的卡通体和海报体、文艺的静蕾体、禅意的书法体等等。

另外，文本在对齐方式上可以选择左对齐、右对齐、或者居中对齐。在形式上可以把标题骨骼归纳为简单的几何形状，如正方形、长方形、菱形 、梯形、圆形、三角形、扇形等。

涉及到元素及其重要化合物推断的高考试题已屡见不鲜,解答好这类试题的前提是,能够根据题意准确地推断出相应的元素或者物质,这一般需要“调度”哪些基础知识呢?

（三）版式

1.垂直水平构图：文字与图形可以左对齐、右对齐或者居中对齐。这种构图形式给人的感觉是平衡感、场景感。

2.斜线构图：文字或者图形常居中排列，大多会有图形辅助，倾斜排版。给人的感觉是动感、节奏和促销感。

3.三角构图：通常居中排版，以图形、线条辅助，文字排版大小分明。正三角形稳定，倒三角动感。

4.辐射式构图：和斜线构图很像，常常居中排列，大多会有图像辅助以突出文本和产品。构图活泼，指向性强，聚焦，有空间感。

5.框架式构图：文字被框，图形被框，或者图文都被框。这种构图形式空间感很强，立体，聚焦，有画中画的感觉。

（四）背景

1.背景形式

我们在设计Banner的时候，一般背景会有以下几种形式——纯色、渐变、图案、图片背景、合成背景。

（1）纯色背景多应用于整洁、简单的Banner中。

（2）渐变背景多应用于高端、上档次的Banner中。

（3）图案背景多应用于活力、张扬、青春、宣传促销的Banner中。

（4）图片背景和合成背景，多应用于体现主体性的Banner中。

2.背景颜色

一般情况下使用近似色、互补色、亮暗色三种配色方式。

（1）近似色会使整个画面和谐安定，在操作中我们可以用吸管吸取主体产品的颜色作为背景色，使得画面协调统一，然后再用互补色突出重要部分。

（2）补色通常指色换上180度对应的颜色，比如红绿、黄紫、蓝橙等。补色配色能更加突出主体的轮廓，使主体更加明确，对比更加强烈。我们可以用主体颜色互补色做背景，这样可突出主体的轮廓，使主体更加明确，对比更加强烈。

（3）亮暗色的反差使整个画面具有冲击。亮部在设计方法上一般可以下载光效滤镜或是使用光效素材，再通过图层的混合模式叠加、柔光、滤色等方式对素材进行处理。处理暗部时，我们经常用的方法是CAMER RAW滤镜。PS在CC版本之后可以自由使用CAMER RAW滤镜，可以广泛应用与图层中，方便了图层的处理。

三、小结

设计师想要快速高效的设计好Banner，应该主要从主题安排、字体设计、构图布局和颜色搭配和这四个方面着手，合理安排画面内容，做到主次对比鲜明，突出产品及其特征是关键，颜色也不宜过度夸张，营造愉悦、舒服的感观感受。

迟静，硕士研究生，毕业于东北林业大学设计艺术学专业，现工作于山东商务职业学院，信息与艺术设计系，视觉传播与制作专业。