Google

Web design responsivo em Adobe XD

This course is part of Google UX Design (PT) Professional Certificate

Taught in Portuguese (Brazil)

Google Career Certificates

Top Instructor

3,639 already enrolled

Included with Coursera Plus

Course

Gain insight into a topic and learn the fundamentals

4.7

(76 reviews)

|

100%

Beginner level
No prior experience required
39 hours (approximately)
Flexible schedule
Learn at your own pace

What you'll learn

  • Aplicar cada etapa do processo de design de UX para criar um site responsivo no Adobe XD.

  • Planejar a arquitetura da informação e mapas para designs de sites.

  • Aplicar layouts comuns para páginas da Web.

  • Concluir um projeto de design e inclui-lo em seu portfólio profissional de UX.

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

41 quizzes

Course

Gain insight into a topic and learn the fundamentals

4.7

(76 reviews)

|

100%

Beginner level
No prior experience required
39 hours (approximately)
Flexible schedule
Learn at your own pace

See how employees at top companies are mastering in-demand skills

Placeholder

Build your Design and Product expertise

This course is part of the Google UX Design (PT) Professional Certificate
When you enroll in this course, you'll also be enrolled in this Professional Certificate.
  • Learn new concepts from industry experts
  • Gain a foundational understanding of a subject or tool
  • Develop job-relevant skills with hands-on projects
  • Earn a shareable career certificate from Google
Placeholder
Placeholder

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV

Share it on social media and in your performance review

Placeholder

There are 6 modules in this course

Descubra os fundamentos do Web design responsivo. Para criar um site responsivo, você vai seguir as etapas do processo de design de UX: empatia, definição, idealização, protótipo e teste. Nesta parte do curso, você vai ver as etapas de empatia e definição. Além disso, você vai começar a explorar o Adobe XD, uma ferramenta de design famosa que será usada ao longo deste curso.

What's included

13 videos16 readings8 quizzes1 peer review5 discussion prompts

Hora de continuar seu projeto de design de site responsivo. Nesta parte do curso, você vai passar para a fase de ideação do processo de design. Para pensar em soluções de design, você vai conduzir uma auditoria competitiva, realizar a atividade Como podemos e esboçar ideias no exercício Crazy Eights. Você também vai aprender sobre a importância da arquitetura da informação e dos sitemaps para projetar sites.

What's included

9 videos8 readings5 quizzes1 peer review2 discussion prompts1 plugin

Depois de criar empatia pelos usuários, definir o problema do usuário que será resolvido e começar a idealizar possíveis soluções, é hora de dar vida às suas ideias em wireframes. Seu site responsivo terá layouts diferentes dependendo do tamanho do dispositivo e da tela para que você está projetando, então você vai criar muitos wireframes diferentes. Primeiro, você vai explorar layouts de sites comuns e criar wireframes de papel. Em seguida, você vai conhecer alguns elementos e componentes muito usados no design de sites responsivos. Depois, você vai passar para a criação de wireframes digitais no Adobe XD. Por fim, você vai atualizar e refinar seus wireframes para melhorar a acessibilidade.

What's included

12 videos13 readings4 quizzes1 peer review1 discussion prompt2 plugins

Agora que você criou wireframes digitais no Adobe XD, é hora de criar, testar e iterar em um protótipo de baixa fidelidade. Primeiro, você vai aprender como criar um protótipo de baixa fidelidade no Adobe XD. Você vai planejar e realizar um estudo de usabilidade para receber feedback sobre seu protótipo. Depois, você vai modificar seus designs de baixa fidelidade com base nos insights da sua pesquisa.

What's included

9 videos12 readings7 quizzes1 peer review2 discussion prompts

Nesta parte do curso, você se aprontará para criar modelos do site responsivo no Adobe XD. Você também vai estender seu trabalho com sistemas de design e usar componentes de sistemas de design externos nos designs de sites responsivos. Em seguida, você vai transformar os modelos em um protótipo de alta fidelidade criando conexões, adicionando detalhes de interação e ajustando animações. Por fim, você vai testar o protótipo de alta fidelidade com um estudo de usabilidade, com o objetivo de conseguir feedback de um conjunto diversificado de usuários. Ao fim desta parte do curso, os designs de sites responsivos estarão completos.

What's included

11 videos15 readings9 quizzes1 peer review2 discussion prompts

Com designs de sites responsivos completos, é possível compartilhar seu trabalho com outras pessoas. Para começar, você vai aprender a preparar e entregar designs aos engenheiros que vão construir o produto final. Você também vai adicionar um estudo de caso ao seu portfólio profissional de UX focado no seu design de site responsivo. Depois, vai se concentrar no seu grande objetivo: conseguir um emprego como designer de UX. Você vai aprender dicas e truques para analisar anúncios de vaga e vai criar um currículo atraente que destaque suas novas habilidades de UX.

What's included

15 videos10 readings8 quizzes1 peer review2 discussion prompts

Instructor

Instructor ratings
4.7 (11 ratings)
Google Career Certificates

Top Instructor

Google
323 Courses9,017,087 learners

Offered by

Google

Why people choose Coursera for their career

Felipe M.
Learner since 2018
"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."
Jennifer J.
Learner since 2020
"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."
Larry W.
Learner since 2021
"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."
Chaitanya A.
"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

Learner reviews

Showing 3 of 76

4.7

76 reviews

  • 5 stars

    85.89%

  • 4 stars

    6.41%

  • 3 stars

    5.12%

  • 2 stars

    0%

  • 1 star

    2.56%

AS
5

Reviewed on Dec 22, 2022

LV
5

Reviewed on Jun 12, 2023

R
5

Reviewed on Feb 28, 2024

New to Design and Product? Start here.

Placeholder

Open new doors with Coursera Plus

Unlimited access to 7,000+ world-class courses, hands-on projects, and job-ready certificate programs - all included in your subscription

Advance your career with an online degree

Earn a degree from world-class universities - 100% online

Join over 3,400 global companies that choose Coursera for Business

Upskill your employees to excel in the digital economy

Frequently asked questions