在网页设计中使用的纹理:例子,最佳实践,以及如何操作

在过去的十年里,网页设计给我们留下了深刻的印象,光滑的渐变,平滑的反射,甚至是简单和大胆的颜色。随着这种简化和开放空间的新趋势,人们对适当的用户界面有了更好的理解和欣赏。现在,虽然,在最近的设计中,我们开始看到这些极简主义和精心布局的设计来不是那么简单的方式。现代设计开始使用更多的纹理比以前,但仍然以一种智能的方式使用纹理保持web空间整洁、有组织,但在美观上更令人愉悦。

用于网页设计的纹理

用于网页设计的纹理

在这篇文章中,我们将看看纹理在当今网页设计中的一些最伟大的应用,并看看它是如何以如此多的形式被使用的。我们将探索纹理的使用是如何演变多年来的网页设计,以及今天的设计师应该如何使用纹理使设计真正流行。

从光滑到纹理光滑

早期的现代网页设计在今天仍然被广泛使用。渐变、斜面和实体效果都还在发挥作用——它看起来仍然很现代和复杂。

发现

然而,几年前,许多现代的网站使用了这些技术,它们之间几乎没有什么变化。作为一个新兴的行业,它可能需要很多年轻的设计师来做。所有人都试图走出90年代的网页设计时代(我们并不责怪他们)

然而现在,我们终于开始看到各种形状和形式的伟大的、外观现代的设计。虽然我们仍然喜欢简单、精致和时尚,作为设计师,我们现在可以少很多对颜色和纹理的恐惧:

阿加密

以上是两种截然相反的风格,尽管一些设计师选择了一种不同的方法来应对最近web设计的演变。一些人选择保持干净和光滑的外观,而不是相反,同时仍然添加足够的纹理来增加一些伟大的吸引力:

Easykom

在上面的设计中使用的纹理比下面使用的纹理要明显得多。虽然仍然是清洁和使用梯度和纯色,主图像包含一个强烈的使用纹理,给了它很多的关注和兴趣。此外,标题也使用纹理作为注意力吸引器。也请注意在这个设计中,如何使用纹理来统一整个设计的主题,并将设计的一些主要元素连接在一起。

上面对纹理的使用要微妙得多。如果你想看一个完整的现场版本的网站,你会注意到一些纹理的“噪音”在页脚的背景。纹理,以及一些更多的视觉兴趣,是添加在标题与微妙的云背景。

为什么还要使用纹理呢?

在我们的第一个例子中,我们看到一个非常成功的网页设计作品,几乎没有任何纹理。即使在我们的最后两个例子中,它的用法也非常微妙,几乎不值得一试。那么,为什么还要经历添加纹理的麻烦呢?几乎可以很明显地说,它可以为我们的设计工作流程增加更多的时间,并使任何设计在开发阶段更加难以编码。

所以,为什么要找麻烦呢?纹理增加了深度,甚至给设计增加了真实感。通过增加深度,我们可以抓住用户的注意力。让我们再看看下面的Reichweite例子:

Reichweite

使用纹理的两个地方是页眉和页脚。设计的中间部分没有纹理,而是使用渐变、大小和图标来吸引注意力。因为我们天生就喜欢深度(以及由此产生的现实主义感),页眉和页脚可以与网站的中间部分竞争。通过在这两个区域使用纹理,并在中间使用其他形式的创建层次结构,我们得到了一个平衡良好的设计。

通过向中间部分添加纹理或将其余两部分的纹理去掉,中间部分可能会变得过于强大,从而允许用户忽略页眉和页脚信息。

所以,我们使用纹理,因为纹理是一个非常强的注意力抓手。它可以帮助设计师创建正确的层次结构来纠正平衡,甚至不平衡来创建焦点。它的现实主义的添加也可以使观众觉得更有联系和接触的设计。

结构强度

在网页设计中使用纹理的美妙之处在于它可以很有趣。有这么多的变化,不同的纹理可以创造不同的力量,在其注意力的吸引力。例如,左边的对比纹理在形状上也比右边的微妙纹理更强。

变异

总是战略性地考虑添加纹理。根据在设计中想要添加纹理的位置,它必须有多强?当使用较重的纹理时,一定要使用大量的空白,并为重叠的内容使用较大的尺寸,以使其在纹理和本身之间有所区别。对于更简单的纹理,虽然没有那么强,设计师有更少的限制,因为它也不会与很多冲突。

主题和结构

纹理是设计中最容易区分的元素。这同样来自于我们可以从中获得的多样性。从纹理中绘制主题相对容易。下面的例子展示了左边的纹理是如何创建一个非常邋遢的风格和主题的,而右边我们可以创建一个干净的、光滑的主题。

主题

主题纹理通常与支持纹理的图像配合得很好。硬木纹理的常见用法是使用硬木家具上的桌面物体或图像,而旧的纸纹理则可以支持复古或经典的主题。

结论

就像大小、平衡、对比和颜色一样,纹理是设计的基本特征。理解如何正确地处理纹理是很重要的,即使光滑和光滑的设计仍然是设计师的利基。网页设计有很多种形式,从大量的纹理,到只是纹理元素的提示。不管它是如何使用的,很容易就能看出纹理是如何为网页设计增加如此多的视觉吸引力的。

永远记住,纹理和其他设计元素一样,都是有目的的。它可以增加深度和真实感,甚至增强设计的主题。明智地使用纹理,而不是仅仅为了使用它。这是一个人如何创建一个有意义的纹理设计,而不是一个设计是过于杂乱和忙于这个重要的设计元素。

2020-03-14 17:22
相关热门