Explorando as tendências de design de uso de imagens em web design

A frase “fotografia de banco de imagens” muitas vezes evoca a foto de uma reunião de negócios onde todos estão inexplicavelmente radiantes de prazer. Isso parece brega, não natural e pouco adequado para o design moderno da web. Mas a fotografia na web não precisa parecer tão deslocada.

, Na verdade, alguns dos melhores sites usam imagens de aparência natural para adicionar um senso de identidade ao design. Este artigo é sobre os layouts e tendências de design usados ​​em conjunto com fotografias de arquivo sustentáveis ​​e bonitas. Se você pode adquirir fotos de alta qualidade para um projeto da web, a fase de design fica muito mais fácil.

Locais e ambientes

Na hora de vender uma empresa ou evento a localização pode ser muito importante. Especialmente se for um varejista que a maioria das pessoas visitaria pessoalmente.

Essas empresas usam seu site como uma representação digital da empresa. Portanto, as fotos do ambiente se encaixam muito bem porque dão aos visitantes um vislumbre do prédio e talvez até do interior. Mas se não for viável obter fotos de locais, você pode usar locais populares nas proximidades.

A página da Nature Valley Trail View inclui fotos grandes de parques nacionais em toda a América. Cada foto pode ter sido tirada especificamente para este site, ou todas podem ser fotos compradas online.

De qualquer forma, é imediatamente perceptível que as fotos são de altíssima qualidade. Como as fotos ocupam muito espaço, elas realmente definem a aparência geral do site. Fotos de baixa qualidade implicariam em um site de baixa qualidade, mas neste caso temos exatamente o oposto.

Para um exemplo mais pessoal, dê uma olhada no Red Dessert Dive. Esta é uma padaria/café especializada em sobremesas personalizadas. Por toda a página você encontrará várias fotos, mas o cabeçalho é o mais significativo.

Os visitantes verão o cabeçalho antes de qualquer outra coisa, então ele precisa dar um soco. Esta foto do ambiente mostra o interior único desta padaria juntamente com algumas sobremesas e utensílios de cozinha. Imagens poderosas como este exemplo demonstram o que uma empresa faz sem depender apenas de texto.

Considere usar fotos do ambiente quando precisar conectar um site a um local físico.

Misturando retratos pessoais

Muitas fotos de banco de imagens vêm como renderizações transparentes com o plano de fundo removido. Eles são frequentemente adicionados a sites corporativos para alguns gráficos extras ou para criar novas composições de fotos.

Embora seja legal incluir fotos da equipe ou dos membros da equipe, as composições de fotos também são muito populares. Um designer astuto pode trabalhar retratos pessoais no design com técnicas de composição elegantes.

Meu exemplo favorito de todos os tempos pode ser encontrado no Amazee Labs. Os efeitos tipográficos são trabalhados em uma composição de foto em tela cheia. Um dos funcionários pode ser visto em um sofá enquanto a parede bege se mistura suavemente ao fundo.

Eu amo essa tendência porque vai além de uma típica foto em tela cheia. O cabeçalho parece uma cor sólida até que você junte tudo. É um efeito verdadeiramente único e é o exemplo perfeito de composição de fotos para a web.

Tenha em mente que as pessoas gostam de trabalhar e comprar de pessoas reais. Às vezes, um site sem rosto pode funcionar muito bem – veja o sucesso da Amazon e do eBay.

Mas um pequeno toque pessoal também pode fazer uma grande diferença.

Brian Regan é um comediante de stand-up com um site cheio de fotos. A página inicial apresenta uma composição de si mesmo misturada em um plano de fundo texturizado. Não é exatamente um layout de site tradicional, mas funciona para um site pessoal usando apenas algumas páginas.

Você encontrará mais fotos em sua página sobre com um cabeçalho em tela cheia, além de algumas outras composições.

Não presuma que todas as fotos de banco de imagens precisam ser colocadas online sem edição. Um pouco de mágica do Photoshop pode levar a fotografia do seu site a uma direção totalmente nova.

Fotografia do produto

Qualquer boa loja de comércio eletrônico precisará de algumas fotos de produtos. Eles são essenciais para vender itens físicos e digitais.

Esse estilo de fotografia é um tanto único e a maioria dos fotógrafos profissionais classifica as fotos de produtos como diferentes das fotos normais. O objetivo é capturar cada produto sob uma determinada luz para que os clientes tenham uma boa visão e, com sorte, façam uma compra.

Dê uma olhada na loja onlike da Nike com tênis catalogados em miniaturas. Cada foto é basicamente a mesma com um tênis virado para a direita no mesmo fundo cinza.

Alguns tênis oferecem cores alternativas que você pode selecionar ao passar o mouse sobre a miniatura. Este é um recurso mais avançado, mas mostra a importância de fotos de produtos de qualidade. Se você administra uma loja online e vende mercadorias físicas, é uma boa ideia contratar um profissional para tirar fotos de produtos para o seu site.

Um retrato de alta qualidade ou uma foto do ambiente pode melhorar o design de um site, mas uma foto de produto de alta qualidade pode realmente atrair uma venda.

Quando se trata de produtos físicos, uma ótima foto é importante. Os produtos digitais podem usar uma foto de visualização tirada diretamente do computador – talvez um pouco de Photoshop para enfeitar. Mas e os serviços corporativos?

O site Lee W. Robinson é um portfólio para design de interiores e renovação. Suas fotos não incluem coisas reais à venda, mas sim amostras de seu trabalho. Serviços tangíveis reais combinam melhor com fotos do trabalho.

Mas surge alguma dificuldade ao projetar serviços que não podem ser exibidos em fotografia, como encanamento. Nesse caso, você pode optar por um retrato pessoal ou misturá-lo com fotos do ambiente do escritório, do equipamento ou das casas dos clientes (se permitirem).

Fundos de tela cheia

Os fundos de tela cheia podem incluir fotos de pessoas, ambientes, fluxo de trabalho ou qualquer coisa. A ideia é usar a fotografia para construir uma identidade para o site. O Blind Barber usa a técnica de tela cheia com uma apresentação de slides de imagens com links para páginas individuais.

Cada foto corresponde ao link de entrada desde a reserva de um compromisso até a navegação na loja online Blind Barber. E as fotos são de ótima qualidade, então agregam valor real ao design geral.

Outro exemplo legal é o site Book of Beards. Ele usa uma única imagem de tela cheia para o plano de fundo que permanece fixa em cada página. O site depende de JavaScript para carregar cada página para que a foto de fundo seja um ponto focal consistente.

O livro foi realmente criado por Justin James Muir, que é um fotógrafo profissional. O site do Book of Beards prova que a simplicidade pode percorrer um longo caminho e que as fotos realmente podem desempenhar um grande papel no design da web.

Adicionando um toque pessoal

Você nem sempre precisa de fotos de banco de imagens para ocupar a maior parte da página. Mesmo um pequeno retrato ou miniatura pode dar um toque pessoal ao seu design.

O portfólio de Mat Helme mostra uma foto de perfil dele mesmo. É definitivamente grande, mas também é a única foto real dele em todo o site. O retrato pessoal de Mat é apenas para pessoas que se aventuram tão longe em seu site de qualquer maneira.

Mas podemos ir ainda menores e ainda obter o mesmo efeito. Dê uma olhada no rodapé do portfólio de Rogie King.

Sua foto é uma miniatura de 200×200 em tons de cinza apresentada no canto da seção de rodapé do site. Mesmo que seja pequeno e leve, ainda oferece um toque pessoal pitoresco.

Essa tendência de fotografia pessoal pode evoluir para uma página completa sobre equipe com biografias e perfis sociais de cada membro da equipe. O objetivo é oferecer o máximo (ou o mínimo) de personalidade necessário para melhor se adequar ao site.

Conclusão

O fator mais importante quando se trata de fotografia de banco de imagens é a qualidade. Isso realmente pode ser a diferença entre um trabalho de design incrível e horrível. Fotos de alta qualidade ajudarão a construir uma marca respeitável para qualquer site. Seguindo as tendências deste post, você pode usar fotos com propósito para criar identidades digitais poderosas.