分享

搞好文本标题排版和配色,让BANNER设计脱颖而出 | 设计驱动力

 天地虚怀xia 2020-06-22

               本文来源: 优秀网页设计, 共 1482 字

Banner设计没灵感?不知道如何进行文字排版配色,才能让店铺和产品更有吸引力……以下这9种文本布局方法和9个实用的配色技巧,可以让Banner中的文本标题快速具有形式感和亮点,让你的Banner设计脱颖而出。

1、分栏式布局+剪切蒙板

分栏式的布局本身就可以创造疏密对比,色彩对比,如果文本置于中央横跨两边,可以部分借助剪切蒙板,来达到构造对比,强化形式感的目的。

搞好文本标题排版和配色,让BANNER设计脱颖而出

作者:Nastya Morneva

搞好文本标题排版和配色,让BANNER设计脱颖而出

作者:Maxim Nilov

搞好文本标题排版和配色,让BANNER设计脱颖而出

作者:Stephen Perez

2、沿着图片背景元素走向排布

如果背景使用的是类似风景一类的图片,文本可以沿着其中特定的元素走势来排布,强化融入度和形式感。注意整体视觉保持协调优雅。

搞好文本标题排版和配色,让BANNER设计脱颖而出

搞好文本标题排版和配色,让BANNER设计脱颖而出

作者:Outcrowd

3、用不同色彩穿插搭配

这是最简单的处理方法之一,标题中不同的词汇使用不同的色彩,用来凸显一部分,强化视觉。注意要和整体配色协调一致,注意不要用太多种色彩。

搞好文本标题排版和配色,让BANNER设计脱颖而出

搞好文本标题排版和配色,让BANNER设计脱颖而出

作者:Outcrowd

4、用类似风格的字体搭配组合

相似但是不同的字体可以搭配在一起,但是要注意,这种穿插搭配要结合本身的内容语义,强调突出关键词,营造和而不同的美感。

搞好文本标题排版和配色,让BANNER设计脱颖而出

搞好文本标题排版和配色,让BANNER设计脱颖而出

搞好文本标题排版和配色,让BANNER设计脱颖而出

搞好文本标题排版和配色,让BANNER设计脱颖而出

作者:Vladimir Kudinov

5、使用装饰性辅助元素

下划线、引号甚至一些数学符号拥有更强的几何特征,和文本本身有差异,构成对比,还能强化视觉感和形式感,如果搭配不同的色彩就更妙了。

搞好文本标题排版和配色,让BANNER设计脱颖而出

作者:Miro / DrawingArt

搞好文本标题排版和配色,让BANNER设计脱颖而出

搞好文本标题排版和配色,让BANNER设计脱颖而出

搞好文本标题排版和配色,让BANNER设计脱颖而出

搞好文本标题排版和配色,让BANNER设计脱颖而出

作者:Robert Berki

搞好文本标题排版和配色,让BANNER设计脱颖而出

作者:Lapa

6、把图片元素作为文本一部分

让人物角色或者物品成为标题文本中的一个部分,借用类似的形体来替代文字,以达到信息传达的目的。

搞好文本标题排版和配色,让BANNER设计脱颖而出

作者:Viacheslav Olianishyn

7、用纯镂空效果融入背景

纯粹的镂空文本更容易融入背景,让背景中的图片元素能够更多地透出来,而文本本身的融入感和形式感也得到了加强。

搞好文本标题排版和配色,让BANNER设计脱颖而出

作者:Viacheslav Olianishyn

搞好文本标题排版和配色,让BANNER设计脱颖而出

来源:One Page Love

8、同一字体虚实结合营造对比

实底的文本和镂空的文本相互搭配,让标题内的字体相互之间构成对比,相映成趣,构建出虚实结合的美感。

搞好文本标题排版和配色,让BANNER设计脱颖而出

搞好文本标题排版和配色,让BANNER设计脱颖而出

作者:Gil

搞好文本标题排版和配色,让BANNER设计脱颖而出

来源:Behance

9、字体和图片元素穿插使用

文本中的字体和背景中的视觉主体相互之间穿插,在纵深上创造前后关系,让文本仿佛是实体,而不仅仅是信息载体。

搞好文本标题排版和配色,让BANNER设计脱颖而出

作者:Daniel Snows

搞好文本标题排版和配色,让BANNER设计脱颖而出

搞好文本标题排版和配色,让BANNER设计脱颖而出

来源:Dribbble

10、注意冷暖色

在整体的配色设计中,使用暖色系色相,会给人带来温暖的感觉;用统一冷色系的话,会感觉寒冷。

搞好文本标题排版和配色,让BANNER设计脱颖而出

搞好文本标题排版和配色,让BANNER设计脱颖而出

搞好文本标题排版和配色,让BANNER设计脱颖而出

来源:Behance

搞好文本标题排版和配色,让BANNER设计脱颖而出

来源:QQ音乐

搞好文本标题排版和配色,让BANNER设计脱颖而出

搞好文本标题排版和配色,让BANNER设计脱颖而出

来源:Dribbble

11、不同纯度高低的色彩搭配

暖色系加上纯度高的色彩,会给人以刺激;冷色系色彩加上纯度低的色彩,会让人感到平静。

搞好文本标题排版和配色,让BANNER设计脱颖而出

搞好文本标题排版和配色,让BANNER设计脱颖而出

搞好文本标题排版和配色,让BANNER设计脱颖而出

12、不同明度高低的色彩搭配

以明度高的色彩为主,会显得轻快;以明度低的色彩为主,会显得庄重。

搞好文本标题排版和配色,让BANNER设计脱颖而出

搞好文本标题排版和配色,让BANNER设计脱颖而出

搞好文本标题排版和配色,让BANNER设计脱颖而出

来源:Pinterest

搞好文本标题排版和配色,让BANNER设计脱颖而出

来源:Dribbble

13、注意对比和统一

使用对比的色相和明度会显得活泼;使用统一类似的色彩则感到稳健。

搞好文本标题排版和配色,让BANNER设计脱颖而出

搞好文本标题排版和配色,让BANNER设计脱颖而出

搞好文本标题排版和配色,让BANNER设计脱颖而出

来源:Dribbble

14、确定色相数量

色相的数目多会显得热闹;色相数目少会显得冷清。

搞好文本标题排版和配色,让BANNER设计脱颖而出

搞好文本标题排版和配色,让BANNER设计脱颖而出

搞好文本标题排版和配色,让BANNER设计脱颖而出

搞好文本标题排版和配色,让BANNER设计脱颖而出

来源:Behance

搞好文本标题排版和配色,让BANNER设计脱颖而出

搞好文本标题排版和配色,让BANNER设计脱颖而出

搞好文本标题排版和配色,让BANNER设计脱颖而出

来源:Pinterest

15、注意画面明暗位置

在画面中使用明色和暗色,若明色在上、暗色在下,会显得安定;反之,若暗色在上、明色在下,则会显得动感

搞好文本标题排版和配色,让BANNER设计脱颖而出

搞好文本标题排版和配色,让BANNER设计脱颖而出

来源:Dribbble

16、色调强弱对比突出重点

使用比其他色调更强烈的色彩能够突出重点。

搞好文本标题排版和配色,让BANNER设计脱颖而出搞好文本标题排版和配色,让BANNER设计脱颖而出

搞好文本标题排版和配色,让BANNER设计脱颖而出

来源:Pinterest

17、色彩面积对比突出重点

将色彩用于极小的面积上时,会更加突出重点。

搞好文本标题排版和配色,让BANNER设计脱颖而出

搞好文本标题排版和配色,让BANNER设计脱颖而出

作者:Haeun Pyo

18、色彩的变化和重复产生节奏感

将色相、明暗、强弱等变化进行反复设置,可以产生节奏感。

搞好文本标题排版和配色,让BANNER设计脱颖而出

搞好文本标题排版和配色,让BANNER设计脱颖而出

来源:Behance

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多