Figma: Design colaborativo do básico ao protótipo responsivo
Learn Figma: UI/UX design for responsive websites & apps. Build like Netflix & Instagram, even with zero experience!
Course Content
Figma: Design colaborativo do básico ao protótipo responsivo is a beginner-level Udemy course taught by Leandro Rezende. It runs 6h 16m, is taught in Portuguese, and includes a certificate of completion. Learners rate it 4.4 out of 5 from 2,354 reviews, with 8,831 students enrolled. It is a paid course, last updated April 2022.
Aprenda Figma do Zero ao Profissional: Design de Interfaces para Aplicativos e Sites Responsivos
Curso de Figma em Português - Do Básico ao Avançado
Criado pelo autor do curso de UX mais vendido da Udemy em português (2018, com +15 mil alunos), este curso é a maneira mais fácil de aprender Figma e dominar a ferramenta de design de interfaces para aplicativos e sites responsivos. Se você busca iniciar uma carreira como Designer de Interfaces (UI) ou migrar do Design Gráfico para o UX/UI Digital, este é o curso ideal!
O que você vai aprender:
- Figma do Zero ao Profissional: Aprenda a usar o Figma desde o nível iniciante até o nível profissional, organizando seu trabalho, criando guias de estilos e colaborando com desenvolvedores.
- Design Responsivo: Crie interfaces responsivas que se adaptam a qualquer dispositivo, garantindo uma experiência de usuário impecável.
- Prototipagem:
- Crie protótipos em papel para esboçar suas ideias.
- Desenhe telas de apps e sites com precisão.
- Prototipagem interativa e transições para simular a experiência do usuário.
- Exportação de protótipos para testes e handoff para desenvolvedores.
- Organização e Eficiência:
- Organize seu projeto com guias de estilos e componentes reaproveitáveis.
- Utilize grids para alinhar elementos e criar layouts consistentes.
- Aproveite as constraints de alinhamento para garantir a responsividade.
- Exemplos Práticos:
- Exemplo Netflix: Transforme protótipos em alta fidelidade.
- Exemplo Instagram: Crie scroll horizontal e vertical em protótipos.
- Exemplo Booking: Crie guias de estilos com elementos reutilizáveis.
Bônus Exclusivos:
- Minicurso de Rabiscos (Sketches): Crie protótipos em papel de forma rápida e eficiente.
- Minicurso de Usabilidade: Aplique princípios de usabilidade em seus designs.
- Checklist de UX: Verifique se seu design tem potencial para gerar boas experiências.
Por que escolher este curso?
- Aprendizado Prático: Nada de teoria! Cada exercício é focado na criação de elementos reais para interfaces.
- Conteúdo Atualizado: Utilizamos as melhores práticas e ferramentas de UI de 2018.
- Comunidade: Junte-se a mais de 15 mil alunos satisfeitos.
Comparativo de Ferramentas:
- Figma: Ferramenta colaborativa em tempo real, ideal para equipes. (Versão gratuita disponível)
- Sketch: Para usuários MacOS que buscam guias de estilos escaláveis. ($99/ano)
- Adobe XD: Para usuários Windows e MacOS. (Versão gratuita limitada, a partir de $119/ano)
- Invision Studio: Ferramenta com avançados recursos de animações para microinterações (em versão beta).
Dica: Para um aprendizado mais completo, considere o Curso Completo de Design de Interfaces do mesmo autor, disponível na Udemy! Ele aborda:
- Teoria de Cores: Matiz, saturação, brilho, contraste.
- Tipografia: Padrões tipográficos e Modular Scale.
- Design de Botões: Criação de botões engajadores.
- Design de Formulários: Criação de formulários fáceis de preencher.
- Hierarquia Visual: Balanceamento, ritmo, harmonia, dominância, alinhamento e proximidade.
- Grids e Responsividade: Mobile-first e design para diferentes dispositivos.
- Guias de Estilos: Building blocks e atomic design.
Garantia de Satisfação:
Estamos tão confiantes na qualidade deste curso que oferecemos 30 dias para reembolso. Se você não gostar, devolvemos seu dinheiro!
Invista no seu futuro! Junte-se a nós e comece a construir uma carreira de sucesso em Design de Interfaces. Não perca esta oportunidade única!
Have a design? We'll build it — the devs behind TutorialSearch.io
Pixel-accurate, responsive front-ends from your Figma — wired to real back-ends by the team that built this site.