Design de páginas web interativas com Figma
A course by Eva Sánchez ClementeDesigner UX/UI
A course by 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
Procure referências e o mood board
10 minutos, 10 segundos
UX: estrutura e conteúdo da web
15 minutos, 40 segundos
Cor, tipografia e composição
19 minutos, 53 segundos
Projete para um contexto “mobile first”
14 minutos, 25 segundos
Preparar o arquivo
8 minutos, 35 segundos
O processo de trabalho
6 minutos, 20 segundos
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 .
Recommended software & tools for this course
What is this course's project?
Você criará um projeto web interativo, atraente e funcional.
Projetos de alunos do curso
Who is this online course for?
A todos aqueles que buscam atualizar e ampliar seus conhecimentos no mundo das experiências digitais.
Requirements and materials
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.
Avaliações
- canyelles_martaPLUShá 23 dias
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.
- há 3 meses
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.
- há 3 meses
Excelente curso, me ha brindado herramientas para gestionar proyectos UX UI.
- há 3 meses
Der Kurs ist sehr gut aufgebaut und verständlich, ich kann meine Kursziele gut erreichen. Ich konnte Einiges lernen, Danke.
- há 4 meses
Excelente explicacion, dinamico y útil
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.
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
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.