你是会员吗?寄存器登录

  1. 特征γ
  2. 背景纹理

背景纹理

为你的网站或设计项目选择合适的背景纹理可能很棘手。我们的系列教你如何使用和合并背景纹理,以及在哪里可以找到令人惊叹的图形。

无论你是否在寻找在你的设计中使用和融合背景纹理的技巧,激发新的风格和趋势去探索,或指导什么看起来好(什么不好!),我们为您提供保障。

什么是背景纹理?

背景纹理不是焦点;他们注意到了设计的其余部分。

背景纹理是图像,为网站背景添加了深度元素的颜色或重复图案。良好的背景纹理有助于通过提供充足的对比度来为前景元素添加焦点,例如带有红色按钮的灰色图案背景或明亮的彩色文本。

使用纹理的诀窍是,它们必须是微妙的,并实际落在背景中,以便前台元素易于阅读和理解。它可以是一个微妙的平衡和良好的“视力测试”你能从远处轻松地阅读和理解设计吗?通常足以确定背景图案或纹理是否适合设计。

使用背景纹理的3个提示

一个时髦的背景选择表明一个网站设计是现代的,内容是新的。

当选择背景纹理时,寻找一些可以增加设计对比度和补充前景元素的东西。背景纹理可以是微妙的或大胆的,但真正重要的是,纹理本身有助于整体设计,并帮助用户关注前台的主要消息传递元素。

尝试以下技巧来创建一个功能性和美观的背景纹理:

  1. 简明扼要:一种常见的背景趋势是一种几乎看不见的模式,它有助于提高整体可读性和可用性,同时提供深度或视觉兴趣。简单的背景纹理往往有小或紧的重复图案,几乎可以是任何颜色。
  2. 结合趋势:一个时髦的背景纹理使您的设计感觉现代和新鲜。这是一个信号,用户的网站设计是专门为积极的用户体验。虽然趋势变化很快,背景纹理倾向于遵循其他设计趋势。几何元素,黑暗主题,水彩画是2018年必备的背景纹理。
  3. 使用颜色或渐变:很难找到一种比色彩更迷人的工具。一个强大的调色板或渐变可以创建一个背景,将用户吸引到设计。颜色和渐变是很好的设计工具,因为它们可以很好地与其他元素配合使用。使用带有几何图形的背景调色板或渐变,图像或重复元素以获得强烈的背景纹理。

如何在Photoshop中创建背景纹理

创建背景纹理的最快方法之一是在Photoshop中创建。您可以将几乎任何图像或元素转换为可以在整个设计中重复的模式。

AdobePhotoshop中的模式工具允许您创建在填充区域中重复出现的图像。photoshop实际上提供了一些模式预设,这是一种使用此技术进行实验的好方法。

要创建自己的图案,使用选择矩形选取框工具选择要为图案复制的图像或元素。这可以是任何有趣的图标,花色,或者一组多边形。将羽化设置为0像素。

点击编辑,然后定义模式.您也可以在这里命名它。

然后使用油漆桶或填充工具将图案应用于您的形状或画布。(只需确保选择“模式”。)

创建背景纹理的另一个选项包括添加颜色覆盖,透明或模糊到图像。通过在Photoshop中降低图像的锐度和柔和度,你可以使用它作为背景纹理;有大量暗光或不同颜色区域的图像会有很大的深度。图像不是很详细,但清晰易懂,通常效果最好。

如何选择背景纹理?

正确的背景纹理有助于在所有合适的地方增强设计的重点。它看起来可以脱离设计或者充当焦点。

从细微的纹理到为冲击而设计的形状和样式,一个好的背景纹理给你的网站正确的感觉。如果运行良好,用户甚至看不到它,尽管这个元素可以是设计的一个组成部分。

选择与其他设计元素一起使用的背景纹理,以创建用户希望与之交互的内容。

背景增加项目的深度

一个伟大的背景纹理可以增加深度和视觉兴趣,您的整体网站设计。使用纹理的诀窍是,它们必须是微妙的,并实际落在背景中,以便前台元素易于阅读和理解。

背景纹理的使用是那些几乎一直在变化的设计趋势之一,所以保持现代技术的最新状态是很重要的,这样你的设计就不会过时。

7个现代背景纹理包

想要开始使用漂亮的背景纹理吗?以下是我们的十大最爱,您可以开始使用:

暗波

几何纹理背景

手绘线条图案

粗体图案

64种水彩纹理

抽象线性几何背景

模糊的空间背景