Design de páginas web interativas com Figma
Um curso de Eva Sánchez Clemente, Designer UX/UI
Aprenda a criar sites interativos, memoráveis e fáceis de programar, levando em consideração o comportamento do usuário
Segundo a designer de UX/UI Eva Sánchez, para criar uma página web do zero é fundamental levar em conta dois fatores: como é o projeto do cliente e qual é o comportamento do usuário. A partir daí, seus interesses, estímulos e cultura entram em jogo para definir cada um dos detalhes visuais.
Neste curso online, você aprenderá a entender o briefing do cliente e, em seguida, dará um passo adiante, contribuindo com sua própria visão para cada projeto. Ao longo das unidades, você verá como usar fontes, imagens e composições para criar propostas web intuitivas que enriquecem a experiência e a interação .
O que você aprenderá neste curso online?
15 aulas & 27 downloads
O que está incluído neste curso?
Na primeira unidade, Eva Sánchez falará sobre sua experiência, preocupações e trajetória profissional, bem como sobre suas referências e influências tanto em seu setor quanto em outras disciplinas.
Antes de começar, você descobrirá o que está acontecendo no mundo do web design. Com essa base, você verá como definir o brief e seu professor o guiará no processo de pesquisa e criação de um mood board para moldar seu projeto final.
Logo, você vai praticar brincando com tipografia, cor e composição, sem negligenciar a definição do conteúdo e estrutura da interface. Além disso, você verá a relevância de projetar para dispositivos móveis para que a experiência na web seja completa.
Quando a fase de design terminar, você experimentará interações e movimentos. Então, você vai prototipar no Figma e After Effects e deixar o arquivo pronto para programar e compreensível para quem vai trabalhar com o seu design.
Na última unidade, Eva mostrará seu processo de trabalho e como ela revisa um projeto da web quando já está agendado. Por fim, ele fornecerá algumas dicas de gerenciamento e promoção para ajudá-lo a obter visibilidade e reconhecimento .
- 94% avaliações positivas (125)
- 6,124 alunos
- 15 aulas (2h 23m)
- 27 recursos adicionais (9 arquivos)
- Online e no seu ritmo
- Disponível no aplicativo
- Áudio: Espanhol, Inglês, Francês, Italiano, Português, Türkçe
- Espanhol · Inglês · Português · Alemão · Francês · Italiano · Polonês · Holandês · Türkçe
- Nível: Iniciante
- Acesso ilimitado para sempre
Software e ferramentas recomendados para este curso
Adobe After Effects
FigmaQual é o projeto deste curso?
Você criará um projeto web interativo, atraente e funcional.
Projetos de alunos do curso
Para quem é este curso online?
A todos aqueles que buscam atualizar e ampliar seus conhecimentos no mundo das experiências digitais.
Requisitos e materiais
Para seguir os passos de seu professor, você precisará de um computador com acesso à internet e conhecimentos básicos de um aplicativo de design de interface, de preferência Figma, e design gráfico.
O Adobe After Effects é uma novidade para você? Neste caso, recomendamos os cursos da Domestika Basics para que você aprenda a usar esse programa: Introdução ao After Effects.
Avaliações
Eva Sánchez Clemente
Um curso de Eva Sánchez Clemente
Eva Sánchez iniciou sua carreira em design gráfico em Tenerife e trabalhando em publicidade, até que, em 2019, se mudou para Barcelona para se concentrar exclusivamente no design digital. Graças à partilha do seu trabalho nas redes sociais e no seu portefólio web, obteve os seus primeiros méritos como Menção Honrosa e fez parte do júri da Awwwards, uma comunidade internacional de criativos na área digital.
A partir de então, seu talento começou a ser reconhecido e passou a colaborar com outros estúdios independentes como Fuego Camina Conmigo, Ophion, Rebeka Arce Studio ou Réplica Studio, entre outros. Da mesma forma, atualmente trabalha na Jam3, uma agência internacional dedicada exclusivamente ao design focado em experiência digital e inovação.
Conteúdo
-
U1
Introdução
-
Apresentação
-
Influências
-
-
U2
Entenda e defina o projeto
-
O contexto do web design
-
A importância do briefing
-
Procure referências e o mood board
-
-
U3
Projete a experiência na web
-
UX: estrutura e conteúdo da web
-
Cor, tipografia e composição
-
Projete para um contexto “mobile first”
-
-
U4
Prototipar, animar e refinar o design
-
Prototipagem básica no Figma
-
Animar elementos no After Effects
-
Preparar o arquivo
-
-
U5
Apresentar, comunicar e colaborar
-
O processo de trabalho
-
Orquestrar um projeto da web
-
Pixel push: cuide do seu projeto
-
Publique e promova seu trabalho
-
-
PF
Projeto final
-
Design de páginas web interativas com Figma
-
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.
-
Certificados
PlusSe você for um membro Plus, obtenha um certificado personalizado assinado pelo professor de cada curso que concluir. Compartilhe-o em seu portfólio, mídia social ou onde quiser.
-
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
Você vai aprender a criar experiências digitais interativas, aplicar tendências atuais de UX/UI, estruturar projetos com wireframes e protótipos, gerenciar briefings, montar mood boards e desenvolver portfólios profissionais em design web.
O curso é voltado para pessoas com conhecimentos intermediários em design gráfico ou digital, mas não é necessário ser expert. Recomenda-se familiaridade básica com ferramentas digitais de design.
Você vai precisar de um computador com acesso à internet e programas como Figma e After Effects. É recomendado ter contas em plataformas como Dribbble e Raindrop para organizar inspiração e recursos.
Você vai aprender a selecionar e apresentar projetos, aplicar conceitos visuais atuais e estruturar seu portfólio web para se destacar em comunidades criativas e aumentar suas oportunidades profissionais.
O trabalho será principalmente com Figma, After Effects e extensões do Chrome para design. Também vai aprender a coletar inspiração no Dribbble e organizar recursos com o Raindrop.
O curso ensina técnicas para criar mood boards eficazes, coletar e organizar referências visuais, e usar ferramentas digitais para capturar e classificar inspiração conforme o projeto.
Sim, são analisadas e aplicadas tendências como neumorfismo, brutalismo, flat design e glasmorfismo para que você possa experimentar e adaptar estilos visuais inovadores em seus projetos web.
Adobe After Effects
Figma
Me ha parecido muy interesante para comprender cómo organizar el trabajo y estructurar el proceso de diseño. Lo que más me ha aportado han sido las referencias de inspiración y los recursos compartidos.
I really enjoyed this course. I would like to know a bit more about the after effects precess on creating interactions. but i can recommend it.
Excelente curso, me ha brindado herramientas para gestionar proyectos UX UI.
Der Kurs ist sehr gut aufgebaut und verständlich, ich kann meine Kursziele gut erreichen. Ich konnte Einiges lernen, Danke.
Excelente explicacion, dinamico y útil