Nesta aula, discutimos técnicas para combinar texto com imagens de forma a garantir contraste adequado e melhorar a experiência visual. Exploramos diferentes métodos para adaptar imagens ao contexto e estilo visual do projeto. Os tópicos abordados incluem:

• Adição de sobreposições (overlays) para aumentar o contraste.

• Ajustes de temperatura e saturação para harmonizar com o estilo visual.

• Uso de efeitos como duotone e blur para criar equilíbrio visual.

• Estratégias para manipular imagens diretamente em ferramentas como Figma, Lightroom e Photoshop.

• Exemplos de como o foco nas imagens pode mudar dependendo do papel delas no design.

Essas técnicas ajudam a melhorar a legibilidade e o impacto visual em interfaces, mantendo a harmonia com o branding.

Links extras

• Artigo - Designing Accessible Text Over Images: Best Practices, Techniques, And Resources (Part 1)

• Artigo - Designing Accessible Text Over Images: Best Practices, Techniques And Resources (Part 2)