Vitrine: Texturas em Web Design
Planos de fundo texturizados no design do site são comuns, especialmente em projetos de grunge. Mas eles também são usados em vários outros estilos de design.
As texturas podem adicionar interesse visual a um design minimalista ou adicionar um pouco mais de detalhes que realmente fazem um design pop.
Texturas de papel são de longe as mais comuns, mas outras texturas vistas regularmente incluem pedra, concreto, ferrugem e tecido. E eles não são usados apenas para fundos, também. Alguns sites incorporam texturas em todos os aspectos de seu design, enquanto outros apenas os usam para acentos.
Abaixo estão mais de trinta designs de websites que fazem uso de texturas. Sinta-se à vontade para compartilhar seus favoritos, sejam apresentados aqui ou não, nos comentários ...
Kohette WebDesign
Um fundo com textura de pedra é separado com uma coloração subtil no cabeçalho. A textura se repete ao longo do plano de fundo.
Abraços para monstros
Abraços para monstros usa uma textura de pedra em negrito em todo o fundo em seu site. Incorporá-lo ao cabeçalho adiciona uma sensação de coesão ao site.
Forest Edge Music Festival
O site Forest Edge Music Festival é um design grunge impressionante e colorido, com várias texturas usadas por toda parte. Uma textura de papelão é a mais proeminente, embora também haja texturas de papel mais sutis.
GO Mamute
A textura de papel sujo no plano de fundo aqui é ecoada em outros elementos da página, incluindo o menu de navegação. Acrescenta interesse visual ao que, de outra forma, seria esteticamente moderno.
Pombo e Pigeonette
As texturas pesadas usadas aqui quase se parecem com uma parede pintada com esponja. O uso pesado de texturas como essa deve ser feito com cuidado para não sobrecarregar o conteúdo. Aqui funciona porque o conteúdo é mínimo.
Benestar
O site da Benestar usa uma mistura de texturas de papel, tecido e madeira, juntamente com uma variedade de padrões sutis. Cria um design muito rico e com várias camadas.
Marie Catribs
Repetir texturas semelhantes em um site, como é feito aqui com texturas de papel artesanal em várias cores. Os elementos desenhados à mão acentuam ainda mais a textura do papel.
Esmagar + Lindo
Texturas sutis como as usadas aqui podem ter um efeito muito rico em um design de site minimalista. Misturar texturas mantendo um esquema de cores monocromático aumenta esse efeito.
Pensar. Faz. Crio.
As texturas não precisam ser usadas em todo o site para causar impacto. Aqui, as texturas de papel são usadas apenas no cabeçalho e na barra lateral, deixando a maior parte do plano de fundo em branco.
Impressão Wearable
Quando texturas sutis são combinadas com padrões sutis, o resultado final é refinado e elegante, com algo extra que destaca um design.
Conexão Costeira
Uma textura de papel pesado, como a usada aqui, faz uma grande diferença na estética de um site. Sem a textura, este seria um site muito minimalista.
Rivalidade entre irmãos
Outro exemplo de um site estilo grunge que faz uso pesado de texturas de papel.
O que Katie faz
O que Katie faz é outro site que combina uma textura de papel sutil com um padrão de repetição (tanto no fundo quanto no cabeçalho). Outros elementos de design ecoam o motivo do papel.
The Hipstery
O Hipstery usa um fundo com textura de papel por trás de seu conteúdo principal, bem como por trás do padrão de fundo. Acrescenta à sensação vintage do site.
Doublenaut
Este fundo combina um padrão e uma textura, na forma do que se parece com papel milimétrico. Ele adiciona interesse extra a um site que, de outra forma, é muito minimalista.
Podge Digital 2009
Outro site que usa uma textura de papel para seu plano de fundo. Sutil mas eficaz.
Infinito
Um fundo leve com textura de pedra é sutil o suficiente para ser usado diretamente atrás do texto. Tenha cuidado ao usar texturas mais ousadas dessa maneira.
TypeFaces
Outro fundo gráfico com textura de papel é suficientemente sutil para que o tipo seja colocado diretamente em cima dele.
Ducado do Berçário da Cornualha
Usando diferentes tons de cor de forma eficaz a mesma textura de fundo adiciona profundidade e interesse a um design.
Personagens questionáveis
O plano de fundo com textura de concreto aqui adiciona uma tonelada de interesse visual e é um pouco inesperado, considerando que o resto do site utiliza elementos com temas de papel.
Serviço de guia do céu
Aqui está um site que utiliza uma série de texturas, incluindo madeira e papel. Eles adicionaram elementos como grampos e manchas de água para acentuar ainda mais as texturas.
Pintor de Bermon
Um fundo de papel pautado ligeiramente diferente, completo com manchas de água e intemperismo. É sutil, mas acrescenta muito valor estético.
Paul Bennett
Outro site que usa uma textura de papel sutil para o plano de fundo com texto colocado diretamente na parte superior.
Matthew e Sara estão se casando
O plano de fundo com estilo de papel de parede texturizado aqui é algo um pouco diferente do que normalmente é visto. É uma espécie de combinação de textura e padrão, e funciona brilhantemente.
A sala de espera
Os sites de estilo vintage ganham muito usando papel envelhecido e envelhecido para o fundo.
Christopher Calicott
Outro plano de fundo texturizado que também adiciona um pouco de um padrão na forma de quadrados sutis. A transparência na área de conteúdo principal realça ainda mais a textura.
Desenvolvimento de Design e a Busca da Felicidade
Outro exemplo fantástico de um fundo com textura de papel, desta vez com um tom mais cinza do que muitos dos vistos acima.
Amy Herndon fotografia
O fundo aqui é uma textura de lona monocromática. Acrescenta à aparência natural do site e tem um sentimento muito orgânico.
Rhett Canipe
O site de Rhett Canipe usa uma variedade de texturas para uma aparência grunge. Misturar efeitos de aquarela com texturas contribui para um design muito mais rico.
Fiore Designs
O Fiore Designs incorpora uma variedade de texturas: o fundo é uma textura grossa de linho e texturas de papel são usadas em todos os principais elementos de design. É um resultado visualmente interessante que parece muito elegante e exclusivo.
Toda vez que morro
A textura de pedra mais ousada usada em todo o site Every Time I Die aumenta a aparência geral do grunge. Texturas mais fortes como essa devem ser usadas com cautela, pois podem ser esmagadoras se não forem incorporadas corretamente. Aqui, as cores e gráficos arrojados compensam isso.
Estúdio de Internet de Evan Stein
Uma textura de papel sujo e em camadas no fundo é outro exemplo de uma textura forte. O esquema de cores simples aqui, no entanto, impede que seja esmagadora.
InkByte
O site InkByte usa uma textura de papel manchado para seu plano de fundo, que parece ótimo sem sobrecarregar o conteúdo.
Kathryn Thurman
Uma variedade de texturas de papel e papelão ao longo do design deste site dão uma sensação vintage e grungy ao design.
Francesco Molezzi Design & Multimedia
Outro fundo texturizado de papel sutil, que faz com que todo o site pareça mais retrô, apesar de haver apenas um gráfico realmente retro-visual na página. Observe também que outras texturas são sutilmente incorporadas, incluindo uma textura denim no cabeçalho e mais papel na navegação superior.
Escrito exclusivamente para WDD por Cameron Chapman .
Você tem seus designs de sites favoritos que usam texturas bem, ou talvez alguns tutoriais que falam sobre o bom uso de texturas? Por favor, compartilhe-os nos comentários abaixo!