Banner中的文字设计初探

Banner中的文字设计初探

Banner作为互联网时代产品推广的主要形式,其视觉效果受多种因素制约,而文字作为banner设计中信息传递的主要载体之一,其表现好坏直接影响最终的推广结果 。文章从Banner设计中文字的表现角度出发,对文字表现的原则及具体方法进行了分析和总结,希望可以为以后的Banner设计提供参考 。

Banner作为网站页面和移动端界面的广告 , 是表现商家广告内容的图片,是互联网广告中最基本的广告形式 。它的核心使命是吸引用户的关注和点击,其主旨就是主题明确,突出关键内容,在最短的时间内抓住用户的眼球,引发用户强烈的点击欲望 。在当今互联网时代,任何一款互联网产品都需要搭建PC或移动平台进行推广,而Banner是推广的一种主要手段,文字表现作为Banner设计中的核心要素之一,怎么发挥文字的最大作用达到预期效果成为一个值得研究的课题 。
一、Banner的特点和设计现状

 ?。ㄒ唬?Banner的特点

互联网时代,Banner作为网络中最常见最有效的宣传方式,是网站最主要的宣传窗口 。Banner作为广告形式的一种,和传统广告相比,受网络带宽、加载速度以及呈现终端影响,Banner具有自己的特点:

1.大小限制 。控制Banner大小,节约带宽,广告点击后Banner能以最快的速度呈现给用户 。

2.时效性 。Banner多用于短期活动和产品推广,要求在短时间内吸引最多用户,所以几秒钟之内吸引用户并留下深刻印象非常重要 。

3.准确性 。根据客户端预留位置的不同,对尺寸大小有不同的要求,尺寸要求精确,并且都是精确到像素 。

4.体验性 。是指用户在使用一个产品或系统之前、使用期间和使用之后的全部感受 。

 ?。ǘ〣anner的现状

谈到Banner设计,很多人会觉得随便拼凑一些素材就可以,不需要太多的设计思想 , 由于它的时效性,很少有人把它拿到一定高度去谈及 。设计Banner并不是一件复杂的事情,但设计一个视觉冲击力强、点击量高的Banner是值得研究和关注的 。

二、Banner设计中的文字

 ?。ㄒ唬〣anner的文字组成

Banner中的文字由主题文字和辅助文字组成 。一般主题文字要增加一些设计效果增强主题的张力,使主标题变得更加有艺术性、专属性,从而让主题诉求更加明确 。不同的主题要表达的风格不同 , 使用的字体也不一样 , 面对不同的受众群设计师要投其所好 , 才会有好的投放效果 。

辅助文字一般都用电脑字体,辅助文字对识别性要求高于视觉的艺术表现 。

 ?。ǘ┪淖衷贐anner中的核心作用

Banner中的文字设计是集传播功能和情感意象于一体的表现符号,是Banner中最直观、最明了、最迅速的一种信息载体 。在这个读图时代,图片脱离文字就很难准确地传达信息,但文字脱离图片也可以实现信息传播 。文字是Banner设计的核心要素,文字在Banner中的功能是信息传递和视觉审美,要兼顾应用性和艺术性 , 既要符合视觉审美规律,又要有很强的识别性,以便在传递文字信息时获得最佳效果 。

三、Banner中的文字设计

 ?。ㄒ唬〣anner文字设计的原则

1.文字信息的准确性

所谓的准确性也就是反映内容的准确度 。文字的主要功能是通过Banner向大众传播作者的意图、产品信息、促销信息,要达到这一目的必须考虑文字的整体诉求效果,准确地传达字义、词义,给人以清晰确切的视觉印象 。

2.文字风格的创意性

根据Banner主题的要求,文字设计应该具有特殊性,创造与主题相符合的字体给人以别样的视觉感受,有利于产品形象的传播和延续 。

3.文字设计的视觉性

在Banner中,文字作为整个画面的主要元素,不仅承载着要表达的信息,也承载着一种美感 。

此外 , 创意的文字不仅能体现文字的含义,还能表达语句的“抑扬顿挫”来赋予文字情感 。

4.文字设计的适用性

因为Banner图的呈现载体既可能是PC端 , 也可能是移动端,这就要求它要考虑多种界面的适应性,不同的展示端文字也能保持清晰的质量 。

 ?。ǘ〣anner文字设计的表现方法

Banner设计一般都是在较短时间内完成,对字体设计也是用最快速、简便的方法处理 。常见的Banner中文字字体设计方法有以下几种:

1.字体的造型变化

如果在设计Banner的时候,直接用电脑打一行字放上去 , 会让整个Banner显得呆板木讷、毫无生气 , 这时候就需要我们对字体进行变形、组合,添加与主题相关的元素 。如图1中“整点聚”中的“点”和时针元素组合加上文字的整体处理,增加了整个Banner的活力 。

 ?。?)字体的倾斜、切割

由于界面中的文字和图形大都是横平竖直的的布局,字体的倾斜打破这种横平竖直的界面,展现出一种活力、视觉冲击力,能够在较短时间内吸引用户的眼球,使Banner更有动感 。

 ?。?)字体的二维设计

字体的二维设计,包含字形和字义的设计,根据Banner所表达的主题和文字所表达的含义把字体形态形象化、意象化、装饰化的表现形式 。中“骑单车”和自行车意象相结合 , 让字体变得生动有趣 。

 ?。?)字体的立体效果

利用字体的3D效果,增强字体的分量感和震撼力,使字体和背景增强反差,形成强烈的虚实对比,从而成为画面的视觉焦点 。“智能电视冰凉视觉体验”打造成立体冰块状,既带来了清凉的视觉体验,又提高了文字的视觉冲击力 。

2.字体的肌理变化



【Banner中的文字设计初探】 有时候需要配合主题为文字增加一些肌理效果 , 比如教师节要用粉笔肌理的字体,圣诞节要制作雪的肌理;天猫圣诞主题文字用了雪的肌理,肌理的运用可以进一步阐明主题,烘托出Banner的主题设计氛围 。

3.字体的排列变化

通过对字体大小、间距、排列次序进行设计使文字排版具有序列、对比、参差、强弱等具备设计情感的节奏和韵律 , 赋予设计师所想体现的情感 。文字排版应该注意以下几个方面:

 ?。?)大小对比

分清主标题和副标题是抓住设计主旨的第一步,主标题一般要大而醒目,副标题起到辅助主标题的作用,一般比较弱化 。根据字体大小不同所形成的粗细、虚实,就能产生轻重缓急、高低错落的节奏感和韵律感 。

 ?。?)字间疏密对比

中国书法理论上有“字划疏处可使走马,密处不使透风”的美学观念 。指的是字与字之间的结构、布局、留白、组织、呼应等方面要疏密有序 。

 ?。?)字体颜色对比

主次文字之间可以使用不同的颜色,主标题的颜色纯度和饱和度要高,副标题和正文标题颜色要相对弱化 。

 ?。?)字体结构对比

主标题、副标题、辅助文字可以用不同字体来加大字体结构之间的对比,形成虚实、强弱的节奏感,营造舒适的视觉空间 。

此外,字体排列还要考虑用户的阅读习惯,还有Banner所在客户端的页面布置,留出上下左右边距和边角,确保Banner的重要内容不要被遮挡 。

结语

随着互联网时代的快速发展,Banner设计将会越来越普遍,Web端和移动端推广中占的比重也会越来越大 , 这对很多视觉设计师来说既是机遇又是挑战,如何理解用户需求 , 用较好的文字视觉效果换来更好的视觉效果,需要进一步探索 。

掌握好Banner文字设计的主要原则和方法 , 以合情合理而又新颖具有冲击力的方式传递信息,一定会取得良好的效果 。

经验总结扩展阅读