高手分享字体设计在Banner设计中的一些经验和运用

来源:中国设计在线    时间:2020-07-23    站内收藏

大家在设计中一定逃不开banner设计了,Banner设计可以说是品牌视觉设计中极为常见的,一般来说像网站页面的品牌宣传、电商平台的首屏商品广告、杂志手册上的大标题等,都离不开banner设计

而字体设计作为电商广告Banner中的灵魂,对banner主题的呈现起着关键作用,今天我们一起来探讨一下关于Banner文字设计的一些经验和方法。

 

①文字排版

Banner中的文字信息传达应与口语表述相似,需要抑扬顿挫、重点突出地进行。在文字排版上,要求重点突出,大小粗细错落有致。字与字之间的结构、布局、留白、组织、呼应等要疏密有序。字体保持在两种左右,加入一些跟内容有关联的元素或者形状,可以很好地表达整个设计的情绪。

字体<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a>在Banner<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a>中的一些经验和运用

在明确主题以及内容之后,我们就要根据主题和内容来设计版式,版式就是画面的整体布局,好的版式能够清楚的表达核心思路,正确的展示想要给用户看的东西;大体上排版一般分为两种:图文左右排版和文字居中排版。

1、图文左右排版

字体<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a>在Banner<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a>中的一些经验和运用

因为我们的视觉浏览习惯都是从左往右还有从上到下的,所以我们在做 Banner 的时候会经常性的选择使用左右排版,那么使用左图右文还是左文右图也是需要根据主题和内容来决定的。

当配图示意比较模糊的时候,我们使用左文字右图的形式,强调文字的吸引力,有一定指导作用。

字体<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a>在Banner<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a>中的一些经验和运用

图片来自花瓣

这里文字能够精准地将信息带给用户,文字所占比例比图片多些,这也解释了为何大部分左文右图排版的 Banner 都是文字占比大于图片。

当配图示意比较明确,同时图片能够强调吸引的时候,我们采用左图右文字,如下图:

字体<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a>在Banner<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a>中的一些经验和运用

使用左图右文字,也是因为图片的内容更吸引用户多一些,所以对图像的品质要求更高,精致感品质感也有要求,这种类型大多使用在家居,护肤等产品上。

小结:图文左右排版,以分割排版的方式构图,画面有明确的独立性和引导性,这种方式留白更多,较好的视觉引导和方向使信息更明确,更显品质感。

 

2、文字居中

文字居中的排版多用于电商促销、公众号的文章封面等,大多是突出文字的内容,比如促销的折扣,文章的主题等,其余的产品或者图片都是为了搭配文字做出的气氛烘托,吸引用户点击。

字体<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a>在Banner<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a>中的一些经验和运用

图片来自花瓣

使用这种方式让画面展示规整稳定、醒目大方,视觉更聚焦,信息更集中,在突出主体的同时能使整体画面具有一定的冲击力。

小结:文字居中布局对于实物(人,商品,创造形象)要求并不高,文字信息本身的处理要求就会高一点。在确认好主题和内容后,我们根据产品所要突出的重点来决定我们的版式,是要突出文字还是突出产品,突出产品即使用左图右文字,这种版式对产品的图片要求比较高;想要突出文字,则可以选择左文字右图或者文字居中排版,但都对文字的设计要求比较高。 不确定用什么版式,我们可以在设计的时候不妨多做几个版本,大胆尝试。

 

②文字设计

Banner的文字信息是其表达中心思想的灵魂,如果在设计文字的时候全部使用自带字体,会使 Banner显得太过生硬,不富有情感,应该更多地采用字体变形,重新组合。通过不同的笔触粗细和宽高比例,展现 Banner的视觉冲击力和活力。

字体<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a>在Banner<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a>中的一些经验和运用

文案内容要高效的传递信息,吸引用户注意力,让人一下子看到主题,文案中文字的排版要区分主次,把控好信息层级;使用合适的字体,明确字体适用的场合,同一画面中字体的使用尽量不要超过三种,过多会显得杂乱,要使用识别度高的字体。

而 Banner 中常用的字体有三种:衬线体、非衬线体和书法体。

 

1、衬线体

衬线体笔画有粗细之分,它模仿的是中国古代字体和古代碑文上的字体,简单且易变形,衬线体能给人古典,经典,文艺的感觉,适合用于文艺气息的家居用品或文娱类的相关宣传设计上。

字体<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a>在Banner<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a>中的一些经验和运用

图片来自花瓣

以上图为例:文案内容中的“全面沦陷”,让人一目了然;下面一行的内容,更加详细解释了上面的主标题。画面颜色凸显主题,所以字体变形,使用白色,反而在画面中更加突出。衬线字体一般推荐使用方正经黑简体、方正俊黑、方正兰亭显黑简体、华文细黑等,使用的时候注意版权问题。

 

2、非衬线体

非衬线体较简洁,笔画较粗,很容易产生视觉重点,非衬线字体体现现代、简约的特性,适合用于苍劲有力、促销类的相关设计,吸引用户注意力,提高Banner点击率。

字体<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a>在Banner<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a>中的一些经验和运用

图片来自花瓣

以上图为例:主副标题区分清楚,在字体笔画变形上,结合科技感的气氛,增加了光的流动感,让标题不会过于死板。非衬线字体常用的有:汉仪润圆、方正综艺简体、造字工房劲黑、造字工坊版黑、方正兰亭粗黑、冬青黑体、思源黑体等。

 

3、书法体

书法体源自中国古代,能体现中国文化和挥洒墨水的豪气,适用于传统、中国风、意境的文艺主题和金戈铁马般的豪迈主题。

字体<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a>在Banner<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a>中的一些经验和运用

图片来自花瓣

上图为例:中秋节是中国的传统文化,使用书法体能够将整体画面营造的中国古典风更好的融合起来,书法体推荐李旭科书法、汉仪尚巍手书、叶根友行书繁体等字体 。

小结:不管是使用哪种类型的字体,在制作 Banner 时,我们都需要清楚的知道整张 Banner 所要表达的情绪,从而在字体的设计上也能够表现出情绪,这样才能够更好地融合进 Banner ,进而更好的表达出你想要的主题。

本文来源:中国设计在线

上一篇:返回列表
关键词: 字体设计 Banner设计 
编辑:cdo
相关阅读
    正在加载...