广告横幅设计排版技巧

漂亮、整洁、协调的网页横幅设计会令我对其顿生好感。本文介绍了如何轻松设计漂亮网页横幅的几个实例。不需要沉迷于 FLASH 软件中，译者的话】很多时候 ...对一个网站或博客网页的第一印象都来源于上方的网页横幅。漂亮、整洁、协调的网页横幅设计会令我对其顿生好感。本文介绍了如何轻松设计漂亮网页横幅的几个实例。不需要沉迷于 FLASH 软件中，译者的话】很多时候。静态的平面设计自有其力量！ 思考的只是如何分配区域。 设计一个吸引人的网页主横幅其实可以很简单。 点击上图看大图 上方的横幅是最重要的视觉元素。很多博客网页中，一个简单的网页中。甚至是唯一的视觉元素。所以它作用可以说是相当大的必须能够与网站的风格配合，并能传达视觉上的信息。必须让人看上一眼就让人知道这个网站是属于什么类型，风格是什么。这个横幅还必须能够提供简单明了导航链接。所有这些，都可以通过将横幅分成三个区域而轻松实现：每一个区域都具有自己的功能，而我还要将这三个区域在视觉上统一，使三者具有相似性及协调性。看一下我本文中所介绍的例子。 从划分空间开始： 而高度又相当窄。将其分成三个区域：名称，一个网页横幅的宽度横跨整个网页。图片及导航链接。然后我分别对其进行设计。 都是将名称放在左上方，如何分配区域：一般来说。而导航栏目放在下方。其空间的分配应该慎重。空间的比例大小是根据具体的名称（长或短）和图片而定的很难说有什么最佳的比例。但是应该避免将上方空间分成两等份，因为分成两等份会让人的注意力都放在版式上，而不是放在内容上。采用不对称的分布效果会更好。 寻找一张具表现力的图片： 还要仔细研究一下截取照片的哪一部分可以最有效传达相关的信息。其实在实践中你会发现，一张漂亮的图片是设计一个漂亮横幅的关键。找到照片后。要发掘这一点并不难。 有树，截取照片时应记住一点：尽可能截取能够传达最多信息的那一部分。上图这张田园式的风景图片中。有草，有山，有阳光 — 看一下我截取的部分，都将这几个主要的图片元素都包括了这正是所需要的面积虽比原图小很多，但截取后的图片所要传达的信息不但没有减少，而且在层次感上还加强了图片上有丰富的明暗区域（见黑白图片）形成近、中、远三种视觉效果。 用颜色分配区域： 将这种颜色的色阶由暗到亮排列，用吸管工具从图片选取一种较深的颜色。然后我再来决定哪一个区域用哪一种颜色。特别要注意的能产生对比。 可以说，强对比更具冲击力：上述所有的颜色都拥有同一种色调。而且这些颜色理论上都是来自于图片。无论你如何将颜色分配到区域中，一般来说，都可以形成协调的搭配。但对比度却会因你不同分配而有所区别。强对比具有冲击力，而低对比显得更平静（但也因此给人的印象不深） 放置名称及导航文字： 要对付文字。文字应该能够与图片产生互补：繁杂的图片 / 简单的字体；优雅的图片 / 优雅的字体；平静的图片 / 装饰性强的字体。 确定颜色后。 文字在颜色使用上的互换。绿色的文字用在金黄色背景上，首先留意上图中。反之，金黄色的字体用在绿色背景上 — 这样的互换使用可以使整个版面显得更加统一协调。 行与行之间的字体应该是整齐的避免使用某些高低不平的字体或小字字母，上图 1 一个非常长的名称应该分成两行或多行。这样会在如此狭窄的小空间中造成冲突。大写字母是这个例子中的第一选择。采用一种平静优雅的字体，与这幅漂亮的图片产生互补。 显得过于奇特了只会在这里喧宾夺主。 2 避免使用这种装饰性较强的字体。 但与这个例子中的图片或网站风格不搭配。 3 这种字体虽然很漂亮。 采用补色： 一张半抽象的图片传达出 D&T 建筑设计公司的风格，这个例子中。如果我按上面的那个例子来选择颜色，那蓝 / 灰的颜色会对 LOGO 产生过于抑制的影响，所以我使用一种反色。 点击上图看大图 而对于一间年轻的建筑设计公司来说，补色形成强烈的对比效果：整张图片都是由冷色构成。蓝色不能传达它那种冲劲及活力。解决办法：用蓝色的反色或补色来安排 LOGO 区域。首先在色轮上确定蓝色的位置，然后选择与其相对的另一种颜色（见上方色轮）互为补色的两种颜色并不拥有同一种基色（不象其它颜色关系，比如，绿色及橙色，这两种颜色都有黄色在里面）这就是为什么互为补色的两种颜色能够形成非常强烈的对比。上方这个色轮中，紫色与黄色具有最高的色度对比。 与LOGO 配合： 这个标志几乎没有改变过。这就是经典！这种情况下，Fairweath Down 标志已经有五十年的使用历史了这么长的岁月中。设计重点应该是考虑标志而不是图片。 点击上图看大图 一种是暧色。 绿色及米色均属二次色（ secondari color 指三原色中任两色混合而成的中间色 — 译注）其中一种是冷色。 可以让我轻易设计其它一些元素，借用 LOGO 原来的一些特征 — 双线框及圆角等元素。而且使整个横幅都同样显得经典味十足。由于这个 LOGO 最看重的元素，图片相对来说则较为次要。留意 LOGO 中， Fairweath 与 Down 这两种字体的风格相去甚远：手写体 / 罗马体，尺寸小 / 尺寸大，小写字母 / 大写字母，而线条的粗细则很相似，两者结合，形成一种具有手工感的漂亮气息。 要创作这些圆角边框可以很容易做到 Indesign 软件中。 然后将线条尺寸调整你希望的大小， 1 画一个矩形。这里我用 2pt 选择了一种 “ Thin-Thin 双幼细线条类型， 2 打开线条（ Stroke ＞ 类型（ Type 下拉菜单中。

创意横幅广告设计要点

导语：banner的设计质量严重影响着整个网站页面的质量，一个好的页面、好的banner能够吸引浏览者的眼球。虽然banner只是网页页面中一个小元素，但是这个小元素往往能够起到关键性的作用。所以在进行横幅设计时需要引起足够的重视。下面就由我为大家介绍一下创意横幅广告设计要点，希望对大家有所帮助！

1、Banner的“重量”要轻。

以468×60的Banner为例，最好是15K左右，不要超过22K。而88×31的Banner最好在5K左右，不要超过7K太大的会引起网页打开速度，导致浏览下降，这里面也有个量的问题，太多的广告而影响浏览者浏览网页，导致反感这也是一个问题。所以放广告条的时候要考虑到广告的大小和多少，还有就是搭配问题。

2、banner设计中的文字注意事项

一般来说，网站制作一个banner分为两个部分，文字和辅助图。虽然辅助图站的面积比较大，但如果不加入文字说明的话，客户就会看不懂你做的banner要表现什么、要说明什么，所以文字是整个banner的主角，我们在制作banner的时候特别要注意对文字的处理和摆放。

（1）分清主标和副标，从主次上来说，主标为主，字体要大颜色要醒目。副标起到从内容上和形式上都辅助主标的作用。一个好的banner标题文字处理都比较饱满，比较集中。

（2）如果需求方整体文字太短，画面太空，可以用一些加入一些辅助信息丰富画面。如加点英文，域名，频道名等。

（3）如果主标太长，需求方不舍得删文字的情况下，对主标中重要关键字进行权重，突出主要的信息，弱化‘的’、‘之’、‘和’‘年’‘第X届’这种信息量不大的词。

3、从横幅设计上来看，需要注意：

（1）Banner的文字不能太多，用一两句话来表达即可。

（2）图形尽量选择颜色数少，能够说明问题的事物。

（3）广告语要朗朗上口，可以第一时间的让人捕获表达的重点。

（4）尽量不要使用彩虹色、晕边等复杂的特技图形效果，这样做会大大增加图形所占据的颜色数，增大体积。

（5）图形无须太繁杂，文字尽量使用黑体等粗壮的字体，否则在视觉上很容易被网页其他内容淹没。

（6）产品数量不宜过多。很多广告主总是想展示更多产品，少则4-5个，多则8-10个，结果使得整个 Banner 变成产品的堆砌。Banner 的显示尺寸非常有限，摆放太多产品，反而被淹没，视觉效果大打折扣。所以，产品图片不是越多越好，易于识别是关键。

（7）如果选择颜色很复杂的物体，要考虑一下在低颜色数情况下，是否会有明显的色斑。

4、Banner有动态和静态两种。

在浏览网页的过程中，虽然闪烁的图案会产生瞬间记忆刺激，引起注意，但这种记忆往往为压迫性的.，久之易产生负面效应，从而模糊记忆。而稳定的画面不易引发特殊的关注，但如果有良好的界面引导和内容，可产生良性的记忆，持久而牢固。根据粗略统计，100个Banner里面有1/3是静态的。

banner主要投放在网站中，在互联网媒体广告发展的今天，Banner条显示出越来越重要的作用。如何能通过Banner条去做好宣传，如何提高Banner的设计水平已成为设计师及企业家们思考的问题。所以网站中的横幅设计是banner中最受欢迎的。

横幅等同于条幅，在书写格式上横向书写，更方便的悬挂和向外展示。 达到3米幅宽的条幅和横幅属于专业的广告宣传耗材，有些条幅制作企业为了让幅宽达到3米会对条幅进行拼接，对于拼接而且的条幅在使用从美观程度上会有一定程度的降低，而且对于拼接点上很容易出现断裂，这样的宣传效果是任何商家也不想在做广告宣传时遇到负面影响。

横幅一般做多长

横幅设计版面多使用红底白字，也可以根据需求随意改变。

横幅的材质大多采用激光布、条幅布、贡缎布等。

横幅设计的宽度多为40cm、50cm、60cm、70cm、80cm、90cm、100cm。

大红条幅排版制作过程 条幅制作：

1、准备工作

必备材料包括转印布、复合转印纸（以下简称纸）。必备设备包括电脑（需安装好刻绘软件）、刻绘机、工作台、热转印条幅机。

2、排版输出

首先建立合适的画布，至少需要超过实际条幅的宽度，创建新文件；

其次输入设计好的文字，点击[高级功能—镜像选项]，根据自己的需求选择水平镜像、竖直镜像、固定角度、任意等多个方式，基本上比较常用的是水平镜像；

想要更准确的确定文字位置的小伙伴，可以选择先绘制辅助线进行位置确认，绘制竖直线，设置两边空留位置，设置文字大小、字体、字距等参数。

选中文字右键[文字分解]，每一个字为一个文字块，这样省时省力还能防止错误，字多的时候可考虑三四个字为一组，同时输出，经刻绘机输出刻在转印纸上。

再根据条幅所要求的底色和字色（一般红底白字比较常见），决定揭成阴文或阳文，选择相应的布，将转印纸有色的一面在布上贴紧，上机转印。

刻绘输出条幅

3、条幅加工

若做成黄底、红字、红边的条幅，则相反，在红色纸上刻字，并沿纵向加刻两直道，将字揭掉成阳文，留下两道红纸边（此时纸上看是红字白底红边），选黄色布上机转印。将条幅机升温到工作温度（一般在200摄氏度以上，因工作环境差异可能有所不同）转印布和制作好的转印纸一同经过上机转印就成型了！

导语：现在广告的形式多种多样，有常见的纸媒广告、电视广告、互联网广告和户外广告等等，不同形式的广告，它们的效果也不一样。所以我们在选择使用什么方式的广告的时候，最好先考虑清楚自己的需求在做决定。下面就由我为大家介绍一下创意横幅广告设计注意事项，希望对大家有所帮助！

1、横幅广告在网页中的第一感觉：对于网站广告条的目的就是吸引用户注意，然后吸引用户点击。所以一个优秀的广告条首先要做到的就是必须能够吸引用户浏览。而用户浏览网页的时间一般也就十几秒中，因此广告条必须在第一时间内吸引到用户的眼球。在设计广告条时，我们必须要考虑用户的浏览习惯，也就是只瞄一眼情况下，是否能引起用户足够的`重视。所以第一感觉对于广告条设计是最重要的一点。

2、广告条文本内容：对于广告条的文本文字内容来说，必须保持文字简短，重点突出。能在第一时间将最重要的信息高速用户才是设计目的。

3、横幅广告条中的图片内容统一性：如果你是一家销售电子产品的网站，那么你的广告条中就因该以电子产品为主，曾经看到一些产品广告条使用的图片全部都是一些人物，而真正的产品缺只是以文字形式表达，这样的广告条设计师很失败的。

4、在广告条中放入你的网址与标志：如果你的广告目的是以品牌推广为主，那么i标志与网站地址将是广告设计的重点，同样即便不是以品牌为主的banner，也有必要加入一些标志与网址信息，或是一些宣传口号。

5、横幅广告设计中最好放上“点击这里”等字样：你可以在广告条的某个角落，或动态广告条的最后一帧上加上“点击”这类字样，这是一种常用的设计经验。

6、广告条的尺寸：这个无需多数，对于banner来说大小一半不要超过50K，即便是一些FLASH广告也尽量减少下载时间，因为如果你的尺寸较大，当用户访问这个页面时，可能网页内容全部显示完了，你的广告条还没加载完成，而用户可能就在此时离开这个页面，那样看上去你的广告被浏览了，其实没有任何效果。

7、广告条的长度：这一点是针对GIF与FLASH广告条而言，长度最好控制在3秒以内。

8、广告条的颜色：颜色是人们的第一视觉体验，曾经看过很多网站广告通过刺眼的黄色来吸引用户眼球，这个我给的意见是，颜色需要醒目，但并能让用户产生反感，因为最终目的是希望用户能点击，所以色彩的应用很有讲究，要让用户眼前一亮，但不能产生反感。这里有个技巧，就是使用统一的大色块配色，同是颜色尽量选择一些一般网站中很少用的色彩，比如深绿色，绿色，深红色，黑色等。

9、尽量不要用FLASH来设计广告条。

10、用蓝色来强调点击：在广告条中点击的按钮文字可以用带有下划线的蓝色文本来显示，因为用户浏览网页时视觉是在整个网页上扫视，此类蓝色点击文字是最能吸引用户的方法之一。