Monthly Subscription Starting at AED 99 + VAT

Criar designs e protótipos de alta fidelidade no Figma

عن

“Criar designs e protótipos de alta fidelidade no Figma” é o quinto curso de um programa de certificação que vai lhe fornecer as habilidades necessárias para se candidatar a empregos de nível básico em design de experiência do usuário (UX, na sigla em inglês). Neste curso, você seguirá tutoriais passo a passo para aprender como criar designs de alta fidelidade chamados de maquetes no Figma, uma ferramenta de design muito usada. Depois, você transformará esses designs em um protótipo interativo que funciona como um produto final. Você realizará pesquisas para coletar feedback sobre seus designs e fazer melhorias. Por último, você aprenderá a compartilhar seus designs com as equipes de desenvolvimento e a destacar seu trabalho no seu portfólio profissional Seus instrutores serão designers e pesquisadores de UX atuais do Google, e você realizará atividades práticas que simulam situações reais de projeto de UX. Os alunos que concluírem os sete cursos deste programa de certificação estarão equipados para se candidatar a vagas de designers de UX iniciantes. Veja do que você será capaz ao final deste curso: - Criar maquetes e protótipos de alta fidelidade no Figma. - Definir e aplicar elementos e princípios comuns de design visual. - Demonstrar como os sistemas de design podem ser usados para organizar, padronizar e aprimorar designs. - Compreender a função das sessões de crítica de design e do feedback para gerar iterações dos designs. - Aprender como entregar projetos concluídos de design às equipes de engenharia. - Concluir designs de apps para dispositivos móveis e inclui-los em um portfólio profissional. Este curso é adequado para designers de UX iniciantes que concluíram os quatro cursos anteriores do Certificado de Design de UX do Google. Os alunos que não tiverem concluído os cursos anteriores deverão ter sólidos conhecimentos sobre o processo de design, como criar designs de baixa fidelidade em papel e no Figma e como realizar estudos de usabilidade.

الوحدات

Introdução ao Curso 5

    • 2 Videos
    • 3 Readings
    • 2 Quiz
Show info about module content

2 Videos

  • Introdução ao Curso 5: Criar designs e protótipos de alta fidelidade no Figma
  • Kunal - Minha jornada até a UX

3 Readings

  • Boas-vindas ao Curso 5
  • Opcional - Leia caso este seja seu primeiro curso do programa de certificação
  • Opcional - Interprete os resultados do seu teste

2 Quiz

  • Opcional - Teste seus conhecimentos sobre conceitos anteriores
  • Opcional - Envie a instrução escolhida para o projeto de portfólio

Começar a criar um mockup

    • 3 Videos
    • 2 Readings
    • 1 Quiz
Show info about module content

3 Videos

  • Boas-vindas à semana 1
  • Introdução a mockups
  • Chikezie - Transição de designs de baixa fidelidade para alta fidelidade

2 Readings

  • Habilidades fundamentais para criar mockups no Figma
  • Exemplar de atividade: Usar designs de baixa fidelidade para iniciar os mockups do seu projeto de portfólio

1 Quiz

  • Atividade: Usar designs de baixa fidelidade para iniciar os mockups do seu projeto de portfólio

Usar tipografia em mockups

    • 3 Videos
    • 3 Readings
    • 1 Discussion
    • 2 Quiz
Show info about module content

1 Discussions

  • Compartilhe um exemplo de tipografia interessante em um app

3 Videos

  • Introdução a elementos fundamentais do design visual
  • Tipografia no design de UX
  • A importância da tipografia

3 Readings

  • Trabalhar com tipografia em mockups
  • Adicionar copy do produto a mockups
  • Exemplar de atividade: Adicionar tipografia aos mockups do seu projeto de portfólio

2 Quiz

  • Teste seus conhecimentos sobre tipografia
  • Atividade: Adicionar tipografia aos mockups do seu projeto de portfólio

Usar a cor em mockups

    • 1 Videos
    • 3 Readings
    • 2 Quiz
Show info about module content

1 Videos

  • Colorir um design de UX

3 Readings

  • Trabalhar com cores em mockups
  • Considerações de acessibilidade em relação a cores
  • Exemplar de atividade: Adicione cores aos seus mockups do projeto do portfólio

2 Quiz

  • Teste seu conhecimento sobre cor
  • Atividade: Adicione cores aos seus mockups do projeto do portfólio

Usar iconografia em mockups

    • 2 Videos
    • 5 Readings
    • 1 Discussion
    • 1 Quiz
    • 1 Plugin
Show info about module content

1 Discussions

  • Compartilhe um exemplo dos ícones do seu app favorito

2 Videos

  • Iconografia no design de UX
  • Adicionar imagens aos seus mockups

5 Readings

  • Trabalhar com ícones em mockups
  • Exemplar de atividade: Adicione ícones aos seus mockups do projeto do portfólio
  • Saiba mais elementos de design visual
  • Encontrar imagens de estoque para mockups
  • Outras considerações de design

1 Quiz

  • Atividade: Adicione ícones aos seus mockups do projeto do portfólio

Layout de páginas - grades e contenção

    • 3 Videos
    • 4 Readings
    • 2 Quiz
Show info about module content

3 Videos

  • Introdução a layouts
  • Usar grades para orientar layouts
  • Usar contenção em layouts

4 Readings

  • Criar grades em mockups
  • Exemplar de atividade: Crie grades nos seus mockups do projeto de portfólio
  • Criar contenção em mockups
  • Exemplar de atividade: Crie contenção nos seus mockups do projeto de portfólio

2 Quiz

  • Atividade: Crie grades nos seus mockups do projeto de portfólio
  • Atividade: Crie contenção nos seus mockups do projeto de portfólio

Layouts de página - espaço negativo

    • 1 Videos
    • 3 Readings
    • 2 Quiz
    • 1 Plugin
Show info about module content

1 Videos

  • Usar espaço negativo (em branco) em layouts

3 Readings

  • Usar espaço negativo em mockups
  • Exemplar de atividade: Revise os mockups do seu projeto de portfólio adicionando espaço negativo
  • Padrões comuns de design em aplicativos

2 Quiz

  • Atividade: Revise os mockups do seu projeto de portfólio adicionando espaço negativo
  • Autorreflexão: Compartilhe o que você aprendeu sobre layouts de página

Revisão da semana 1

    • 1 Videos
    • 1 Readings
    • 1 PeerReview
Show info about module content

1 Peer Review

  • Desafio semanal 1: Aplicar elementos de base de design visual aos mockups do projeto do portfólio

1 Videos

  • Finalização: Fundamentos da criação de mockups

1 Readings

  • ​​Glossário

Aplicar princípios de design visual a mockups (parte 1)

    • 3 Videos
    • 2 Readings
    • 1 Quiz
Show info about module content

3 Videos

  • Boas-vindas à semana 2
  • Ênfase no design de UX
  • Hierarquia no design de UX

2 Readings

  • Usar ênfase em mockups
  • Usar hierarquia em mockups

1 Quiz

  • Teste seus conhecimentos sobre ênfase e hierarquia

Aplicar princípios de design visual a mockups (parte 2)

    • 2 Videos
    • 3 Readings
    • 1 Discussion
    • 3 Quiz
Show info about module content

1 Discussions

  • Explique a lógica por trás da forma como você aplicou os princípios de design visual

2 Videos

  • Escala e proporção no design de UX
  • Unidade e variedade no design de UX

3 Readings

  • Escala e proporção em mockups
  • Unidade e variedade em mockups
  • Exemplar de atividade: Aplique princípios de design visual aos seus mockups do projeto do portfólio

3 Quiz

  • Teste seus conhecimentos sobre escala e proporção
  • Teste seus conhecimentos sobre unidade e variedade
  • Atividade: Aplique princípios de design visual aos seus mockups do projeto do portfólio

Refinar designs de mockups

    • 2 Videos
    • 5 Readings
    • 1 Discussion
    • 3 Quiz
    • 1 Plugin
Show info about module content

1 Discussions

  • Explique a lógica por trás do seu uso dos princípios de Gestalt

2 Videos

  • Aplicar os princípios de Gestalt a mockups
  • Reflita sobre seu progresso

5 Readings

  • Saiba mais sobre outros princípios de Gestalt
  • Exemplar de atividade: Aplique os princípios de Gestalt aos seus mockups do projetos do portfólio
  • Outros elementos e princípios de design visual
  • Saiba mais sobre os princípios de design de interface
  • Como incluir a navegação em mockups

3 Quiz

  • Teste seus conhecimentos sobre os princípios de Gestalt
  • Atividade: Aplique os princípios de Gestalt aos seus mockups do projetos do portfólio
  • Autorreflexão: Como incluir a navegação em mockups

Revisão da semana 2

    • 1 Videos
    • 1 Readings
    • 1 PeerReview
Show info about module content

1 Peer Review

  • Desafio semanal 2: Aperfeiçoe seus mockups do projeto do portfólio

1 Videos

  • Finalização: Como aplicar princípios de design visual a mockups

1 Readings

  • Glossário

Compreender os sistemas de design

    • 5 Videos
    • 1 Readings
    • 2 Quiz
Show info about module content

5 Videos

  • Boas-vindas à semana 3
  • Introdução aos sistemas de design
  • Benefícios dos sistemas de design
  • Sistema de design do Google: Material Design
  • Sistema de design da Shopify: Polaris

1 Readings

  • Teste sistemas de design conhecidos

2 Quiz

  • Teste seus conhecimentos sobre sistemas de design
  • Testar seu conhecimento sobre recursos de sistemas de design de código aberto

Criar uma folha de adesivos

    • 1 Videos
    • 1 Readings
    • 1 Quiz
Show info about module content

1 Videos

  • Criar uma folha de adesivos no Figma

1 Readings

  • Exemplar de atividade: Crie uma folha de adesivos para os designs de projetos de portfólio

1 Quiz

  • Atividade: Crie uma folha de adesivos para os designs de projetos de portfólio

Usar sistemas de design

    • 2 Videos
    • 2 Readings
    • 1 Discussion
    • 1 Quiz
Show info about module content

1 Discussions

  • Compartilhar um sistema de design de código aberto que você quer utilizar nos próprios designs

2 Videos

  • Usar uma biblioteca de sistema de design no Figma
  • Shabi – Considere tecnologias assistivas ao trabalhar em sistemas de design

2 Readings

  • Inspire-se nos sistemas de design
  • Opcional – Aprenda com o Figma – Use uma biblioteca de sistema de design

1 Quiz

  • Testar seus conhecimentos sobre como trabalhar com sistemas de design no Figma

Revisão da semana 3

    • 1 Videos
    • 1 Readings
    • 1 Quiz
Show info about module content

1 Videos

  • Finalização: Como explorar sistemas de design

1 Readings

  • Glossário

1 Quiz

  • Desafio semanal 3: Explorar sistemas de design

Dar e receber feedbacks de design

    • 2 Videos
    • 1 Discussion
    • 1 Plugin
Show info about module content

1 Discussions

  • Compartilhar os feedbacks que você recebeu

2 Videos

  • Boas-vindas à semana 4
  • Dar e receber feedbacks como designer de UX

Explorar as sessões de crítica de design

    • 3 Videos
    • 1 Readings
    • 2 Quiz
Show info about module content

3 Videos

  • Noções básicas das sessões de crítica de design
  • Práticas recomendadas para sessões de crítica de design
  • Kunal – Minha experiência com sessões de crítica de design

1 Readings

  • Saiba mais sobre as sessões de crítica de design

2 Quiz

  • Testar seus conhecimentos sobre sessões de crítica de design
  • Autorreflexão: solicitar feedback sobre seu trabalho

Observar uma sessão de crítica simulada

    • 2 Videos
    • 1 Discussion
Show info about module content

1 Discussions

  • Compartilhar os aprendizados da sessão de crítica simulada

2 Videos

  • Introdução a uma sessão de crítica simulada
  • Observar uma sessão de crítica simulada

Implementar o feedback da sessão de crítica

    • 2 Videos
    • 1 Quiz
Show info about module content

2 Videos

  • Transformar o feedback da sessão de crítica em ações
  • Iterar em modelos com base no feedback das sessões críticas

1 Quiz

  • Testar seus conhecimentos sobre como implementar feedback de sessões críticas

Revisão da semana 4

    • 1 Videos
    • 1 Readings
    • 1 Quiz
Show info about module content

1 Videos

  • Finalização: como participar de sessões de crítica de design

1 Readings

  • Glossário

1 Quiz

  • Desafio semanal 4: Participar de sessões de crítica de design

Compreender protótipos de alta fidelidade

    • 3 Videos
    • 1 Quiz
Show info about module content

3 Videos

  • Boas-vindas à semana 5
  • Introdução aos protótipos de alta fidelidade
  • Criar um protótipo de alta fidelidade no Figma

1 Quiz

  • Teste seus conhecimentos sobre a criação de um protótipo de alta fidelidade no Figma

Gestos e movimentos

    • 5 Videos
    • 3 Readings
    • 2 Quiz
Show info about module content

5 Videos

  • Gestos e movimentos no design de UX
  • Adicionar gestos e movimentos no Figma
  • Questões de acessibilidade para gestos e movimentos
  • Jen - Projetar pensando na acessibilidade
  • Aprenda do Figma - Interações e feedback do protótipo

3 Readings

  • Tipos de gestos e movimentos
  • Saiba mais sobre protótipos no Figma
  • Outras maneiras de aprimorar protótipos de alta fidelidade

2 Quiz

  • Teste seus conhecimentos sobre gestos e movimentos
  • Autorreflexão: Considerar questões de acessibilidade ao projetar com movimentos

Revisão da semana 5

    • 1 Videos
    • 1 Readings
    • 1 PeerReview
Show info about module content

1 Peer Review

  • Desafio semanal 5: Criar um protótipo de alta fidelidade para o projeto do portfólio

1 Videos

  • Finalização: Como criar protótipos de alta fidelidade

1 Readings

  • Glossário

Planejar um estudo de usabilidade

    • 2 Videos
    • 2 Readings
    • 1 Quiz
Show info about module content

2 Videos

  • Bem-vindo à semana 6
  • Planejar um estudo de pesquisa de UX

2 Readings

  • Saiba mais sobre como planejar um estudo de pesquisa de UX
  • Exemplo de atividade: Planejar um estudo de pesquisa de UX para seu projeto de portfólio

1 Quiz

  • Atividade: Planejar um estudo de pesquisa de UX para seu projeto de portfólio

Realizar um estudo de usabilidade

    • 1 Videos
    • 2 Readings
    • 2 Quiz
Show info about module content

1 Videos

  • Realizar um estudo de usabilidade

2 Readings

  • Saber mais sobre como realizar um estudo de usabilidade
  • Exemplar de atividade: Realizar um estudo de usabilidade para seu projeto de portfólio

2 Quiz

  • Autorreflexão: Considerar o viés em seu estudo de usabilidade
  • Atividade: Realizar um estudo de usabilidade para seu projeto de portfólio

Analisar e sintetizar os resultados do estudo de usabilidade

    • 1 Videos
    • 2 Readings
    • 1 Discussion
    • 2 Quiz
Show info about module content

1 Discussions

  • Compartilhar os aprendizados do seu estudo de usabilidade

1 Videos

  • Analisar e sintetizar os resultados do estudo de usabilidade

2 Readings

  • Saber mais sobre como analisar e sintetizar os resultados do estudo de usabilidade
  • Exemplar de atividade: Analisar e sintetizar os resultados do estudo de usabilidade do seu projeto de portfólio

2 Quiz

  • Testar seus conhecimentos sobre como criar insights de pesquisa
  • Atividade: Analisar e sintetizar os resultados do estudo de usabilidade do seu projeto de portfólio

Iterar em designs de alta fidelidade

    • 2 Videos
    • 3 Readings
    • 1 Quiz
Show info about module content

2 Videos

  • Iterar em designs de alta fidelidade
  • Identificar quando um design está concluído

3 Readings

  • Exemplar de atividade: Refinar designs de projeto de portfólio de alta fidelidade
  • Saiba mais sobre como identificar quando um design está concluído
  • Designs finais do app para passear com cães no Figma

1 Quiz

  • Atividade: Refinar designs de projeto de portfólio de alta fidelidade

Documentar e compartilhar designs

    • 4 Videos
    • 1 Readings
    • 1 Discussion
    • 2 Quiz
Show info about module content

1 Discussions

  • Compartilhar um exemplo de um estudo de caso em um portfólio de design de UX

4 Videos

  • Documentar e compartilhar designs
  • Transferir designs para produção
  • Aprender com o Figma – Preparar-se para a transferência
  • Criar um estudo de caso para seu projeto de portfólio

1 Readings

  • Saber mais sobre como criar um estudo de caso para seu projeto de portfólio

2 Quiz

  • Testar seus conhecimentos sobre a transferência de designs
  • Testar seus conhecimentos sobre estudos de caso em portfólios de UX

Revisão da semana 6

    • 1 Videos
    • 1 Readings
    • 1 PeerReview
Show info about module content

1 Peer Review

  • Desafio semanal 6: Criar um estudo de caso para seu portfólio

1 Videos

  • Finalização: Como testar e iterar designs

1 Readings

  • Glossário

Revisão do curso

    • 1 Videos
    • 1 Readings
    • 1 Discussion
Show info about module content

1 Discussions

  • Compartilhe sua experiência no curso

1 Videos

  • Parabéns por concluir o Curso 5: Criar designs e protótipos de alta fidelidade no Figma

1 Readings

  • Comece o próximo curso

Auto Summary

"**Criar Designs e Protótipos de Alta Fidelidade no Figma**" é um curso central para quem busca se especializar em design de experiência do usuário (UX). Este curso faz parte de um programa de certificação e é ideal para iniciantes que já possuam conhecimentos básicos em design e desejam avançar suas habilidades. Ministrado por designers e pesquisadores de UX do Google, o curso oferece uma experiência prática e imersiva. Durante as aulas, você aprenderá a criar maquetes de alta fidelidade usando o Figma, uma das ferramentas de design mais populares no mercado. Além disso, você transformará esses designs em protótipos interativos, simulando produtos finais aplicáveis em cenários reais. O curso abrange desde a aplicação de princípios e elementos de design visual até a utilização de sistemas de design para padronizar e melhorar seus projetos. Também enfatiza a importância das sessões de crítica e feedback para iterar e aprimorar seus designs. Ao final, você estará apto a compartilhar seus projetos com equipes de desenvolvimento e a destacar seu trabalho em um portfólio profissional. Este curso é especialmente recomendado para designers de UX iniciantes que já completaram os quatro cursos iniciais do Certificado de Design de UX do Google. No entanto, se você tem uma boa compreensão do processo de design e experiência em criar designs de baixa fidelidade, também poderá se beneficiar deste curso. Disponível na plataforma Coursera, você pode escolher entre as opções de assinatura Starter ou Professional. Mergulhe no mundo do UX design e dê um passo significativo em direção a uma carreira promissora com este curso fundamental.

Google Career Certificates
Instructor

Google Career Certificates