“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
Criar designs e protótipos de alta fidelidade no Figma
通过 Coursera Plus 提高技能，仅需 239 美元/年（原价 399 美元）。立即节省
Criar designs e protótipos de alta fidelidade no Figma
本课程是 Google UX Design (PT) 专业证书 的一部分
6,077 人已注册
包含在 中
了解更多
您将学到什么
Criar maquetes e protótipos de alta fidelidade na ferramenta de design 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.
您将获得的技能
您将学习的工具
要了解的详细信息
添加到您的领英档案
39 项作业
了解顶级公司的员工如何掌握热门技能
积累 Design and Product 领域的专业知识
- 向行业专家学习新概念
- 获得对主题或工具的基础理解
- 通过实践项目培养工作相关技能
- 通过 Google 获得可共享的职业证书
该课程共有6个模块
Concentre-se no design visual, que é a aparência de um produto ou tecnologia para os usuários. Nesta parte do curso, você vai começar a criar mockups, que são designs de alta fidelidade que representam um produto final. Para criar mockups, você vai usar elementos de design visual, como tipografia, cor e iconografia. Esses elementos costumam ser organizados em layouts usando métodos como grades, contenção e espaço negativo. Você vai aplicar todos esses aprendizados de design visual na criação dos designs do aplicativo móvel em que você tem trabalhado ao longo do programa de certificação.
涵盖的内容
16个视频24篇阅读材料12个作业1次同伴评审2个讨论话题2个插件
16个视频•总计52分钟
- Introdução ao Curso 5: Criar designs e protótipos de alta fidelidade no Figma•2分钟
- Kunal - Minha jornada até a UX•3分钟
- Boas-vindas à semana 1•2分钟
- Introdução a mockups•4分钟
- Chikezie - Transição de designs de baixa fidelidade para alta fidelidade •2分钟
- Introdução a elementos fundamentais do design visual •2分钟
- Tipografia no design de UX•3分钟
- A importância da tipografia •6分钟
- Colorir um design de UX•8分钟
- Iconografia no design de UX•5分钟
- Adicionar imagens aos seus mockups•3分钟
- Introdução a layouts•1分钟
- Usar grades para orientar layouts •4分钟
- Usar contenção em layouts•3分钟
- Usar espaço negativo (em branco) em layouts•4分钟
- Finalização: Fundamentos da criação de mockups •1分钟
24篇阅读材料•总计230分钟
- Boas-vindas ao Curso 5•10分钟
- Opcional - Leia caso este seja seu primeiro curso do programa de certificação•10分钟
- Opcional - Interprete os resultados do seu teste•5分钟
- Habilidades fundamentais para criar mockups no Figma•10分钟
- Exemplar de atividade: Usar designs de baixa fidelidade para iniciar os mockups do seu projeto de portfólio•10分钟
- Trabalhar com tipografia em mockups•10分钟
- Adicionar copy do produto a mockups•10分钟
- Exemplar de atividade: Adicionar tipografia aos mockups do seu projeto de portfólio•10分钟
- Trabalhar com cores em mockups •10分钟
- Considerações de acessibilidade em relação a cores•10分钟
- Exemplar de atividade: Adicione cores aos seus mockups do projeto do portfólio •10分钟
- Trabalhar com ícones em mockups •10分钟
- Exemplar de atividade: Adicione ícones aos seus mockups do projeto do portfólio•10分钟
- Saiba mais elementos de design visual •10分钟
- Encontrar imagens de estoque para mockups•10分钟
- Outras considerações de design•10分钟
- Criar grades em mockups•10分钟
- Exemplar de atividade: Crie grades nos seus mockups do projeto de portfólio•10分钟
- Criar contenção em mockups•10分钟
- Exemplar de atividade: Crie contenção nos seus mockups do projeto de portfólio•10分钟
- Usar espaço negativo em mockups•10分钟
- Exemplar de atividade: Revise os mockups do seu projeto de portfólio adicionando espaço negativo•10分钟
- Padrões comuns de design em aplicativos•10分钟
- Glossário•5分钟
12个作业•总计314分钟
- Opcional - Teste seus conhecimentos sobre conceitos anteriores•42分钟
- Opcional - Envie a instrução escolhida para o projeto de portfólio•30分钟
- Atividade: Usar designs de baixa fidelidade para iniciar os mockups do seu projeto de portfólio•30分钟
- Teste seus conhecimentos sobre tipografia•8分钟
- Atividade: Adicionar tipografia aos mockups do seu projeto de portfólio•30分钟
- Teste seu conhecimento sobre cor•4分钟
- Atividade: Adicione cores aos seus mockups do projeto do portfólio •30分钟
- Atividade: Adicione ícones aos seus mockups do projeto do portfólio•30分钟
- Atividade: Crie grades nos seus mockups do projeto de portfólio•30分钟
- Atividade: Crie contenção nos seus mockups do projeto de portfólio•30分钟
- Atividade: Revise os mockups do seu projeto de portfólio adicionando espaço negativo•30分钟
- Autorreflexão: Compartilhe o que você aprendeu sobre layouts de página•20分钟
1次同伴评审•总计60分钟
- Desafio semanal 1: Aplicar elementos de base de design visual aos mockups do projeto do portfólio•60分钟
2个讨论话题•总计20分钟
- Compartilhe um exemplo de tipografia interessante em um app •10分钟
- Compartilhe um exemplo dos ícones do seu app favorito•10分钟
2个插件•总计25分钟
- Construa um modelo a partir de elementos fundamentais•15分钟
- Teste seus conhecimentos sobre contenção e espaço negativo no design•10分钟
Nesta parte do curso, você vai usar princípios de design visual para refinar mockups. Primeiro, você vai usar ênfase para direcionar os usuários às partes mais importantes de uma página. Em seguida, vai aplicar hierarquia, escala e proporção para organizar os elementos em cada página do aplicativo. Em seguida, vai considerar unidade e variedade para destacar ou ajudar elementos do aplicativo a funcionarem em conjunto. Por fim, você vai rever os princípios de Gestalt, como similaridade, proximidade e região comum, para ajudar os usuários a interpretar seus designs facilmente.
涵盖的内容
8个视频11篇阅读材料7个作业1次同伴评审2个讨论话题1个插件
8个视频•总计29分钟
- Boas-vindas à semana 2•1分钟
- Ênfase no design de UX•4分钟
- Hierarquia no design de UX•4分钟
- Escala e proporção no design de UX•5分钟
- Unidade e variedade no design de UX•4分钟
- Aplicar os princípios de Gestalt a mockups•6分钟
- Reflita sobre seu progresso•4分钟
- Finalização: Como aplicar princípios de design visual a mockups •1分钟
11篇阅读材料•总计105分钟
- Usar ênfase em mockups•10分钟
- Usar hierarquia em mockups•10分钟
- Escala e proporção em mockups •10分钟
- Unidade e variedade em mockups •10分钟
- Exemplar de atividade: Aplique princípios de design visual aos seus mockups do projeto do portfólio •10分钟
- Saiba mais sobre outros princípios de Gestalt •10分钟
- Exemplar de atividade: Aplique os princípios de Gestalt aos seus mockups do projetos do portfólio•10分钟
- Outros elementos e princípios de design visual •10分钟
- Saiba mais sobre os princípios de design de interface •10分钟
- Como incluir a navegação em mockups•10分钟
- Glossário•5分钟
7个作业•总计98分钟
- Teste seus conhecimentos sobre ênfase e hierarquia•8分钟
- Teste seus conhecimentos sobre escala e proporção•2分钟
- Teste seus conhecimentos sobre unidade e variedade•4分钟
- Atividade: Aplique princípios de design visual aos seus mockups do projeto do portfólio •30分钟
- Teste seus conhecimentos sobre os princípios de Gestalt•4分钟
- Atividade: Aplique os princípios de Gestalt aos seus mockups do projetos do portfólio•30分钟
- Autorreflexão: Como incluir a navegação em mockups•20分钟
1次同伴评审•总计60分钟
- Desafio semanal 2: Aperfeiçoe seus mockups do projeto do portfólio•60分钟
2个讨论话题•总计20分钟
- Explique a lógica por trás da forma como você aplicou os princípios de design visual•10分钟
- Explique a lógica por trás do seu uso dos princípios de Gestalt•10分钟
1个插件•总计15分钟
- Aplicar princípios de design visual•15分钟
Venha explorar o mundo dos sistemas de design! Nesta parte do curso, você será apresentado às partes de um sistema de design, bem como aos benefícios de usá-lo. Você vai examinar os sistemas de design de várias empresas e ter a oportunidade de usá-los em seus próprios modelos. Você também vai aprender a usar e criar folhas de adesivos no Figma.
涵盖的内容
9个视频5篇阅读材料5个作业1个讨论话题
9个视频•总计34分钟
- Boas-vindas à semana 3•1分钟
- Introdução aos sistemas de design•3分钟
- Benefícios dos sistemas de design •4分钟
- Sistema de design do Google: Material Design•5分钟
- Sistema de design da Shopify: Polaris •4分钟
- Criar uma folha de adesivos no Figma•4分钟
- Usar uma biblioteca de sistema de design no Figma•9分钟
- Shabi – Considere tecnologias assistivas ao trabalhar em sistemas de design•2分钟
- Finalização: Como explorar sistemas de design•1分钟
5篇阅读材料•总计45分钟
- Teste sistemas de design conhecidos •10分钟
- Exemplar de atividade: Crie uma folha de adesivos para os designs de projetos de portfólio•10分钟
- Inspire-se nos sistemas de design•10分钟
- Opcional – Aprenda com o Figma – Use uma biblioteca de sistema de design•10分钟
- Glossário•5分钟
5个作业•总计104分钟
- Teste seus conhecimentos sobre sistemas de design•6分钟
- Testar seu conhecimento sobre recursos de sistemas de design de código aberto•4分钟
- Atividade: Crie uma folha de adesivos para os designs de projetos de portfólio•30分钟
- Testar seus conhecimentos sobre como trabalhar com sistemas de design no Figma•4分钟
- Desafio semanal 3: Explorar sistemas de design•60分钟
1个讨论话题•总计10分钟
- Compartilhar um sistema de design de código aberto que você quer utilizar nos próprios designs•10分钟
Dar, receber e implementar feedback é uma parte necessária do processo de design de UX. Nesta parte do curso, você vai explorar métodos eficazes para dar e receber feedback. Você também vai aprender sobre sessões de crítica de design, que serão uma parte importante do seu primeiro trabalho como designer de UX. Por fim, você vai aprender a transformar o feedback em etapas acionáveis que podem ser realizadas para revisar designs.
涵盖的内容
10个视频2篇阅读材料4个作业2个讨论话题1个插件
10个视频•总计36分钟
- Boas-vindas à semana 4•1分钟
- Dar e receber feedbacks como designer de UX•5分钟
- Noções básicas das sessões de crítica de design•4分钟
- Práticas recomendadas para sessões de crítica de design•3分钟
- Kunal – Minha experiência com sessões de crítica de design•4分钟
- Introdução a uma sessão de crítica simulada•2分钟
- Observar uma sessão de crítica simulada•6分钟
- Transformar o feedback da sessão de crítica em ações•6分钟
- Iterar em modelos com base no feedback das sessões críticas•5分钟
- Finalização: como participar de sessões de crítica de design•1分钟
2篇阅读材料•总计15分钟
- Saiba mais sobre as sessões de crítica de design•10分钟
- Glossário•5分钟
4个作业•总计99分钟
- Testar seus conhecimentos sobre sessões de crítica de design•6分钟
- Autorreflexão: solicitar feedback sobre seu trabalho•20分钟
- Testar seus conhecimentos sobre como implementar feedback de sessões críticas•8分钟
- Desafio semanal 4: Participar de sessões de crítica de design•65分钟
2个讨论话题•总计20分钟
- Compartilhar os feedbacks que você recebeu•10分钟
- Compartilhar os aprendizados da sessão de crítica simulada•10分钟
1个插件•总计15分钟
- Dar e receber feedbacks como designer de UX•15分钟
Já está tudo pronto para você começar a criar protótipos de alta fidelidade no Figma! Seguindo seis etapas, você vai transformar seus mockups em um protótipo pronto para testes. Além disso, você vai explorar dois novos conceitos, gestos e movimentos, que podem ajudar a enriquecer a experiência do usuário e aumentar a usabilidade dos protótipos.
涵盖的内容
9个视频4篇阅读材料3个作业1次同伴评审
9个视频•总计32分钟
- Boas-vindas à semana 5•1分钟
- Introdução aos protótipos de alta fidelidade •4分钟
- Criar um protótipo de alta fidelidade no Figma •4分钟
- Gestos e movimentos no design de UX •2分钟
- Adicionar gestos e movimentos no Figma •6分钟
- Questões de acessibilidade para gestos e movimentos •3分钟
- Jen - Projetar pensando na acessibilidade•4分钟
- Aprenda do Figma - Interações e feedback do protótipo •8分钟
- Finalização: Como criar protótipos de alta fidelidade•1分钟
4篇阅读材料•总计35分钟
- Tipos de gestos e movimentos •10分钟
- Saiba mais sobre protótipos no Figma •10分钟
- Outras maneiras de aprimorar protótipos de alta fidelidade•10分钟
- Glossário•5分钟
3个作业•总计38分钟
- Teste seus conhecimentos sobre a criação de um protótipo de alta fidelidade no Figma•10分钟
- Teste seus conhecimentos sobre gestos e movimentos•8分钟
- Autorreflexão: Considerar questões de acessibilidade ao projetar com movimentos •20分钟
1次同伴评审•总计60分钟
- Desafio semanal 5: Criar um protótipo de alta fidelidade para o projeto do portfólio•60分钟
Agora que você tem um protótipo de alta fidelidade, é hora de testar os designs. Para começar, você vai realizar um estudo de usabilidade para testar seu protótipo de alta fidelidade de um app para dispositivos móveis. Você vai analisar o feedback recebido para criar insights acionáveis e iterar em seus designs. Em seguida, vai aprender como transferir designs para engenheiros para produção. Por fim, você vai transformar tudo o que aprendeu sobre pesquisa de usuários, ideação, wireframes, designs e protótipos em um estudo de caso para seu portfólio profissional de UX.
涵盖的内容
12个视频12篇阅读材料8个作业1次同伴评审3个讨论话题
12个视频•总计40分钟
- Bem-vindo à semana 6•1分钟
- Planejar um estudo de pesquisa de UX•4分钟
- Realizar um estudo de usabilidade•3分钟
- Analisar e sintetizar os resultados do estudo de usabilidade•2分钟
- Iterar em designs de alta fidelidade•10分钟
- Identificar quando um design está concluído•2分钟
- Documentar e compartilhar designs•1分钟
- Transferir designs para produção•2分钟
- Aprender com o Figma – Preparar-se para a transferência•5分钟
- Criar um estudo de caso para seu projeto de portfólio•7分钟
- Finalização: Como testar e iterar designs•1分钟
- Parabéns por concluir o Curso 5: Criar designs e protótipos de alta fidelidade no Figma•2分钟
12篇阅读材料•总计110分钟
- Saiba mais sobre como planejar um estudo de pesquisa de UX•10分钟
- Exemplo de atividade: Planejar um estudo de pesquisa de UX para seu projeto de portfólio•10分钟
- Saber mais sobre como realizar um estudo de usabilidade•10分钟
- Exemplar de atividade: Realizar um estudo de usabilidade para seu projeto de portfólio•10分钟
- Saber mais sobre como analisar e sintetizar os resultados do estudo de usabilidade•10分钟
- Exemplar de atividade: Analisar e sintetizar os resultados do estudo de usabilidade do seu projeto de portfólio•10分钟
- Exemplar de atividade: Refinar designs de projeto de portfólio de alta fidelidade•10分钟
- Saiba mais sobre como identificar quando um design está concluído•10分钟
- Designs finais do app para passear com cães no Figma•10分钟
- Saber mais sobre como criar um estudo de caso para seu projeto de portfólio•10分钟
- Glossário •5分钟
- Comece o próximo curso•5分钟
8个作业•总计160分钟
- Atividade: Planejar um estudo de pesquisa de UX para seu projeto de portfólio•30分钟
- Autorreflexão: Considerar o viés em seu estudo de usabilidade•20分钟
- Atividade: Realizar um estudo de usabilidade para seu projeto de portfólio•30分钟
- Testar seus conhecimentos sobre como criar insights de pesquisa•8分钟
- Atividade: Analisar e sintetizar os resultados do estudo de usabilidade do seu projeto de portfólio•30分钟
- Atividade: Refinar designs de projeto de portfólio de alta fidelidade•30分钟
- Testar seus conhecimentos sobre a transferência de designs•4分钟
- Testar seus conhecimentos sobre estudos de caso em portfólios de UX •8分钟
1次同伴评审•总计90分钟
- Desafio semanal 6: Criar um estudo de caso para seu portfólio•90分钟
3个讨论话题•总计30分钟
- Compartilhar os aprendizados do seu estudo de usabilidade •10分钟
- Compartilhar um exemplo de um estudo de caso em um portfólio de design de UX•10分钟
- Compartilhe sua experiência no curso •10分钟
获得职业证书
将此证书添加到您的 LinkedIn 个人资料、简历或履历中。在社交媒体和绩效考核中分享。
位教师
授课教师评分
我们要求所有学生根据授课教师的教学风格和质量提供对授课教师的反馈。
提供方
提供方
Grow with Google is an initiative that draws on Google's decades-long history of building products, platforms, and services that help people and businesses grow. We aim to help everyone – those who make up the workforce of today and the students who will drive the workforce of tomorrow – access the best of Google’s training and tools to grow their skills, careers, and businesses.
从 Design and Product 浏览更多内容
状态：免费试用免费试用
状态：免费试用免费试用
状态：免费试用免费试用专项课程
状态：免费试用免费试用
人们为什么选择 Coursera 来帮助自己实现职业发展
Felipe M.
Jennifer J.
Larry W.
Chaitanya A.
学生评论
110 条评论
- 5 stars
96.36%
- 4 stars
2.72%
- 3 stars
0%
- 2 stars
0.90%
- 1 star
0%
显示 3/110 个
已于 Jun 5, 2024审阅
Muito bom. Engloba todo o processo de finalização do primeiro projeto que começou a ser desenvolvido do curso 2 até aqui. As aulas e os materiais disponíveis são ótimos.
已于 Dec 25, 2023审阅
Curso maravilhoso! Etapas bem definidas e importantes para criação do projeto
已于 Oct 13, 2022审阅
Muito bom, chega a ser perfeito . Mas é preciso sempre ter animo por que ele é longo.
常见问题
Designers de experiência do usuário (UX) têm como foco a experiência de usuários que utilizam produtos como sites, aplicativos e objetos físicos. Designers de UX tornam essas interações diárias práticas, agradáveis e acessíveis. A função de um designer de UX iniciante pode incluir ter ideias para resolver problemas e realizar pesquisas com os usuários, além de projetar wireframes, maquetes e protótipos.
Se você gosta de conversar e tem empatia com as pessoas, gosta de desenhar, pensar de maneira criativa ou prestar atenção a detalhes, um trabalho como designer de UX pode ser uma boa opção para você!
Este é o quinto de sete cursos que vão lhe fornecer as habilidades de que você precisa para se candidatar a empregos de nível básico em design de experiência do usuário. É altamente recomendável concluir os quatro primeiros cursos do Certificado de Design de UX do Google UX antes deste:
- Curso 1:Fundamentos do design da experiência do usuário (UX)
- Curso 2:Início do processo de design de UX: ter empatia, definir e idealizar
- Curso 3:Construir wireframes e protótipos de baixa fidelidade
- Curso 4:Conduzir pesquisas de UX e testar os primeiros conceitos
Como alternativa, você deve ter experiência na realização de pesquisas com usuários para ter empatia com eles e determinar problemas específicos. Você também precisa ter a capacidade de criar personas, histórias de usuários e mapas de jornada do usuário, assim como declarações de problema e propostas de valor. Você precisa saber como criar wireframes e protótipo de baixa fidelidade em papel e na ferramenta de design Figma. Além disso, é útil ter experiência na realização de estudos de usabilidade e na iteração de designs. Se você não estiver familiarizado com esses tópicos, eles são abordados nos cursos anteriores do Certificado de Design de UX do Google.
Figma e Adobe XD são as ferramentas de design ensinadas nos sete cursos do Certificado de Design de UX do Google. O foco deste curso é a criação de designs no Figma.
Também serão usadas planilhas e aplicativos de processamento de texto e de apresentação. Ao longo do programa, você usará a plataforma que escolher para criar um portfólio profissional que servirá de vitrine do seu trabalho de design de UX.
Uma das partes mais interessantes de ingressar na área de experiência do usuário é o grande número de oportunidades de trabalho disponíveis. Quase todas as empresas precisam de designers de UX para ajudar a criar produtos digitais e físicos. Embora a demanda por designers de UX continue aumentando, atualmente há uma escassez de profissionais de design de UX para preencher esses cargos.
Uma carreira em design de UX oferece a oportunidade de trabalhar como generalista, exercendo a função de designer de UX, designer de UI ou pesquisador de UX, ou como especialista, por exemplo, no cargo de designer visual ou designer de interação. Depois de concluir este programa de certificação, você poderá pesquisar todos esses cargos e encontrar a função que melhor se adequa a você.
Este é o quinto de sete cursos do Certificado de Design de UX do Google. Recomendamos que você conclua os sete cursos deste programa de certificação na ordem apresentada, porque o conteúdo e as aplicações de cada curso se baseiam nas informações apresentadas e praticadas em cursos anteriores.
To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.
When you enroll in the course, you get access to all of the courses in the Certificate, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.
更多问题
提供助学金，