平面设计中的图文搭配指南
文本与图像搭配的通用技巧,下面就让我们一起来看看吧:
01.构图
文本与图像的排列可以成就一份设计也可以毁了一份设计。文本太小,背景繁杂,或有其他元素降低易读性,都会使作品效果大打折扣。文本只是一个方面,图片的摆放也尤为重要。所以需同时注意以下两个方面:
图片的构图。无论是选择自己摄影还是选择别人的照片,都要注意照片的留白,画面背景需留出足够的空白放置来文字(除非你想添加其他设计元素装饰字体,或者制作精细的背景,之后我们再讨论这个问题)。案例中的杂志封面是一张有大片的天空的垂直的景观照。有大片水域或者天空的自然景观照是放置文本的绝佳背景,简洁干净的留白能够突出文字。
图文的结合构造了整体构图。相比细节,设计更看重的是整体。即使同时使用了好照片,好看字体,好文案,如果构图不好,效果也会大打折扣。构图方法之一是根据图片的形状来摆放文字。
或者尝试其他的摆放布局,不要局限于将文字放置在一张背景图片上,文字和图片可以有很多种组合方式。
02.建立焦点
焦点是一张好的构图的关键。焦点是吸睛的视觉元素,具有引导读者浏览你的设计的功能。如果一个平面设计作品中同时含有文字和图片,那么焦点只能在文字和图片中二者选其一,先决定哪一个更重要,再通过颜色,尺寸,位置或其他手段来突出它。案例中作者用度假景点的照片作为焦点,符合了旅游网站的定位。在此设计中,度假景点的照片延展到了全屏且颜色最深(其他的设计元素都是浅色),自然成为了读者的第一关注点,同时,垂直线、图形的使用也吸引了读者观看文本。
如果你觉得文字和图片同样重要,也可以选择将它们同时突出。
03.平衡
画面平衡也是平面设计的一个重点。想象一下,如果一个大人和一个小孩玩跷跷板,会很不平衡,设计也是如此,如果某部分过于繁杂会导致整体画面不平衡。平衡问题和焦点问题不同,视觉重量大的部分通常会与其他设计部分视觉分离。设计元素太纷繁杂乱,或所有的内容都挤在了一边,或摆放出了问题。这些都会导致画面失衡。对于一个只有文字和一张图片的简单设计,比如登陆页面和书本/杂志封面,画面平衡很重要:设计元素越少,越难布局。
04.图片选择
平面设计中,图片有着很大的作用,它能为设计奠定背景、基调和感情。图片和文字搭配的好,读者会轻易领悟到作品的内涵。所以,除非你故意想创造些视觉上的矛盾,你最好使用和文字相匹配的图片。下面是一个非常有趣的案例,图片中模糊的形象和放置在男人眼睛上的文字都加强了“伪装”的主题,正好和书名一样。这些设计共同促进了文字和图片的搭配,它们之间的关系清晰又有趣,连贯地连接在一起。
05.给你的文字创造一个背景
如前所述,为你的文本创建一个易于阅读的空间是很重要的,有两种方法可以做到:
选择带有空白处的图像。这又回到了关于构图的第一个秘诀。带有大而清晰的区域、模糊的焦点的照片是最好的选择。若文本后的背景精细复杂,会影响读者阅读。
编辑或添加滤镜。当你为你的设计找到了完美的图片,但不适合将文本放在其顶部,它也没有多余的清晰的空间,或者它有很多有趣的细节。通过一些小技巧,你仍然可以使用它。
添加一个图形:用纯色和透明色的图形只覆盖背景的一部分,再将文本覆盖在图形上。
添加一个透明的颜色叠加图层:用透明的颜色图层覆盖整个背景,淡化背景的细节,再将文本覆盖在叠加图层上。
调亮或调暗图像:如果不想在背景上添加别的东西,试着调亮或调暗图像。例如,下面的背景被暗化后,白色的文本凸显了出来
06.用色彩和对比度提高可见度
不用其他的技巧,颜色和对比度是凸显文字的好方法。选择颜色方案有很多方法,现在让我们来看看有关搭配文本和图像的方法。
直接在图像中取色,应用到文字上去。
用对立色会给设计带来强烈的对比感,视觉效果。你可以在色轮中选择对立的颜色,如蓝色搭配橙色,或者紫色搭配黄色。
你可以尝试用颜色达到对比的效果(如前所述),也可以尝试通过大小、形状、位置等实现对比。下面的明信片设计采用了上述所有的对比手法:鲑鱼红和蓝绿色形成颜色对比;文字的大小,字体的选择形成对比;倾斜弯曲的“ROAD”一词与明信片中的水平元素形成对比。所有的这些创造了一个有趣吸睛的作品。
01.构图
文本与图像的排列可以成就一份设计也可以毁了一份设计。文本太小,背景繁杂,或有其他元素降低易读性,都会使作品效果大打折扣。文本只是一个方面,图片的摆放也尤为重要。所以需同时注意以下两个方面:
图片的构图。无论是选择自己摄影还是选择别人的照片,都要注意照片的留白,画面背景需留出足够的空白放置来文字(除非你想添加其他设计元素装饰字体,或者制作精细的背景,之后我们再讨论这个问题)。案例中的杂志封面是一张有大片的天空的垂直的景观照。有大片水域或者天空的自然景观照是放置文本的绝佳背景,简洁干净的留白能够突出文字。
图文的结合构造了整体构图。相比细节,设计更看重的是整体。即使同时使用了好照片,好看字体,好文案,如果构图不好,效果也会大打折扣。构图方法之一是根据图片的形状来摆放文字。
或者尝试其他的摆放布局,不要局限于将文字放置在一张背景图片上,文字和图片可以有很多种组合方式。
02.建立焦点
焦点是一张好的构图的关键。焦点是吸睛的视觉元素,具有引导读者浏览你的设计的功能。如果一个平面设计作品中同时含有文字和图片,那么焦点只能在文字和图片中二者选其一,先决定哪一个更重要,再通过颜色,尺寸,位置或其他手段来突出它。案例中作者用度假景点的照片作为焦点,符合了旅游网站的定位。在此设计中,度假景点的照片延展到了全屏且颜色最深(其他的设计元素都是浅色),自然成为了读者的第一关注点,同时,垂直线、图形的使用也吸引了读者观看文本。
如果你觉得文字和图片同样重要,也可以选择将它们同时突出。
03.平衡
画面平衡也是平面设计的一个重点。想象一下,如果一个大人和一个小孩玩跷跷板,会很不平衡,设计也是如此,如果某部分过于繁杂会导致整体画面不平衡。平衡问题和焦点问题不同,视觉重量大的部分通常会与其他设计部分视觉分离。设计元素太纷繁杂乱,或所有的内容都挤在了一边,或摆放出了问题。这些都会导致画面失衡。对于一个只有文字和一张图片的简单设计,比如登陆页面和书本/杂志封面,画面平衡很重要:设计元素越少,越难布局。
04.图片选择
平面设计中,图片有着很大的作用,它能为设计奠定背景、基调和感情。图片和文字搭配的好,读者会轻易领悟到作品的内涵。所以,除非你故意想创造些视觉上的矛盾,你最好使用和文字相匹配的图片。下面是一个非常有趣的案例,图片中模糊的形象和放置在男人眼睛上的文字都加强了“伪装”的主题,正好和书名一样。这些设计共同促进了文字和图片的搭配,它们之间的关系清晰又有趣,连贯地连接在一起。
05.给你的文字创造一个背景
如前所述,为你的文本创建一个易于阅读的空间是很重要的,有两种方法可以做到:
选择带有空白处的图像。这又回到了关于构图的第一个秘诀。带有大而清晰的区域、模糊的焦点的照片是最好的选择。若文本后的背景精细复杂,会影响读者阅读。
编辑或添加滤镜。当你为你的设计找到了完美的图片,但不适合将文本放在其顶部,它也没有多余的清晰的空间,或者它有很多有趣的细节。通过一些小技巧,你仍然可以使用它。
添加一个图形:用纯色和透明色的图形只覆盖背景的一部分,再将文本覆盖在图形上。
添加一个透明的颜色叠加图层:用透明的颜色图层覆盖整个背景,淡化背景的细节,再将文本覆盖在叠加图层上。
调亮或调暗图像:如果不想在背景上添加别的东西,试着调亮或调暗图像。例如,下面的背景被暗化后,白色的文本凸显了出来
06.用色彩和对比度提高可见度
不用其他的技巧,颜色和对比度是凸显文字的好方法。选择颜色方案有很多方法,现在让我们来看看有关搭配文本和图像的方法。
直接在图像中取色,应用到文字上去。
用对立色会给设计带来强烈的对比感,视觉效果。你可以在色轮中选择对立的颜色,如蓝色搭配橙色,或者紫色搭配黄色。
你可以尝试用颜色达到对比的效果(如前所述),也可以尝试通过大小、形状、位置等实现对比。下面的明信片设计采用了上述所有的对比手法:鲑鱼红和蓝绿色形成颜色对比;文字的大小,字体的选择形成对比;倾斜弯曲的“ROAD”一词与明信片中的水平元素形成对比。所有的这些创造了一个有趣吸睛的作品。
上一条:没有了!
下一条:线---平面设计中的重要组成