Lição 1 de 7 · 7 min
Crie algo em dois minutos
Objetivo:Crie um pôster antes de aprender uma única regra e depois aprenda as regras que você acabou de usar.
SEU PRIMEIRO ATO CRIATIVO
uxuiopen.comO Studio 4 precisa de um pôster para a Noite Criativa. Crie esse pôster. Mude o que quiser e acompanhe as verificações abaixo dele.
Noite Criativa
Sexta · 19h · Studio 4
Workshop gratuito à noite. Traga um notebook.
Confirmar- ✓O título conduz
- ✓O texto está legível (6.2:1)
- O que é maior e mais forte é lido primeiro. Isso é hierarquia.
- Aperte os olhos. Se nada se destaca, nada conduz.
- O texto precisa de contraste com o fundo para ser legível.
O que você acabou de fazer tem nome
Todo pôster, tela de app e site é feito das mesmas poucas partes. Quando você sabe o nome delas, consegue falar sobre design, passar briefings precisos para a IA e perceber o que está errado.
Noite Criativa
Sex · 19h · Studio 4
Confirmar123456- 1Título: a única coisa que as pessoas precisam ler. O maior, o mais forte, o primeiro.
- 2Informações de apoio: quando, onde, o quê. Fáceis de achar, sem nunca competir com o título.
- 3Imagem ou forma: cria o clima e chama a atenção do outro lado da sala.
- 4Chamada para ação: o que você quer que as pessoas façam em seguida. Fica onde o olho termina.
- 5Espaço em branco: espaço vazio não é desperdício. Ele separa grupos e deixa tudo respirar.
- 6Margens: uma borda de segurança em todos os lados, para nada parecer apertado ou cortado.
Designers chamam essa ordem de leitura de hierarquia. Um bom pôster decide o que você lê primeiro, em segundo e em terceiro, para ninguém precisar descobrir sozinho. Este é o caminho que seu olho faz em um pôster que funciona:
Noite Criativa
Sexta · 19h · Studio 4
Workshop gratuito à noite. Traga um notebook.
Confirmar- O que é? O título é o maior, então é lido primeiro.
- Quando e onde? Em negrito e com destaque, então é encontrado em seguida.
- O que eu faço? O botão vem por último, onde o olho termina.
- Todo o resto fica mais discreto de propósito.
Tamanho não é a única alavanca. Peso (negrito ou leve), cor e o espaço ao redor de algo também puxam o olhar. Use uma ou duas delas de propósito, não todas de uma vez.
Palavras-chave
- Hierarquia
- A ordem em que as pessoas percebem e leem as coisas. Você controla isso com tamanho, peso, cor e posição.
- Contraste
- A diferença entre duas coisas: escuro sobre claro, grande ao lado de pequeno. O contraste deixa as coisas legíveis e faz com que se destaquem.
- Espaço em branco
- O espaço vazio ao redor e entre os elementos. Ele agrupa o que anda junto e dá descanso ao olho.
- Alinhamento
- Colocar elementos na mesma linha, por uma borda ou centro em comum. Layouts alinhados parecem calmos e intencionais.
- Chamada para ação (CTA)
- O botão ou a frase que diz às pessoas o que fazer em seguida: Confirmar, Comprar, Cadastrar.
Agora treine o olhar. Qual destes três é lido na ordem certa? Ative Apertar os olhos para desfocá-los, como se você visse o pôster do outro lado da sala.
Qual pôster é lido na ordem certa?
Três testes que você pode fazer em qualquer design
O teste de apertar os olhos
Feche os olhos pela metade ou dê um passo para trás. O que ainda se destaca é o que conduz. Se não for a coisa mais importante, deixe-a maior, mais forte ou mais viva.
O teste dos cinco segundos
Mostre o design a alguém por cinco segundos e depois esconda. Pergunte para que ele serve e o que a pessoa deveria fazer. Se ela não souber responder, a hierarquia ainda não está funcionando.
O teste do celular
Reduza até o tamanho de uma tela de celular. Ainda dá para ler o título e a data? A maioria das pessoas vai ver seu trabalho primeiro no celular.
Veja em sites reais
Abra estes sites numa nova aba e aperte os olhos. Cada um tem uma primeira, uma segunda e uma terceira coisa bem claras para olhar.
GOV.UK
O que observar
- Palavras simples e títulos grandes. Pouquíssimas coisas disputam sua atenção.
- Uma coluna, muito espaço. A hierarquia vem do tamanho e do peso, não de enfeites.
- Um bom lembrete de que claro vence esperto.
Stripe
O que observar
- Um título que diz o que o produto faz.
- Um botão chama mais atenção do que tudo ao redor.
- A cor fica reservada para o que mais importa.
Crie um segundo pôster, para outro evento
Volte ao pôster acima e redesenhe-o para "Café & Crítica, sábado às 10h". Mude o título e teste pelo menos dois layouts e duas combinações de cores antes de escolher.
- 1Digite o novo título no criador de pôster.
- 2Teste todos os layouts. Fique com aquele em que o título ainda conduz quando você aperta os olhos.
- 3Escolha cores que passem na verificação de contraste.
- 4Faça os três testes na sua versão favorita.
- 5Compartilhe o que você escolheu, e por quê, na discussão.
No seu pôster, a data e o título têm o mesmo tamanho. O que acontece?
Texto cinza-claro sobre fundo branco parece elegante para você. O que você deve verificar?
Leia a seguir