Projetando para Futebol | Site e blog do desenvolvedor front-end e web designer Dan Davies

Venho projetando sites há 20 anos e recentemente projetei muitas coisas para clubes e para minha revista e, honestamente, as mesmas regras de design se aplicam a ambos. Boas fotos, texto nítido, cores decentes e muito espaço. Acerte e você estará na metade do caminho.

Imagens

As fotos de futebol estão sempre cheias de cor e movimento, mas as melhores para gráficos costumam ser as simples. Fotos com grama, céu ou algo simples no fundo são perfeitas porque você pode colar texto ou emblemas nelas sem parecer bagunçado.

Se você tiver apenas fotos ocupadas, não jogue apenas texto branco por cima. É aí que muitas pessoas erram. Adicione um bloco de cor atrás do texto ou escureça um pouco a imagem para que ela se destaque. Não precisa ser muito escuro, apenas o suficiente para separar o texto da imagem. Pense também nas pessoas que estão olhando, nem todo mundo tem uma visão perfeita. A acessibilidade é importante e o contraste é muito importante. O contraste de cores é muito importante no mundo da web e os gráficos não são diferentes. Considere as cores que você usa e se a cor do primeiro plano pode ser lida facilmente sobre o fundo. O branco nem sempre é a melhor opção.

A IA também ajudou muito aqui. Se uma foto for bem cortada, geralmente estendo o fundo com IA para ter espaço livre para o texto. Coisa pequena, grande diferença.

Mantenha a simplicidade

Menos é quase sempre melhor. Entendo que você pode ter patrocinadores ou peças que precisa incluir, mas se puder manter as coisas limpas, faça-o. Eu uso 1080 por 1350 como tamanho padrão, que é o tamanho da postagem do Instagram. Isso me dá espaço suficiente para brincar e ainda funciona em outras plataformas.

Tipografia

As fontes são um pesadelo porque você escolhe uma e depois a odeia duas semanas depois. O melhor conselho é limitar-se a um ou dois e certificar-se de que pelo menos um tenha pesos suficientes para que você possa misturá-los. Você não precisa de muitos tipos de letra diferentes. Escolha aqueles que combinem bem e não tenha medo de experimentar. Algumas das minhas melhores descobertas foram acidentes. Pessoalmente, gosto de fontes de título grossas, mas também gosto de serifas de vez em quando. Se o seu clube tiver fontes de marca, opte por elas, mas mantenha-as limpas e fáceis de ler.

Maiúsculas ou minúsculas

Maiúsculas parecem ousadas e funcionam bem para títulos, mas não exagere. Quando tudo está em maiúsculas, as pessoas ficam mais lentas porque todas as letras têm a mesma altura. Para textos mais longos, letras minúsculas são mais fáceis de digitalizar.

Alinhamento de texto

O texto centralizado pode parecer bonito, mas se você tiver muitas palavras, rapidamente se tornará difícil de ler. O alinhamento à esquerda é geralmente a aposta mais segura quando há mais cópias.

Espaço em branco

Não tenha medo do espaço vazio. Não é desperdiçado, facilita a leitura de tudo e evita que seu design pareça desordenado. O espaço em branco dá equilíbrio, destaca as partes importantes e faz com que todo o gráfico pareça mais profissional.

Resumindo

Espero que isso ajude, nada realmente novo ou inovador, mas que possa ajudar a levar seus gráficos para o próximo nível. É muito importante experimentar e descobrir o que funciona, mas também considerar o público e o impacto que as imagens podem ter. Alguns podem ter problemas para lê-los. Se você lembrar de alguma outra dica, avise-nos e adicionarei à lista.