如何设计banner

时间：2023-09-22 22:24:02 | 来源：网站运营

时间：2023-09-22 22:24:02 来源：网站运营

如何设计banner：banner也是大家常见的，很多朋友只听到这个词，但是并不知道banner是什么意思，即使看到了也不清楚。其实banner也就是大家常见的广告大图，就是横幅，一般也被称之为网幅广告、旗帜广告、横幅广告以及大标题广告等等。一般是指一种特殊类型的在线广告资源或广告图片，或者广告小图，banner主要用到网站页面的顶部、电商平台顶部、报纸上面部分、各种宣传大图。它可以是静态的图形，也可以是动画的图像。其作用就是为了体现产品的中心意旨，利用鲜明的内容去表达最主要的情感思想, 从而给整个产品起到宣传的效果！它是一种HTML构造，用于显示给定的广告，并在单击时将用户带到广告商的站点。互联网上的标准横幅广告尺寸为：720×90,300×600,300×250。一个好的Banner必须要具备：①文字简练，意义突出。②标语精炼，容易记住。③图片清楚且不宜复杂，颜色少主体明确，以便更好的搭配文字效果。④产品Banner产品不宜太多,找准更易识别的产品，提升视觉效果。1. 首先要了解你的banner设计需求文案，素材，平台，尺寸。这是你首先需要确定的4大要素。2. 确定banner是为了实现什么目的而设计我们在做任何一个广告设计的前提，都是要清楚我们设计的目的，不是为了美感也不是为了展示技术的精湛，而是为了信息传达，但是由于媒介不同，我们会用到不一样的设计手法和方式。3. 确定设计风格。不一样的活动需求也面对不一样的接受人群，所以我们设计出的画面也要有所针对，传递不一样的需求信息，比如时尚、简约、高冷 ，这种类型的色系基本以黑白灰为主素材也是高级简约风。活力类型的设计风格颜色都比较活泼饱和度高，小清新元素。节日促销的画面最大的特点就是热情洋溢，色彩大多以红、黄、橙偏多，整个画面布局都比较满，文字的选择也是很有力度容易识别，简明突出。关于构图1.我们常会看到整三角型或倒三角形的banner构图方式，可以使banner展示立体感强烈，重点突出，构图稳定自然，空间感强，此类构图方式给人安全感和可靠感。采用倒三角形构图，一方面突出强烈的空间立体感，同时构图动感活泼，通过不稳定的构图方式，激发创意感，给人运动的感觉，斜三角与倒三角则显得灵动活泼，因此随着三角的变化，可以有不一样的视觉感受，是一种灵活多用的构图方法。2.中心集中式构图画面由一个主要元素撑满，主标题作为次要元素配合画面平衡，根据画面需求添加小标签装饰。整体视觉冲击力强、张力足，适用于单个产品以及细节较为丰富的产品。多个物体集中式构图和此方法同理，不再做单独分析。这种构图方式这种构图方式的最大优点就在于主体突出、明确，而且画面容易取得左右平衡的效果。3.杠杆式构图画面由主体物和次主体斜面对称而形成的杠杆关系，与主标题之间形成稳固的三角构造关系，此构图方式画面很饱满、稳固。适合两种产品或一个产品两面展示时使用。4.折线跳跃式构图产品悬浮在画面中，上下可跨出画面，加以恰当的文字排版和辅助装饰，整体画面效果很活跃，延展性很强，是一种能快速达到视觉表现的展现方式。此构图方式应用广泛。按构图方式分类，最直观的还有有左文右图式 banner、左图右文式 banner等。关于画面当中存在的对比方式1. 疏密对比有梳有密才能产生节奏感、空间感。疏密是一种对比关系，是利用基本形数量排列的多少，产生疏密、虚实、松紧的对比。比较密的地方常常成为整个设计的视觉焦点，在画面中造成一种视觉上的张力，向磁场一样，具有节奏感和动感。2. 大小对比元素之间的大小对比就是元素、字体等之间的大小、前后、遮挡切换，目的就是拉开画面空间感，突出主次层级关系。同类元素之间运用大小对比更容易塑造画面空间，利用这些小元素拉开整个画面的空间感，使其更有动感节奏！3. 动静对比动静对比说到这个，你可能会想到动态的banner图，banner设计中的动静对比，是指利用构图元素主体之间的动静关系达到突出主体的目的，静中的动，或动中的静，都可以形成对比关系，使画面更丰富多彩，提高点击率。比如落地的产品和飞舞的背景素材之间形成的一种动静关系。说到这里关于banner设计的小知识还有很多，比如字体，颜色搭配，版式设计等。今天只是分享了它的表现形式和常见的构图形式，欢迎一起多学习探讨哦！

banner也是大家常见的，很多朋友只听到这个词，但是并不知道banner是什么意思，即使看到了也不清楚。其实banner也就是大家常见的广告大图，就是横幅，一般也被称之为网幅广告、旗帜广告、横幅广告以及大标题广告等等。一般是指一种特殊类型的在线广告资源或广告图片，或者广告小图，banner主要用到网站页面的顶部、电商平台顶部、报纸上面部分、各种宣传大图。它可以是静态的图形，也可以是动画的图像。其作用就是为了体现产品的中心意旨，利用鲜明的内容去表达最主要的情感思想, 从而给整个产品起到宣传的效果！它是一种HTML构造，用于显示给定的广告，并在单击时将用户带到广告商的站点。互联网上的标准横幅广告尺寸为：720×90,300×600,300×250。

一个好的Banner必须要具备：①文字简练，意义突出。②标语精炼，容易记住。③图片清楚且不宜复杂，颜色少主体明确，以便更好的搭配文字效果。④产品Banner产品不宜太多,找准更易识别的产品，提升视觉效果。

1. 首先要了解你的banner设计需求文案，素材，平台，尺寸。这是你首先需要确定的4大要素。

2. 确定banner是为了实现什么目的而设计我们在做任何一个广告设计的前提，都是要清楚我们设计的目的，不是为了美感也不是为了展示技术的精湛，而是为了信息传达，但是由于媒介不同，我们会用到不一样的设计手法和方式。

3. 确定设计风格。不一样的活动需求也面对不一样的接受人群，所以我们设计出的画面也要有所针对，传递不一样的需求信息，比如时尚、简约、高冷 ，这种类型的色系基本以黑白灰为主素材也是高级简约风。活力类型的设计风格颜色都比较活泼饱和度高，小清新元素。节日促销的画面最大的特点就是热情洋溢，色彩大多以红、黄、橙偏多，整个画面布局都比较满，文字的选择也是很有力度容易识别，简明突出。

关于构图

1.我们常会看到整三角型或倒三角形的banner构图方式，可以使banner展示立体感强烈，重点突出，构图稳定自然，空间感强，此类构图方式给人安全感和可靠感。采用倒三角形构图，一方面突出强烈的空间立体感，同时构图动感活泼，通过不稳定的构图方式，激发创意感，给人运动的感觉，斜三角与倒三角则显得灵动活泼，因此随着三角的变化，可以有不一样的视觉感受，是一种灵活多用的构图方法。

2.中心集中式构图

画面由一个主要元素撑满，主标题作为次要元素配合画面平衡，根据画面需求添加小标签装饰。整体视觉冲击力强、张力足，适用于单个产品以及细节较为丰富的产品。多个物体集中式构图和此方法同理，不再做单独分析。这种构图方式这种构图方式的最大优点就在于主体突出、明确，而且画面容易取得左右平衡的效果。

3.杠杆式构图

画面由主体物和次主体斜面对称而形成的杠杆关系，与主标题之间形成稳固的三角构造关系，此构图方式画面很饱满、稳固。适合两种产品或一个产品两面展示时使用。

4.折线跳跃式构图

产品悬浮在画面中，上下可跨出画面，加以恰当的文字排版和辅助装饰，整体画面效果很活跃，延展性很强，是一种能快速达到视觉表现的展现方式。此构图方式应用广泛。

按构图方式分类，最直观的还有有左文右图式 banner、左图右文式 banner等。

关于画面当中存在的对比方式

1. 疏密对比

有梳有密才能产生节奏感、空间感。疏密是一种对比关系，是利用基本形数量排列的多少，产生疏密、虚实、松紧的对比。比较密的地方常常成为整个设计的视觉焦点，在画面中造成一种视觉上的张力，向磁场一样，具有节奏感和动感。

2. 大小对比

元素之间的大小对比就是元素、字体等之间的大小、前后、遮挡切换，目的就是拉开画面空间感，突出主次层级关系。同类元素之间运用大小对比更容易塑造画面空间，利用这些小元素拉开整个画面的空间感，使其更有动感节奏！

3. 动静对比

动静对比说到这个，你可能会想到动态的banner图，banner设计中的动静对比，是指利用构图元素主体之间的动静关系达到突出主体的目的，静中的动，或动中的静，都可以形成对比关系，使画面更丰富多彩，提高点击率。比如落地的产品和飞舞的背景素材之间形成的一种动静关系。

说到这里关于banner设计的小知识还有很多，比如字体，颜色搭配，版式设计等。今天只是分享了它的表现形式和常见的构图形式，欢迎一起多学习探讨哦！