Web design com Figma: cria ção de interfaces eficazes
A course by Pablo StanleyDesigner gráfico e ilustrador
A course by Pablo Stanley, Designer gráfico e ilustrador
Aprenda os princípios para criar composições digitais impactantes e leve seu design a outro nível
Uma composição visual impactante não só parece boa, mas também tem o poder e a função de comunicar uma mensagem com clareza. O designer e ilustrador Pablo Stanley utiliza o design como uma forma de compartilhar histórias e de se conectar com outras pessoas. Ele organiza workshops em todo o mundo, bem como seu próprio podcast de design, Diseño Cha Cha Cha.
Neste curso, Pablo ensinará a você conceitos básicos de design visual para criar uma composição poderosa usando o Figma. Você aprenderá uma nova ferramenta e os fundamentos que levarão seus projetos de web design a outro nível.
O que você aprenderá neste curso online?
20 aulas & 12 downloads
Princípios de Composição e Design Visual
4 minutos, 50 segundos
Princípios Gestalt Usados em Design
3 minutos, 40 segundos
Hierarquia Visual
3 minutos, 31 segundos
Introdução aos elementos visuais e compreensão do resumo
5 minutos, 7 segundos
Tipografia
8 minutos, 27 segundos
Gráficos e ícones
11 minutos, 11 segundos
O que está incluído neste curso?
Para começar, você conhecerá Pablo Stanley, artista, ilustrador e seu professor neste curso. Ele falará sobre como se tornou um designer e sobre todas as pessoas que influenciaram sua jornada criativa, de escritores de quadrinhos a diretores de cinema.
Em seguida, você aprenderá os princípios de design visual necessários para criar composições impactantes, incluindo escala, hierarquia, equilíbrio, contraste e muito mais. Você descobrirá mais sobre os princípios da Gestalt e como eles afetam a interpretação do nosso trabalho, além de como criar fluxo em sua composição usando padrões de leitura F ou Z antes de mergulhar no domínio do design.
Na próxima unidade, Pablo explicará o básico sobre elementos visuais e como entender um briefing. Então, será a hora de você praticar aplicando todo o conhecimento adquirido no curso com diferentes exercícios no Figma. Seu professor dará mais dicas para melhorar sua tipografia, desde a escolha de uma fonte até o equilíbrio, o espaçamento e a escolha do tamanho. Você também aprenderá sobre o impacto da cor em sua composição e como usar fotos, ilustrações e ícones no Figma antes de testar diferentes estilos visuais.
Logo, você esboçará um conceito e decidirá a melhor opção em função do briefing e dos requisitos do projeto. Você definirá um guia de estilo visual com tipografia, cores e botões. Também criará um mock-up de alta fidelidade da sua página de destino no Figma.
Para finalizar, você aprenderá a adicionar interações simples para animar seus componentes. Criará links entre as páginas e abrirá janelas modais. Por último, Pablo guiará você pelo processo de compartilhamento do seu protótipo com o mundo.
Recommended software & tools for this course
What is this course's project?
Você criará uma página poderosa para o seu site usando os princípios do design visual.
Projetos de alunos do curso
Who is this online course for?
Este curso é para qualquer pessoa interessada em design gráfico ou web design que queira aprender mais sobre o Figma.
Requirements and materials
Para fazer este curso, não é preciso ter experiência prévia.
Quanto aos materiais, você precisará de um computador, algo para desenhar e uma conta no Figma.
Avaliações
- há 1 mês
This is a fantastic course for mastering UI design basics. Whether you are new to Figma or looking to refine your composition skills, Pablo Stanley makes the process easy to follow. I highly recommend it for its hands-on approach, which bridges the gap between design theory and practical application—from wireframing to building a high-fidelity prototype. A perfect starting point for any aspiring web designer.
- portfolio_valenPLUShá 2 meses
This is a great course to start understanding good UI practices for websites. It doesn't matter if you are a beginner with Figma, you will be able to follow the steps of the teacher in this course. I recommend this!
- há 2 meses
Bonne formation qui permet d'apprendre à utiliser figma grâce à un cas pratique. Le seul point négatif est qu'il manque certaines ressources comme le brief qui n'est pas remis à disposition à des moments clés. Il manque aussi la dernière page de l'exercice pour le rendu final qu'on nous propose pas d'apprendre à créer. Cela limite le prototype final car l'on doit lier cette page avec une autre pour voir notre progression et l'exercice réalisé dans sa globalité.
- há 8 meses
muy buen curso! rapido de aprender y poner en practica
- há 9 meses
Muy buen curso, super utiles las bases de diseño gráfico y explica muy bien el proceso en Figma, sería ideal que hicieran una re-versión con las últimas actualizaciones de Figma.
Desde então, Pablo trabalhou como líder na Invision, foi designer da equipe da Lyft e cofundador da Carbon Health e Blush. Ele organiza workshops em todo o mundo e tem um podcast sobre design e tecnologia. Além disso, escreve e ilustra a história em quadrinhos The Design Team e também compartilha seu trabalho com mais de 45 mil seguidores no Instagram.
Conteúdo
- U1
Introdução
- Sobre mim
- Influências
- U2
Fundamentos de Design Visual
- Princípios de Composição e Design Visual
- Princípios Gestalt Usados em Design
- Hierarquia Visual
- Recursos na IU
- U3
Elementos Visuais
- Introdução aos elementos visuais e compreensão do resumo
- Composição Básica na Figma
- Tipografia
- Criação de uma paleta de cores
- Gráficos e ícones
- Estilos Visuais
- U4
Juntando tudo
- Desenhando um Wireframe
- Definindo seu guia de estilo visual 1
- Definindo seu guia de estilo visual 2
- Construindo um mock-up de alta fidelidade 1
- Construindo um mock-up de alta fidelidade 2
- U5
Prototipagem
- Botões de interação
- Vinculando a páginas e modais
- Compartilhando seu protótipo
- PF
Projeto final
- Web design com Figma: criação de interfaces eficazes
O que esperar de um curso da Domestika
Aprenda no seu ritmo
Aproveite para aprender desde casa, sem um horário fixo e no seu ritmo. É você quem define sua disponibilidade.
Aprenda com os melhores profissionais
Aprenda métodos e técnicas fundamentais com os melhores profissionais do setor criativo.
Conheça os maiores especialistas
Cada professor compartilha seus conhecimentos com entusiasmo e explicações claras, oferecendo uma perspectiva profissional em cada aula.
Certificates
PLUSIf you're a Plus member, get a certificado personalizado signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
Sente-se na primeira fila
Com vídeos da melhor qualidade, você não perderá nenhum detalhe! Graças ao acesso ilimitado, você pode assistir às aulas todas as vezes que precisar para aperfeiçoar sua técnica.
Compartilhe conhecimentos e ideias
Pergunte, peça opiniões e ofereça soluções. Compartilhe sua experiência de aprendizagem com outros alunos da comunidade tão criativos como você.
Conecte-se a uma comunidade criativa global
Esta comunidade acolhe milhões de pessoas do mundo todo, curiosas e apaixonadas por descobrir e expressar sua criatividade.
Assista a cursos produzidos de maneira profissional
A Domestika seleciona cuidadosamente seus professores e produz cada curso internamente para garantir uma experiência de aprendizagem online excelente.
Perguntas frequentes
Sim, este curso foi feito para iniciantes e cobre todos os conceitos básicos de design visual, UI e prototipagem, com orientações passo a passo usando o Figma.
Não é necessário ter experiência prévia em design. Você só precisa de um computador e conexão à internet. O curso usa o Figma, que é gratuito para começar.
Você vai aprender princípios de design, wireframing, prototipagem de alta fidelidade no Figma, criação de paletas de cores, tipografia, layout e como aplicar princípios da Gestalt e affordances em projetos de UI.
Sim, o curso inclui aulas sobre design de cartazes, técnicas de ilustração manual e como criar composições marcantes inspiradas em artistas como Diego Rivera.
Com certeza. O curso cobre o essencial do Figma, desde a criação de wireframes e artboards até protótipos de alta fidelidade e layouts responsivos com auto layout.
Sim, o curso oferece um estudo aprofundado dos principais princípios de design como hierarquia, equilíbrio, contraste, escala e espaço em branco para composições digitais eficazes.
Você vai aprender a montar paletas de cores harmoniosas, aplicar teoria das cores, escolher e combinar tipografias, além de usar escalas modulares para layouts legíveis e atraentes.