Como prototipar com Figma

Aprenda praticando com cases reais a utilizar uma das ferramentas mais utilizadas no mercado

4.30 (16 reviews)
Udemy
platform
Português
language
User Experience
category
Como prototipar com Figma
65
students
4 hours
content
Jul 2022
last update
$19.99
regular price

What you will learn

Utilizar o Figma e fazer protótipos de aplicativos do mercado

Description

O Figma se apresenta como uma excelente ferramenta que permite o design e a prototipagem de telas para aplicativos, sites ou sites responsivos. Trata-se de uma ferramenta de design de interface na qual todo o trabalho é feito através do navegador, sendo compatível com Windows, Linux, Chrome e Mac. Ele traz a vantagem da criação de alterações em projetos em tempo real, que podem ser feitas ao mesmo tempo por todos os membros de uma equipe, por exemplo, sendo um ótimo suporte para quem trabalha em grupo.

Aprenda a trabalhar com Design Digital com esta ferramenta de interface simples e intuitiva, para alcançar ótimos resultados e destacar-se profissionalmente como UI designer.

Para quem é este curso

Iniciantes em design: Você vai aprender os fundamentos da profissão, aprofundar seus conhecimentos e ter todo o apoio de mentores experientes

Designers que querem ampliar seus skills: Neste curso você vai ter a chance de desenvolver uma grande variedade de habilidades de diferentes áreas do design.


O que você encontra no curso


Os primeiros passos

Aprenda a produzir um app mobile no Figma com conceitos direcionados para o UI design e para design visual, entendendo seu workflow. Entenda como trabalhar com fontes, cores e pictogramas para compor layout interessantes. Entenda as heurísticas criadas por Jakob Nielsen, cientista da computação, que ajudam a projetar uma boa interface e por consequência uma ótima experiência de uso.

Interfaces

Aprenda a criar um aplicativo no Figma a partir da construção de sua interface. Entenda diretrizes do Design de Interfaces e boas práticas para obter resultados amigáveis e intuitivos. Veja as melhores formas de trabalhar os componentes da interface com conceitos como o Design Atômico e o Design Patterns, aprendendo a criar elementos reutilizáveis. Entenda a importância dos grids para a organização visual do seu aplicativo. Ao final, aprenda a criar um protótipo navegável para apresentar ao cliente.

Entenda sobre os UI Design Patterns, padrões de interface mobile, para obter soluções elegantes para problemas de usabilidade do usuário. Veja como fazer uma análise de problemas de interatividade em um aplicativo que passou por testes e chegue à soluções simples para torná-lo mais amigável.

Microinterações

Aprenda a criar protótipos realistas de alta fidelidade para aplicativos. Utilize telas criadas no Figma para gerar interações. Aprenda princípios da interação, trabalho com gatilhos, condições, modal e muito mais. Ao final, veja como exportar seu protótipo e crie uma apresentação com as interações criadas pronta para ser mostrada para clientes, usuário ou usada em seu portfólio.


Content

Introdução

Boas Vindas
Porque utilizar o Figma?
Nosso Primeiro Desafio

Conhecendo a ferramenta

Se familiarizando com as funcionalidades
Criando seu primeiro wireframe

Criando um App Real Netflix

Analisando o App Netflix
Criando o Wireframe
Organização e Atalhos
Grids de Colunas
Grids de 8pontos
Alinhamentos com o teclado
Largura, Altura e Rotação
Responsividade
Cor de preenchimento
Bordas, Transparências e Efeitos
Tipografia
Finalizando o App
Ficou alguma dúvida?

Extras

Plugins
Atalhos do Figma

Reviews

Ricardo
August 26, 2022
Está deixando passar alguns itens básicos. Tive que pesquisar na Internet como criar um frame já com tamanho padrão de iPhone.

Charts

Price

Como prototipar com Figma - Price chart

Rating

Como prototipar com Figma - Ratings chart

Enrollment distribution

Como prototipar com Figma - Distribution chart
3830930
udemy ID
2/7/2021
course created date
4/16/2021
course indexed date
Bot
course submited by