Design Web Inovador no Figma: Um Processo Passo a Passo
Um curso de Louis PaquetGuia no design de sites interativos
Um curso de Louis Paquet, Guia no design de sites interativos
Aprenda a criar sites bonitos e funcionais, equilibrando design criativo com experiência do usuário.
Começar um novo projeto de design de site pode ser assustador, com tantos elementos a serem considerados. No entanto, com um processo claro e estruturado, é possível criar sites que não são apenas visualmente atraentes, mas também funcionais e acessíveis. Louis Paquet, diretor criativo digital com mais de 15 anos de experiência, ensinará os fundamentos do design de sites interativos. Louis trabalhou com agências líderes globais e ganhou mais de 50 prêmios 'Site do Dia' no Awwwards. Neste curso, você aprenderá como abordar um projeto de design desde sua concepção até a criação de um protótipo de alta fidelidade. Você aprenderá a analisar os briefs dos clientes, criar moodboards, desenvolver sistemas de design robustos e integrar movimento e animações para dar vida aos seus sites. Ao longo do curso, você seguirá um processo passo a passo que garante resultados memoráveis tanto para você quanto para seus clientes.
O que você aprenderá neste curso online?
20 aulas & 11 downloads
Principais princípios de UX
8 minutos, 37 segundos
Tipografia e Seleção de Cores
15 minutos, 55 segundos
Testes rápidos de design 1
20 minutos, 59 segundos
Aproveitando o Figma para layouts criativos 2
15 minutos, 47 segundos
Incorporando movimento no design
8 minutos, 0 segundos
Prototipagem de alta fidelidade 3
12 minutos, 21 segundos
O que está incluído neste curso?
Ao longo do curso, você explorará como iniciar um projeto de design de site, desde a análise do brief do cliente até o design final. Aprenderá a reunir inspiração e criar moodboards que guiam a estética do seu projeto, sempre alinhado com os objetivos do cliente. Descobrirá a importância da experiência do usuário (UX) e como construir sitemaps e wireframes para garantir uma navegação clara e funcionalidade em seu site. Além disso, você mergulhará no design visual usando o Figma, selecionando tipografias e cores que realcem a identidade da marca e despertem as emoções desejadas nos usuários. Finalmente, descobrirá como integrar movimento e animações em seus designs para criar experiências dinâmicas que cativem os usuários.
Software e ferramentas recomendados para este curso
Qual é o projeto deste curso?
Você criará um protótipo interativo de alta fidelidade para um site, implementando tipografia, cores, sistemas de grade e animações dinâmicas.
Projetos de alunos do curso
Para quem é este curso online?
Este curso é voltado para designers aspirantes e profissionais que desejam melhorar suas habilidades de design UX/UI e criação de protótipos. Quer você seja iniciante ou profissional experiente, este curso fornecerá as ferramentas necessárias para criar sites impactantes, inovadores e acessíveis.
Requisitos e materiais
Tudo o que você precisa é uma mente criativa, vontade de aprender e conhecimento básico do Figma. Recursos adicionais, como documentos de brief e kits de wireframing, serão fornecidos.
Avaliações
- há 2 meses
Well explained and easy to follow. Great course!
- há 2 meses
An excellent course for getting to understand creative/design process. You will also learn prototyping in Figma to present your work to your client.
- há 2 meses
Excellent course! AMAZING
- há 3 meses
Excellent course!
- há 4 meses
Fantastic course, well explained. I love the way he makes the entire process sound very achievable. I am a fan of your work Louis and your design style resonates with me. People who already know how to use Figma might find it a bit of a revision, but the overall end to end approach is what is explained very well here.
Conteúdo
- U1
Introdução
- Sobre mim
- Visão geral do curso e projeto de exemplo
- U2
Estabelecendo as bases
- Compreendendo o Briefing do Projeto
- Encontrando inspiração e construindo seu moodboard
- U3
Noções básicas de experiência do usuário (UX)
- Principais princípios de UX
- Elaborando um Sitemap
- Projetando Wireframes Funcionais
- U4
Dominando a Direção de Arte
- Tipografia e Seleção de Cores
- Sistemas de grade, dimensões e layouts
- A essência da narrativa no design
- Testes rápidos de design 1
- Testes rápidos de design 2
- U5
Técnicas de design de IU
- Aproveitando o Figma para layouts criativos 1
- Aproveitando o Figma para layouts criativos 2
- Construindo um Design Forte
- Incorporando movimento no design
- Prototipagem de alta fidelidade 1
- Prototipagem de alta fidelidade 2
- Prototipagem de alta fidelidade 3
- Apresentando seu design
- PF
Projeto final
- Design de movimento e animação
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 seu professor para cada curso que concluir. Compartilhe-o no seu portfólio, nas redes sociais 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
Sim, este curso é ideal para designers intermediários que querem aprimorar suas habilidades em prototipagem, animação e design web interativo usando técnicas avançadas e ferramentas como o Figma.
Você deve ter um entendimento básico dos princípios de web design e estar familiarizado com ferramentas de design como o Figma. Não são necessárias habilidades avançadas de programação, mas alguma experiência em design é recomendada.
Você vai aprender a criar interfaces web envolventes e fáceis de usar, construir protótipos, animar elementos do site no Figma, desenvolver estratégias de conteúdo e equilibrar criatividade com usabilidade para designs de destaque.
Sim, o curso oferece tutoriais aprofundados sobre o uso do Figma para prototipagem, animação de sites, criação de wireframes, mood boards, mapas do site e elementos interativos.
O curso ensina como incorporar criatividade por meio do design de movimento, escolhas de layout, paletas de cores e conceitos originais, garantindo que seus designs sejam funcionais e intuitivos para os usuários.
Sim, você vai adquirir habilidades práticas para analisar as necessidades do cliente, definir objetivos do projeto e transformar briefings em estratégias visuais acionáveis para o desenvolvimento do site.
Com certeza. O curso aborda a criação de mood boards no Figma, busca de inspiração, organização de conteúdo visual e desenvolvimento de estratégias eficazes de conteúdo para projetos web.