背景设计指南

背景设计指南

设计是一种安排不同元素以达到某种特定目的的计划。——查尔斯·伊莫斯

为了安排好设计素材,你需要一个地方开始你的设计。背景是平面设计的地基。将不同图形组合成一副成功的作品,背景功不可没。

我们可以用文本和色彩制造深度和对比,使设计图形脱颖而出。也可以用精美合成的图片叠加文本,同时传达视觉和内容信息。

给作品添加背景可使设计视觉上、内容上更加丰富。

福利:本文提供多个现成模板供读者个性化编辑。点击模板进入canva账号进行编辑。(免费申请canva账号)

不同的背景可给设计作品带来很大的改变,使设计元素更加完整。

叠加颜色可使品牌醒目,吸引读者的注意。图片不仅可以摆放在设计素材的旁边,还可以作为背景。

本文旨在提供纹理、纯色、渐变和图像处理等制作精美背景的图形编辑技巧。                                                         

01.纯色

用纯色背景是制作简洁作品的有效办法,使用前先确定作品的基调。

搭配使用浅色和深色,或者使用色轮上的对立色(类比组合)会有不错的效果。浅色搭配的组合会营造出一种温柔、平静的效果。

用浅色系背景并不意味着降低作品的易读性。像案例中,浅粉色背景搭配深色文本(比如深灰色),既可以保持作品的柔和美又可以增加对比度。

小贴士:用同一颜色的两种色调(此案例中用了两种粉色)可以平衡背景的色彩。既帮助读者区分文本(如案例中的红酒名和产地)又可以保持视觉上的和谐。

02.高对比度的纯色

使用色调分离的颜色搭配凸显你的文本。使用互补的颜色可使作品醒目,这种技巧在平面设计中很常见,适用于基于web内容的标语和社交媒体图形。

深色背景搭配亮色或霓虹色图标会很醒目。深色背景很能衬托浅色物体。用亮色制作按钮和行动标签更易吸引读者点击。

两种亮色的搭配也是一个不错的选择,这样的作品会很有现代感和时尚感。记得选择色轮上的对立色(类比组合)哦,这样能确保强烈的对比。

小贴士:缩小你的调色盘,使用两种颜色及以下为最佳,或覆盖替代颜色以创造视觉和谐感。

03.纹理

可以用预先创建的纹理或用自己设计的形状和模式。

纹理需要简洁,不要五颜六色的。为了不转移读者对总体设计的注意,纹理应作为背景一样存在,而不是作为前景抢夺注意力。

纹理可以使作品呈现纸制感和仿真感,像案例中的作品,呈现出一种再生纸的效果。

这种技巧适用于网络内容作品(比如一封由邮件或社交媒体发送的邀请函)的制作,仿真的效果会给读者真实的触感。

小贴士:如果你用的是侵蚀质感或自然质感,你可以用手写字体或书画体进一步增强效果。

使用质感的目的是创造三维感,在背景和文本之间制造空间感,凸显作品传达的信息。

04.渐变

对于数字和打印作品来说,使用渐变会有很棒的效果。使用渐变的一大好处是你可以搭配任何颜色——无论是暗色系还是亮色系,渐变总是一个不错的选择。

相比单一纯色和纯色搭配,渐变的效果更灵动。无论是径向渐变还是线性渐变,都会给你的设计带来焕然一新的感觉。渐变方向会直接作用于读者的注意焦点。

设计一大目的是通过色彩、元素和字体传达和深化信息。

在此案例中,渐变的使用凸显了方框中的“里程碑”。单色渐变有种清透的感觉,既抓住了读者的注意力又给予作品一种清爽的感觉。

05.使用图片

给平面设计添加内容的最好方式是添加图片。使用图片制作背景可以快速地抓住读者的注意力,视觉上传达信息。当在背景上增加其他图层时,记得要使字体和设计元素和背景图片相配哦。

留有大量空白的图片适合在空白处放置文字文本。记住所有的设计都是用有计划、有目的的,相信你也不想让作品中的文字文本随意摆放在画面上面。必要时请剪裁图片,保证给文字文本留下最好的位置。

小贴士:注意案例中的背景图片上的鞋子的位置,给文字的让出了足够的位置,提高了画面的整体感。

06.使用几何图形

背景图片的内容越丰富,背景之上叠加的元素应越简洁。如果前景和背景一样纷繁复杂,整个设计布局就会一团遭,读者会很难抓住信息的重点。

当你没有信心将文字直接放在图片上时,试试在文字后面放置几何图形,这样保证文字的易读性。

小贴士:选择一个背景图片的对立色填充几何图形,这样可以同时凸显文字和几何图形。

07.透明度

有时候最简单的技巧可以起到很棒的效果。增加背景图片的透明度可使细节降噪,增加画面的简洁感,使前景的元素更易于辨识。使用这个技巧时需注意避免过度增加透明度。

根据文本调整背景图片的透明度,避免过度透明,否则会使整体画面过于瘦弱。

小贴士:给你的设计使用蒙太奇效果,叠加一层和背景相同的图片,再调整此图层的透明度。

为了达到蒙太奇效果,你需要将顶部图层的大小调整到网格线中以制造独特吸睛的布局。

这种技巧很先进,通过调节亮度和透明度来增加对比,以确保作品的易读性。

08.模糊

当使用图片作为背景时,图片上的细节总会弱化其他图层的易读性。有两种常见的解决方法,根据图片的具体情况选择使用:叠加图层或者使用模糊背景。

模糊背景是凸显字体的有效方法。模糊背景的要义是虚化后保留了一些文本和细节,所以选择有趣的图形和形状的图片进行虚化。模糊后记得剪裁图片,让文字文本占据中心的位置。

09.颜色叠加

另一种给背景图片降噪的方法是叠加图层。叠加图层的方式有很多——仅仅叠加白色或黑色的图层,再调整叠加图层的透明度,就可以突出文本,增加对比。

还可以叠加彩色图层,如果使用的颜色是品牌的颜色就更好了。选择背景图片时注意要有足够的色调范围来增强背景效果。

观察背景图片的布局,剪裁最佳区域。确保文字文本摆放在正确的位置(此案例中文字摆放在了山海之间)。深色背景搭配浅色文字或者浅色背景搭配深色文字便于读者阅读。

10.留白

构图是平面设计最基础的一步,却往往被忽视。各设计元素摆放的位置会直接影响读者的阅读感受。所以你可以利用背景图片留白。留白就是在图片上以“空白”为载体进而渲染出美的意境。

上面的平面图是一个很好的留白的例子。图片中的物体围绕着文字摆放,突出了文字,增加了易读性。

11.花纹

使用花纹的背景会很有趣。和其他技巧一样,应用花纹时需注意花纹的排版,确保花纹不会夺走内容的注意力。

花纹可以用作文本文字的背景,也可以组成文本文字。几何花纹视觉效果强烈且易于铺陈文字。

12.插图

插图有很强的互动感,且可以灵活地与设计内容相匹配,适用于年轻的读者群。插图背景的设计技巧很简单,不像其他背景设计那般复杂。使用插图时要注意不能影响文字内容的阅读,制作时注意排版,考虑到画面的和谐和平衡。

下面设计案例中,文字在插图的衬托下得以突出,不仅清楚地传达了信息,还具有美感。

13.白页

不要低估白页的简洁之美,如果你的设计中还有太多元素和内容,简化背景。

我们经常用各种图片和元素填满画纸,现在尝试一下白色背景吧,它可以提高作品的格调,使读者的注意立集中在作品的重点上。

使用白色背景意味着你需要花更多的精力在其他元素上。

14.使用网格

使用网格是种高度可视化的技巧,它将背景分割成几个部分,形成精美合成的布局。

选取图片上的颜色填补空白单元可令整体布局色调。将颜色对比明显的文本放在填充了色彩的单元格上或者使用交叉线都可以创作独特的作品。

在此案例中,柔和的灰色被应用在各个单元网格中,中间的文本被凸显了出来。为保持视觉上的和谐,注意文本和图片之间的平衡,不要让其中一个过于出彩、突兀。

设计时不必非得使用文本,在每个网格单元中放置相似的图片也可以构成一副非常有创意的作品。快来试试吧,制作时要考虑到整体画面的效果,注意各个单元格图片的搭配,小单元格要与大单元格搭配和谐。

这些图片的美在于它们填充了整个设计。制作时不要只是在网格中放置图片,你要利用空间的优势,有策略地摆放字体和图片。

轮到你了!

无论是应用纯色,背景虚化还是增加透明度,选择背景都是一件重要的事。是否想给你的设计作品添加背景呢?试试上述技巧吧,找到最适合你的设计的一个。

希望本文的技巧可以帮助启发你的灵感和创意。在下一个平面设计中尝试下新的东西吧,祝设计愉快!