Design de UI/UX para Web e dispositivos móveis: do Figma ao HTML e CSS

Domine a interface do usuário e experimente os princípios de design para criar layouts impressionantes no Figma, depois aprenda a traduzir seus designs em HTML e CSS limpos e responsivos.

4.4 (1,407) ⏱ 47 min 📚 4 aulas 🎧 Versão em áudio

Sobre este curso

Grandes produtos digitais começam com uma experiência de usuário excepcional e design de interface.Entender como fazer a transição desses projetos em layouts web funcionais preenche a lacuna entre a visão criativa e a realidade técnica. Este curso orienta você através dos princípios fundamentais do design de UI / UX, equipando-o para criar layouts profissionais para dispositivos web e móveis.Você aprenderá a mecânica do Figma, dominará o processo de design desde wireframes iniciais até layouts polidos e adquirirá as habilidades fundamentais de HTML e CSS necessárias para se comunicar efetivamente com desenvolvedores ou construir suas próprias páginas da web responsivas. O que você vai aprender: - Entenda os princípios básicos da experiência do usuário (UX) e do design da interface do usuário (UI), incluindo hierarquia visual, tipografia e teoria da cor. - Domine os fundamentos do Figma, incluindo quadros, layout automático, componentes reutilizáveis e restrições de design responsivo. - Crie fluxos de usuários, wireframes de baixa fidelidade e layouts de design de alta fidelidade polidos. - Aplique padrões modernos de acessibilidade para garantir que seus designs digitais sejam inclusivos e altamente utilizáveis. - Traduza layouts de design em estrutura HTML limpa e semântica e layouts CSS responsivos. Você começará aprendendo a terminologia de design e a psicologia do usuário antes de avançar para as técnicas práticas do Figma.Finalmente, você explorará a tradução do design para o código, aprendendo a estruturar layouts com CSS e HTML modernos. Este curso é projetado para iniciantes absolutos que querem entrar no campo do design, bem como desenvolvedores que procuram melhorar suas habilidades de design visual, sem necessidade de experiência prévia em design ou codificação. Comece a ler hoje e dê o primeiro passo para projetar experiências digitais bonitas e funcionais.

O que você vai receber

  • 📜 Certificado de conclusão
    Adicione ao seu perfil do LinkedIn
  • 💬 Personal AI tutor
    Stuck on a lesson? Ask your built-in tutor anything, any time.
  • 🎧 Versão em áudio incluída
    Estude em qualquer lugar, sem tela
  • ♾️ Acesso vitalício
    Volte quando quiser, sem expirar
  • 📱 Celular ou computador
    Funciona em qualquer dispositivo
  • 💸 Reembolso em 30 dias
    Sem perguntas
  • Curto e focado
    47 min de conteúdo prático

Avaliações (7)

Mia Hall AU
★ 5 · 2025-12-09T14:09:51+00:00

Machine Translated Este é exatamente o que eu estava procurando.Adorei os exemplos práticos, eles realmente ajudaram a solidificar os conceitos.

วิชัย เกษมสุข TH
★ 4 · 2025-09-19T01:05:51+00:00

Gostei muito da experiência de aprendizagem. Os materiais fornecidos foram de primeira qualidade e fáceis de seguir.

سهام DZ Aluno verificado
★ 5 · 2025-08-01T01:26:51+00:00

Este curso excedeu minhas expectativas. As aplicações do mundo real discutidas são incrivelmente úteis.

Camila Sánchez CO
★ 4 · 2025-04-16T19:35:51+00:00

Uma boa introdução. A estrutura era principalmente clara, mas eu gostaria que houvesse mais alguns exemplos do mundo real.

Elżbieta Szymańska PL
★ 5 · 2025-04-12T05:37:51+00:00

Design de curso brilhante. A maneira como os conceitos se constroem uns nos outros é perfeita.

Марія Лисенко UA Aluno verificado
★ 5 · 2025-04-04T10:49:51+00:00

Wow, estou impressionado. As aplicações do mundo real mostradas foram super úteis. Fez ideias abstratas sentirem-se tangíveis.

سعاد DZ
★ 3 · 2025-02-27T17:47:51+00:00

É uma introdução decente, mas poderia se beneficiar de exemplos mais diversos e um fluxo ligeiramente melhor entre os módulos.

Escrever uma avaliação

Pediremos para fazer login após enviar — o rascunho fica salvo.

Outros também fizeram

Perguntas frequentes

O que preciso para fazer este curso? +

Só um celular ou computador com internet. Sem instalações nem hardware especial.

Como faço para pagar? +

Cartão via Stripe ou criptomoeda. Não guardamos dados do cartão — o Stripe processa com segurança.

Posso pedir reembolso? +

Sim — reembolso integral em 30 dias, sem perguntas.

Por quanto tempo terei acesso? +

Para sempre. Uma vez comprado, o curso é seu para revisar quando quiser.

Vou receber um certificado? +

Sim. Ao concluir, você recebe um certificado que pode adicionar ao seu perfil do LinkedIn.

Feito para profissionais em
Tecnologia Design Finanças Marketing Saúde Educação Hotelaria Indústria