Instagram Behance Todos os Links
Conhecer o Criador →
✦ Roadmap do Designer

Trilha completa
para designers.

Do zero ao profissional. Um guia visual, passo a passo, com tudo que você precisa aprender para construir uma carreira sólida em design. Marque o que já domina e acompanhe seu progresso.

Clique no nó para marcar como concluído
Expanda cada item para ver detalhes
100% gratuito
Seu progresso
0%
Todos
Essencial
Recomendado
Opcional
Fase 01
Fundamentos
Antes de qualquer ferramenta ou software, você precisa entender os princípios que fazem um design funcionar.
Princípios do Design Visual
Tipografia, cor, espaçamento, hierarquia visual e composição. Os pilares que sustentam qualquer peça bem-feita.
Essencial
  • Clareza acima de tudo — se o usuário precisa pensar demais, o design falhou. O que é isso? Onde clico? O que acontece depois? Um bom design responde tudo isso sem esforço.
  • Função antes da estética — beleza ajuda, mas não salva um design ruim. Um botão bonito que ninguém entende é inútil. Estética serve à função, não o contrário.
  • Contraste — cria diferenças visuais claras para destacar informações, usando variações de cor, tamanho ou peso.
  • Repetição — reutiliza elementos (cores, fontes, formas) para criar consistência, unidade e ritmo no design.
  • Alinhamento — organiza elementos para criar ordem e uma conexão visual, evitando aspecto desorganizado.
  • Proximidade — agrupa itens relacionados para reduzir a desordem e organizar a informação.
  • Hierarquia Visual — organiza os elementos por ordem de importância para guiar o leitor pelo conteúdo. Sem hierarquia = confusão.
  • Equilíbrio — distribui o peso visual (simétrico ou assimétrico) para gerar estabilidade e harmonia.
  • Espaço em Branco — área vazia que dá respiro ao layout e aumenta a legibilidade. Não é tirar tudo — é tirar o que não importa.
  • Consistência — botões iguais significam mesma função. Espaçamentos previsíveis geram conforto. Tipografia coerente facilita leitura. Consistência reduz esforço mental.
  • Foco no usuário — design não é sobre você, é sobre quem usa. Quem é a pessoa? O que ela quer? Em que contexto está? Sem isso, você só está decorando interface.
Teoria das Cores
Entender como as cores se relacionam, comunicam emoções e criam identidade.
Essencial
  • Círculo cromático e relações entre cores
  • Cores primárias, secundárias e terciárias
  • Contraste e acessibilidade (WCAG)
  • Psicologia das cores: cada cor comunica uma emoção — use com intenção
  • Harmonia cromática: complementares, análogas, tríades
  • Criação de paletas funcionais para projetos reais
  • Cor define o clima e atrai atenção — é um dos 7 elementos básicos do design
Tipografia
A tipografia é responsável por 80% da comunicação visual. Dominar fontes é essencial.
Essencial
  • Anatomia dos tipos: serifa, sans-serif, display
  • Escala tipográfica e hierarquia: títulos, subtítulos, corpo, legenda
  • Combinação de fontes (pairing): contraste entre display e corpo
  • Espaçamento: kerning (entre letras), tracking (geral), leading (entre linhas)
  • Legibilidade vs leiturabilidade: são coisas diferentes
  • Peso tipográfico como ferramenta de hierarquia visual
  • Fontes para web vs impressão — limitações e boas práticas
Grid e Composição
Sistemas de grade que organizam o conteúdo e criam coerência visual em qualquer projeto.
Essencial
  • Linha — define contornos e guia o olhar do usuário pelo layout
  • Forma — estruturas geométricas ou orgânicas que constroem a identidade visual
  • Textura — adiciona profundidade e realismo, mesmo em design digital
  • Espaço — o uso de whitespace para equilíbrio e respiro
  • Imagem — fotografia ou ilustração como elemento compositivo
  • Grid de 12 colunas: o padrão da web e do design responsivo
  • Grid modular para identidade visual e materiais impressos
  • Alinhamento consistente: elementos que se alinham criam ordem e confiança
  • Escala de elementos: tamanho relativo comunica importância
  • Regra dos terços e proporção áurea: harmonia natural na composição
  • Balanceamento visual: simétrico cria estabilidade, assimétrico cria dinamismo
Leitura Visual e Repertório
Treinar o olho crítico é tão importante quanto qualquer ferramenta. Você aprende design olhando muito design bom.
Essencial
  • Analisar bons designs no Dribbble, Behance e Pinterest — não para copiar, mas para entender por que funcionam
  • Estudar referências reais: sites, apps, anúncios, embalagens do cotidiano
  • Desconstruir um layout: grid, tipografia, cores, hierarquia — o que foi intencional?
  • Criar um moodboard semanal de referências que te inspiram
  • Comparar versões: antes/depois de redesigns famosos
  • Repertório amplo = soluções mais criativas e fundamentadas
Fase 02
Ferramentas
Você não precisa saber tudo de todos os softwares. Mas precisa dominar bem os essenciais e conhecer os demais.
Figma
A principal ferramenta de UI/UX design do mercado. Indispensável para quem trabalha com interfaces digitais.
Essencial
  • Frames, grupos e componentes
  • Auto layout: design responsivo no Figma
  • Variantes e design system
  • Prototipagem interativa
  • Colaboração em tempo real e comentários
  • Plugins essenciais: Unsplash, Iconify, Contrast
Adobe Photoshop
Manipulação de imagens, tratamento de fotos e composições. Fundamental para Social Media e Branding.
Essencial
  • Camadas, máscaras e blend modes
  • Seleções e recortes precisos
  • Ajustes de cor e tratamento de foto
  • Smart objects e Smart filters
  • Exportação para web e redes sociais
Adobe Illustrator
Design vetorial para logotipos, ícones, ilustrações e materiais impressos.
Recomendado
  • Curvas de Bézier e Pen Tool
  • Shape builder e pathfinder
  • Tipografia avançada em vetores
  • Criação de logotipos e identidade visual
  • Preparação de arquivos para impressão
Canva
Rápido e acessível para produção de conteúdo visual em escala. Poderoso quando bem usado.
Recomendado
  • Templates e brand kit
  • Criação de apresentações e posts
  • Canva Pro: recursos avançados
  • Exportação e compartilhamento
Adobe InDesign
Diagramação de materiais editoriais: revistas, livros, catálogos e apresentações de alto nível.
Opcional
  • Fluxo de texto e estilos de parágrafo
  • Master pages e páginas longas
  • Exportação para PDF e e-pub
  • Diagramação editorial profissional
Fase 03
Especialidades
Escolha uma ou duas áreas para se aprofundar. Generalistas são bons para começar, especialistas são pagos melhor.
Social Media
Criação de conteúdo visual para redes sociais com alto impacto e consistência de marca.
Recomendado
  • Formatos e especificações por plataforma
  • Identidade visual para redes sociais
  • Templates reutilizáveis
  • Copywriting visual: texto e imagem juntos
  • Carrossel, stories e reels
UI Design
Design de interfaces digitais: apps, sites, dashboards e sistemas. Alta demanda no mercado.
Recomendado
  • Padrões de interface: navegação, formulários, modais
  • Design responsivo: mobile-first
  • Dark mode e temas
  • Micro-interações e estados
  • Handoff para desenvolvimento
Identidade
Criação de marcas completas: logo, paleta, tipografia, aplicações e manual de marca.
Recomendado
  • Briefing e pesquisa de concorrência
  • Criação de logotipos vetoriais
  • Paleta de cores e tipografia da marca
  • Aplicações: cartão, papel timbrado, assinatura de e-mail
  • Manual de identidade visual (brandbook)
Web Design
Design de sites completos com foco em conversão, performance e experiência do usuário.
Recomendado
  • Landing pages de alta conversão
  • Noções de HTML e CSS para designers
  • Ferramentas no-code: Webflow, Framer
  • WordPress com Elementor
  • SEO visual: estrutura de headings e imagens
Motion Design
Animações gráficas para vídeos, vinhetas, publicidade e interfaces digitais.
Opcional
  • Princípios de animação: timing, easing, antecipação
  • After Effects: keyframes e expressões básicas
  • Lottie: animações para web e apps
  • Animações de interface no Figma
  • Motion em redes sociais: reels e stories animados
Design Editorial
Diagramação de livros, revistas, jornais, e-books e materiais impressos de alto nível.
Opcional
  • Fluxo de texto e estilos de parágrafo
  • Master pages e grids editoriais
  • Hierarquia visual em páginas longas
  • Exportação para PDF e e-pub
  • Preparação de arquivos para gráfica
Design para Impressão
Cartão, flyer, banner, cardápio — preparação técnica de arquivos para produção gráfica.
Recomendado
  • Diferença entre RGB e CMYK
  • Sangria, margem de segurança e área útil
  • Resolução: 72dpi vs 300dpi
  • Exportação de PDF para gráfica
  • Tipos de papel e acabamentos (laminação, verniz)
Ilustração
Criação de imagens originais para livros, publicidade, redes sociais ou jogos.
Opcional
  • Estilos: flat, isométrico, editorial, conceitual
  • Ilustração vetorial no Illustrator
  • Ilustração digital: Procreate e Photoshop
  • Construção de personagens e cenários
  • Portfólio de ilustração: como apresentar
Design de Embalagens
Criação de embalagens físicas com foco em funcionalidade, apelo visual e identidade de marca.
Opcional
  • Estrutura e dielines (moldes) de embalagem
  • Hierarquia visual em superfícies 3D
  • Regulamentações de rótulo (ANVISA para alimentos)
  • Mock-ups realistas para apresentação
  • Preparação de arte final para fornecedor
Design para Lançamentos
Especialidade que combina web design e social media focado no marketing digital e conversão.
Recomendado
  • Landing pages de captura e vendas
  • Peças para anúncios: stories, feed, banner
  • Funil visual: do topo ao fundo
  • A/B testing de criativos
  • Ferramentas: RD Station, ClickFunnels
UX Design
Entender o usuário, seus objetivos e como o design pode facilitar ou atrapalhar essa jornada.
Recomendado
  • UX vs UI — UI é a aparência, UX é a experiência. Um produto pode ser bonito e frustrante ao mesmo tempo.
  • Clareza acima de tudo — se o usuário precisa pensar demais, o design falhou.
  • Função antes da estética — o fluxo precisa fazer sentido antes de ficar lindo.
  • Heurísticas de Nielsen: 10 princípios de usabilidade que todo designer deve conhecer
  • Jornada do usuário: mapear cada passo que a pessoa dá para atingir seu objetivo
  • Personas: representações do usuário real baseadas em dados e entrevistas
  • Testes de usabilidade: o usuário entendeu? Se não, o problema é do design.
  • Acessibilidade digital: WCAG, contraste mínimo, textos alternativos
Wireframe e Prototipagem
Transformar ideias em estruturas testáveis antes de gastar tempo com o design final.
Recomendado
  • Wireframe de baixa fidelidade: papel e caneta
  • Wireframe de alta fidelidade no Figma
  • Prototipagem interativa: fluxos e transições
  • Testes de usabilidade com protótipos
  • Iteração rápida: fail fast, learn faster
Design System
Criar um sistema de componentes reutilizáveis que garante consistência em todo o produto.
Opcional
  • Tokens de design: cores, tipografia, espaçamento
  • Componentes atômicos: botões, inputs, cards
  • Variantes e estados (hover, active, disabled)
  • Documentação do design system
  • Referências: Material Design, Ant Design, Atlassian
Fase 04
Carreira e Negócio
Talento sem posicionamento não paga conta. Essa fase é sobre transformar habilidade em renda consistente.
Portfólio
Seu portfólio é sua proposta comercial. Ele precisa mostrar processo, não só resultado final.
Essencial
  • Behance: como estruturar estudos de caso
  • Portfólio no próprio site
  • Case study: problema → processo → resultado
  • Quais projetos incluir (e quais não incluir)
  • Atualização constante: portfólio vivo
Precificação e Proposta
Saber quanto cobrar e como apresentar seu valor é tão importante quanto saber fazer.
Essencial
  • Modelo por projeto vs hora vs retainer
  • Como calcular seu preço mínimo
  • Proposta comercial profissional
  • Briefing: as perguntas certas antes de cotar
  • Contrato simples para freela
Captação de Clientes
Onde e como encontrar os primeiros clientes — e como transformá-los em recorrência.
Essencial
  • Prospecção ativa: LinkedIn, Instagram e WhatsApp
  • Marketplaces: 99Freelas, Workana, Fiverr
  • Networking: eventos e comunidades
  • Indicação: o canal mais barato e eficaz
  • Posicionamento de nicho para atrair clientes certos
Branding Pessoal
Designers que produzem conteúdo e mostram seu processo atraem clientes mesmo dormindo.
Recomendado
  • Escolher uma rede social principal e ser consistente
  • Mostrar processo: bastidores valem ouro
  • Conteúdo de autoridade: o que você sabe ensinar
  • Frequência > perfeição
  • Transformar projetos em conteúdo
Fase 05
Próximo Nível
Para quem quer ir além do freela e construir algo maior — produto, agência ou autoridade de mercado.
Noções de Código
HTML e CSS básico te dá superpoderes como designer. Você para de depender 100% do dev.
Recomendado
  • HTML: estrutura semântica básica
  • CSS: box model, flexbox e grid
  • Como inspecionar um site (DevTools)
  • Entender tokens de design no código
Design com IA
Usar IA como copiloto para acelerar processos, gerar ideias e criar mais em menos tempo.
Recomendado
  • Geração de imagens: Midjourney, DALL-E, Firefly
  • ChatGPT e Claude para copywriting de design
  • Plugins de IA no Figma
  • Automação de tarefas repetitivas
  • IA para pesquisa e benchmarking
Produtos Digitais
Transformar conhecimento em produtos que vendem enquanto você dorme.
Opcional
  • Templates: Canva, Figma, Notion
  • E-books e guias digitais
  • Cursos e mentorias
  • Comunidades pagas
  • Plataformas: Hotmart, Kiwify, Gumroad

Perguntas frequentes.

Design é a disciplina que resolve problemas através da forma visual. Não se trata apenas de estética — trata-se de comunicação intencional. Um bom design guia, informa, convence e cria experiências que as pessoas lembram. O designer conecta um objetivo de negócio a uma experiência humana: ele pensa em quem vai usar, como vai usar e o que essa pessoa precisa sentir ou entender no processo.
A carreira em design é ampla e permite múltiplos caminhos: você pode trabalhar como freelancer, em agência, em empresa de tecnologia, no mercado editorial ou construir seu próprio produto digital. O mercado remunera bem quem combina habilidade técnica com visão estratégica. Design está em tudo — na embalagem do produto que você compra, no app que você abre de manhã, no cartaz da esquina, no site que te convenceu a comprar.
Identidade visual, logotipos, materiais impressos e digitais. A área mais ampla e acessível para começar. Um designer gráfico cria a linguagem visual de marcas, produtos e comunicações — desde um cartão de visitas até uma campanha publicitária completa.
Design de interfaces de apps, sites e sistemas. Alta demanda no mercado de tecnologia, com boas remunerações. O UI Designer define a aparência visual de cada tela: botões, tipografia, cores, ícones, espaçamento — tudo que o usuário vê e clica.
Pesquisa, fluxos e experiência do usuário. Trabalha com dados e comportamento humano para melhorar produtos digitais. O UX Designer entende os problemas dos usuários, mapeia jornadas, cria wireframes e valida soluções através de testes — garantindo que o produto seja fácil e agradável de usar.
Criação de conteúdo visual para redes sociais com consistência de marca. Alta demanda de pequenas e médias empresas — ótimo para quem está começando no freela. Engloba posts, stories, carrosséis, banners e qualquer peça visual destinada às plataformas digitais.
Design de sites completos com foco em conversão, performance e experiência do usuário. Combina princípios visuais, UX e conhecimentos de desenvolvimento. Um web designer pensa desde a estrutura e hierarquia de informação até os detalhes visuais que convencem o visitante a agir.
Animações, vídeos e interfaces em movimento. Diferencial importante para quem quer se destacar no mercado. O motion designer aplica os princípios de animação para dar vida a logotipos, interfaces, apresentações e conteúdo audiovisual de marcas.
Não. A maior parte do mercado de design avalia portfólio, não diploma. Faculdades de design têm valor pela formação teórica e networking, mas você pode construir uma carreira sólida através de cursos, prática constante e um portfólio bem construído. O que o cliente quer ver é o seu trabalho, não o seu histórico escolar.
Para conseguir os primeiros freelas e projetos reais, entre 3 a 6 meses de estudo focado é suficiente. Para se tornar um profissional consistente e bem remunerado, espere de 1 a 2 anos. Design é uma habilidade que se aprofunda para sempre — os melhores designers do mundo ainda estão aprendendo.
Comece pelos fundamentos — cor, tipografia e composição — antes de qualquer software. Depois escolha uma ferramenta (Figma ou Canva para digital, Photoshop para imagens) e pratique com projetos reais. Não tente aprender tudo ao mesmo tempo. Foco em uma área gera resultados mais rápidos do que tentar ser generalista logo no início.
Não é obrigatório, mas conhecer o básico de HTML e CSS te transforma em um profissional muito mais valioso. Você entende melhor as limitações do desenvolvimento, se comunica melhor com devs e pode até criar suas próprias landing pages. É um diferencial, não um requisito.
Depende do seu objetivo. Para UI/UX e design digital: Figma é a escolha certa e é gratuito. Para Social Media e manipulação de imagens: Photoshop. Para identidade visual e logotipos: Illustrator. Para quem quer produzir conteúdo rápido: Canva. O Figma é o mais versátil e recomendado como primeiro software profissional.
Varia muito pela especialidade, senioridade e modelo de trabalho. Um designer júnior em CLT pode ganhar entre R$2.000 e R$4.000. Um pleno, entre R$4.000 e R$8.000. Sênior e especialistas passam dos R$10.000. Como freela, o teto é indefinido — designers com posicionamento forte e carteira de clientes consolidada faturam bem acima da média CLT.
Sim. O roadmap foi estruturado da base ao avançado. As fases 01 e 02 são para quem está começando do zero. As fases 03 e 04 aprofundam habilidades específicas. As fases 05 e 06 são para quem quer profissionalizar a carreira e crescer além do freela. Você pode seguir a sequência ou pular para o que faz mais sentido no seu momento atual.

Pronto para começar
sua trilha?

Marque o que já domina, expanda o que ainda não conhece e siga em frente. O caminho está aqui.