本文来源: 优秀网页设计, 共 1482 字
Banner设计没灵感?不知道如何进行文字排版和配色,才能让店铺和产品更有吸引力……以下这9种文本布局方法和9个实用的配色技巧,可以让Banner中的文本标题快速具有形式感和亮点,让你的Banner设计脱颖而出。
分栏式的布局本身就可以创造疏密对比,色彩对比,如果文本置于中央横跨两边,可以部分借助剪切蒙板,来达到构造对比,强化形式感的目的。
作者:Nastya Morneva
作者:Maxim Nilov
作者:Stephen Perez
如果背景使用的是类似风景一类的图片,文本可以沿着其中特定的元素走势来排布,强化融入度和形式感。注意整体视觉保持协调优雅。
作者:Outcrowd
这是最简单的处理方法之一,标题中不同的词汇使用不同的色彩,用来凸显一部分,强化视觉。注意要和整体配色协调一致,注意不要用太多种色彩。
作者:Outcrowd
相似但是不同的字体可以搭配在一起,但是要注意,这种穿插搭配要结合本身的内容语义,强调突出关键词,营造和而不同的美感。
作者:Vladimir Kudinov
下划线、引号甚至一些数学符号拥有更强的几何特征,和文本本身有差异,构成对比,还能强化视觉感和形式感,如果搭配不同的色彩就更妙了。
作者:Miro / DrawingArt
作者:Robert Berki
作者:Lapa
让人物角色或者物品成为标题文本中的一个部分,借用类似的形体来替代文字,以达到信息传达的目的。
作者:Viacheslav Olianishyn
纯粹的镂空文本更容易融入背景,让背景中的图片元素能够更多地透出来,而文本本身的融入感和形式感也得到了加强。
作者:Viacheslav Olianishyn
来源:One Page Love
实底的文本和镂空的文本相互搭配,让标题内的字体相互之间构成对比,相映成趣,构建出虚实结合的美感。
作者:Gil
来源:Behance
文本中的字体和背景中的视觉主体相互之间穿插,在纵深上创造前后关系,让文本仿佛是实体,而不仅仅是信息载体。
作者:Daniel Snows
来源:Dribbble
在整体的配色设计中,使用暖色系色相,会给人带来温暖的感觉;用统一冷色系的话,会感觉寒冷。
来源:Behance
来源:QQ音乐
来源:Dribbble
暖色系加上纯度高的色彩,会给人以刺激;冷色系色彩加上纯度低的色彩,会让人感到平静。
以明度高的色彩为主,会显得轻快;以明度低的色彩为主,会显得庄重。
来源:Pinterest
来源:Dribbble
使用对比的色相和明度会显得活泼;使用统一类似的色彩则感到稳健。
来源:Dribbble
色相的数目多会显得热闹;色相数目少会显得冷清。
来源:Behance
来源:Pinterest
在画面中使用明色和暗色,若明色在上、暗色在下,会显得安定;反之,若暗色在上、明色在下,则会显得动感。
来源:Dribbble
使用比其他色调更强烈的色彩能够突出重点。
来源:Pinterest
将色彩用于极小的面积上时,会更加突出重点。
作者:Haeun Pyo
将色相、明暗、强弱等变化进行反复设置,可以产生节奏感。
来源:Behance
联系客服