Design para Não Designers
Nível: Iniciante • Formato: Curso prático • Custo: 100% grátis
Você não precisa nascer com "dom" pra fazer coisas bonitas. Design é técnica, não talento. Com alguns princípios simples você transforma posts, slides e sites amadores em materiais limpos, legíveis e profissionais — mesmo que nunca tenha aberto um programa de arte na vida. Esse curso te dá as regras de ouro sem enrolação de faculdade.
📚 O que você vai aprender
- Os 4 princípios que consertam 90% de qualquer design (contraste, repetição, alinhamento e proximidade)
- Hierarquia visual: fazer o olho da pessoa ler o que você quer, na ordem que você quer
- Espaço em branco: por que menos é mais e como respirar sem medo
- Cores que combinam sem chutar — mesmo quem nunca estudou teoria da cor
- Tipografia simples: escolher fontes e tamanhos que não cansam nem parecem amador
- Como aplicar tudo em posts de rede social, sites e apresentações
🗓️ As aulas do curso
-
1
Design não é talento, é regra
O que realmente separa o design bom do amador e por que qualquer pessoa consegue aprender com método.
Confissão de designer: os melhores designs seguem regras, não inspiração misteriosa. Quando entende essas regras, qualquer pessoa — mesmo quem nunca abriu Canva ou Photoshop — passa a perceber por que um material funciona e o outro não.
O que diferencia bom design de amador
- Intenção: cada elemento tem um motivo pra estar ali.
- Consistência: as margens, cores e fontes se repetem.
- Limpeza: ausência de poluição visual e de elementos aleatórios.
Exercício pra treinar o olho
- Escolha um post ou slide que você ache feio.
- Anote o que incomoda: cores, desalinhamento, excesso.
- Compare com um que ache bonito e note o que ele faz de diferente.
💡 Dica: o olho se treina comparando. Dez minutos observando bom design por dia valem mais que tentar "copiar" sem entender. -
2
Contraste e repetição: o duo que dá vida
Como criar foco com contraste e trazer unidade com repetição — o segredo dos layouts que "funcionam".
Dois dos quatro princípios de design: contraste cria foco e repetição cria unidade. Sem contraste tudo fica numa massa cinza; sem repetição, parece que cada pedaço veio de um material diferente. Juntos, dão vida ao layout.
Contraste na prática
- Tamanho: título bem maior que o corpo do texto.
- Peso: destaque em negrito vs texto fino.
- Cor: um botão vibrante num fundo neutro.
Repetição na prática
- Mesmas margens e espaçamentos em todo o material.
- Mesma cor de destaque usada sempre pros mesmos elementos.
- Mesma fonte e estilo de título do começo ao fim.
Exercícios
- Pegue um layout simples e torne o título 2x maior de uma vez.
- Repita a cor de destaque em 3 pontos diferentes da peça.
- Compare o antes e o depois — contraste + repetição fazem mágica.
💡 Dica: se tudo é destaque, nada é destaque. Contraste é sobre escolher uma coisa que salta aos olhos. -
3
Alinhamento e proximidade: arrumando a bagunça
Nada de elementos jogados. Alinhe tudo com intenção e agrupe o que anda junto pra legibilidade subir na hora.
Elementos "jogados" na tela criam a sensação de bagunça, mesmo sem cor nenhuma. A solução é alinhamento (conectar tudo a uma grade) e proximidade (agrupar o que está relacionado). Dois ajustes simples e a legibilidade dispara.
Alinhamento que resolve
- Escolha uma margem de referência (esquerda, por exemplo).
- Alinhe todos os textos e imagens a ela.
- Evite centralizar tudo "no olho" — alinhe a uma grade real.
Proximidade que organiza
- Deixe perto o que se relaciona: título + subtítulo juntos.
- Afasta o que é diferente: hora do evento longe do rodapé.
- Espaços maiores entre blocos, menores dentro do bloco.
Exercício de 5 minutos
- Abra um material antigo seu (post, slide, documento).
- Alinhe todos os elementos a uma grade de referência.
- Agrupe os itens relacionados e veja a ordem surgir.
💡 Dica: uma linha imaginária cruzando o material inteira é o sinal de um design alinhado. Comece fazendo o título tocar essa linha. -
4
Hierarquia visual: quem fala primeiro
Fazendo o olho do leitor ir do título pra frase certa na ordem certa — sem esforço e sem teclado de seta.
Hierarquia visual é decidir o que o olho vê primeiro, depois e por último. Quando tudo tem o mesmo tamanho, o leitor não sabe por onde começar e o conteúdo se perde. Quando você define uma ordem, a mensagem chega sozinha.
Construindo a hierarquia
- 1º nível: um título único e grande, dizendo a ideia central.
- 2º nível: o subtítulo que apoia e detalha.
- 3º nível: o corpo — tudo em tom menor e mais leve.
GRANDE título → fala primeiro Subtítulo → apoia, segundo corpo → detalhes, por últimoFerramentas de hierarquia
- Tamanho: o maior sempre ganha a atenção.
- Peso e cor: negrito e cor de destaque priorizam.
- Posição: o que vem primeiro no canto superior esquerdo.
💡 Dica: teste num piscar de olhos: mostre seu material por 3 segundos a alguém. Ela deve lembrar o título. Se não lembrar, sua hierarquia falhou. -
5
Espaço em branco: respirar também é design
Por que o vazio não é desperdício, é elegância — e como parar de encher cada pixel de coisa.
Iniciante enche a tela de coisas com medo de "sobrar espaço". Designer de verdade sabe que o espaço em branco é elegância: ele dá respiro, organiza a leitura e faz o que existe ficar ainda mais forte.
Por que o vazio funciona
- Foco: com menos elemento, o que sobra ganha destaque.
- Legibilidade: linhas curtas e respiras se lêem melhor.
- Classe: marcos de luxo usam espaço em branco com generosidade.
Como aplicar sem medo
- Escolha a mensagem central e elimine o que não a apoia.
- Aumente as margens e o espaçamento entre blocos.
- Deixe pelo menos 30% da peça "respirando" — sem nada.
💡 Dica: se está em dúvida se um elemento é necessário, ele provavelmente não é. Corte primeiro; reponha só se fizer falta. -
6
Cores simples que sempre combinam
Paletas prontas, regra 60-30-10 e por que menos cor gera mais impacto — sem estudar roda cromática.
Você não precisar estudar roda cromática pra combinar cor. Basta usar paletas prontas e a regra 60-30-10. Menos cor, usada com intenção, gera mais impacto do que um arco-íris aleatório.
Ferramentas que escolhem a paleta por você
- Coolors / Adobe Color: geram combinações que já funcionam.
- Tema do material: veja cores de marcas que você admira e use como referência.
Regra 60-30-10
- 60%: cor dominante (fundo, neutra).
- 30%: cor secundária (blocos, títulos).
- 10%: cor de destaque (botões, elementos-chave).
Exercício
- Escolha 1 cor neutra de fundo (branco, cinza, bege).
- Adicione 1 cor principal e 1 de destaque.
- Aplique a proporção 60-30-10 e veja o resultado limpo.
💡 Dica: 2 ou 3 cores bem usadas vencem 8 cores gritantes. A cor de destaque respeita o ditado: pouca, mas bem aplicada. -
7
Tipografia sem erro nas fontes
Um par de fontes que sempre funciona, tamanhos que respeitam a leitura e como fugir da cara de "feito no Paint".
Tipografia é o que faz um material parecer profissional ou "feito no Paint". A boa notícia: existe um par de fontes que sempre funciona e tamanhos que respeitam a leitura. Menos fontes, mais cuidado — esse é o segredo.
O par que sempre funciona
- Para título: uma fonte com personalidade (ex. Poppins, Montserrat, Bebas).
- Para corpo: uma fonte neutra e legível (ex. Inter, Roboto, Open Sans).
Tamanhos que respeitam a leitura
- Corpo de texto: nunca abaixo de ~14px a 16px.
- Título: 1,5x a 2,5x maior que o corpo.
- Linha: não use linhas longas demais — cerca de 60 a 80 caracteres.
O que evitar
- Mais de 2 fontes no mesmo material.
- Fontes com desenhos exóticos "só porque é bonito" no corpo.
- Textos em caixa alta no meio da leitura.
💡 Dica: fontes de brilho de imã de geladeira custam caro no visual. Uma neutra bem espaçada sempre parece mais cara que uma exótica. -
8
Na prática: posts, sites e apresentações
Aplicando tudo em três cenários reais do dia a dia — e um checklist final antes de publicar qualquer coisa.
Só teoria não resolve. O design acontece quando você aplica os princípios nos materiais reais do dia a dia. Vamos rodar os 4 princípios (contraste, repetição, alinhamento, proximidade) + hierarquia em três cenários comuns: post, site e apresentação.
Post de rede social
- Uma mensagem central, hierarquia forte e 2–3 cores.
- Espaço em branco generoso e um único elemento de destaque.
Site / landing
- Grade alinhada e espaçamento consistente entre seções.
- Um call-to-action (botão) em cor de destaque, com contraste.
Apresentação
- 1 ideia por slide, título grande, corpo compacto.
- Repetição de fontes e cores em todos os slides.
Checklist antes de publicar
- Existe hierarquia clara (título chama a atenção)?
- Contraste e repetição presentes e coerentes?
- Alinhamento limpo e agrupamentos corretos?
- Poucas cores e fontes, espaço em branco suficiente?
💡 Dica: rode o checklist em todo material, mesmo o rápido. Dez segundos de revisão evitam anos de "parece amador".
👀 Quer ver o curso em vídeo?
Acompanhe as aulas num papo direto e veja exemplos reais ao vivo no canal do YouTube do Saber Livre:
▶ Assistir no canal do YouTube🎓 Conclusão
Design bonito não é mistério de gente talentosa — é um conjunto pequeno de regras que qualquer pessoa aplica. Jogue com contraste, alinhe com intenção, dê hierarquia, respire com espaço em branco e fique em poucas cores e fontes. Seu conteúdo fica limpo, claro e profissional — mesmo que você nunca tenha desenhado nada na vida. Mãos à obra! 🍒