Imagem do Curso gratuito Adobe XD para design de apps e sites

Curso online gratuitoAdobe XD para design de apps e sites

Duração do curso online: 13 horas e 50 minutos

4.53

EstrelaEstrelaEstrelaEstrelaMeia estrela

(19)

Aprenda a criar apps e sites com o Adobe XD! Curso gratuito abordando ferramentas, pranchetas, exportação, plugins e tutoriais completos para UX/UI Design.

Neste curso gratuito, aprenda sobre

  • Introdução ao Adobe XD e Instalação
  • Ferramentas Básicas e Importação de Arquivos
  • Ativos, Protótipos e Exportação
  • Imagens, Grids Repetidos e Recursos Externos
  • Compartilhamento e Integração com Desenvolvimento
  • Projeto Prático: Criação de Site Completo
  • Projeto Prático: Site de Barbearia e Responsividade
  • Projeto Prático: Finalização do Site e Versão Responsiva
  • Projeto Prático: Site Responsivo e Layout de Barbearia
  • Adobe XD na Prática: Design, Interações e Trabalho em Equipe
  • Ferramentas de Mercado: Adobe XD vs Figma

Descrição do curso

O curso "Adobe XD para design de apps e sites" é uma imersão abrangente e prática no mundo do design de interface de usuário (UI) e experiência do usuário (UX). Com uma duração total de 14 horas, este curso é ideal para aqueles que desejam dominar o Adobe XD, uma das ferramentas mais populares e versáteis para criação de protótipos e design de interfaces digitais.

Este curso pertence às categorias de Design e Arte, com uma subcategoria específica em UX/UI, o que enfatiza seu foco em proporcionar uma experiência completa em design de experiência de usuário. Ao longo das aulas, os alunos aprenderão desde o básico — como instalar o Adobe XD e navegar pela barra de ferramentas — até técnicas mais avançadas, como a utilização de pranchetas, grids, Pen tool, e a criação de formas, textos e importação de arquivos PSD.

O conteúdo do curso é estruturado para oferecer uma aprendizagem progressiva e aprofundada. Os estudantes descobrirão como criar e usar Assets, exportar protótipos navegáveis, e métodos eficazes de exportação de conteúdos do Adobe XD. A integração prática das técnicas de importação de imagens, utilização de SVG e criação de máscaras são ensinadas em detalhes, garantindo que os alunos consigam aplicar diretamente em seus projetos reais.

Além das funcionalidades técnicas do Adobe XD, o curso também explora a criação de sites e a exportação de trabalhos diretamente para o Elementor Wordpress, facilitando a transição do design para o ambiente web de forma profissional e eficiente. A inclusão de Plugins, UI Kit e integração com recursos externos é outro ponto de destaque, proporcionando aos alunos ferramentas adicionais para enriquecer seus trabalhos.

Um dos grandes diferenciais deste curso está nos tutoriais de sites, que são apresentados em uma série de aulas detalhadas e práticas. Os tutoriais cobrem todas as etapas de design de um site, desde a concepção até a exportação final, com foco em técnicas responsivas essenciais para a criação de interfaces adaptáveis a diferentes dispositivos.

Os alunos terão a oportunidade de trabalhar em projetos colaborativos no Adobe XD, além de conhecer as funcionalidades do estado hover do botão com Auto-Animation, que são cruciais para a criação de interações dinâmicas e atraentes. Discutir a relevância do Adobe XD em comparação com outras ferramentas como o Figma também é um ponto abordado, fornecendo uma visão crítica e atualizada sobre o mercado de design de interfaces.

Com uma média de 5 estrelas em avaliações, o curso "Adobe XD para design de apps e sites" é muito bem avaliado pelos alunos. Essa alta nota reflete a satisfação dos participantes com a qualidade do conteúdo, a clareza das explicações e a aplicabilidade prática dos conhecimentos adquiridos. Em resumo, é uma escolha excelente para designers gráficos, web designers, e qualquer profissional que queira aprimorar suas habilidades no Adobe XD e se destacar na criação de interfaces digitais de alta qualidade.

Conteúdo do curso

  • Aula em vídeo: Curso de Adobe XD - Como instalar o Adobe XD [Aula 01] 06m
  • Exercício: Qual é a principal vantagem do Adobe XD em comparação com outros softwares de design de interface de usuário?
  • Aula em vídeo: Curso de Adobe XD - Barra de Ferramentas [Aula 02] 08m
  • Exercício: Qual é o tamanho sugerido para criação de um layout de site no Adobe RGB, conforme o vídeo?
  • Aula em vídeo: Curso de Adobe XD - Como usar pranchetas artboards e grids [Aula03] 11m
  • Exercício: _Qual é a opção que permite customizar o fundo da prancheta no Adobe XD?
  • Aula em vídeo: Curso de Adobe XD - Pen tool, texto e formas [Aula 04] 08m
  • Exercício: Qual é a função principal da ferramenta "Pintou" mencionada na transcrição?
  • Aula em vídeo: Curso de Adobe XD - Importar um PSD no Adobe XD [Aula 05] 10m
  • Exercício: _Como é possível abrir um arquivo do Photoshop no Adobe XD?
  • Aula em vídeo: Curso de Adobe XD - Como criar linhas guias e polígonos [Aula 06] 10m
  • Exercício: Quais são as novas funcionalidades do Adobe XD apresentadas no vídeo?
  • Aula em vídeo: Curso de Adobe XD - Como criar e usar os Assets (Ativos) [Aula 07] 14m
  • Exercício: _Para que servem os ativos no Adobe XD?
  • Aula em vídeo: Curso de Adobe XD - Como criar e exportar um protótipo navegável [Aula 08] 15m
  • Exercício: Qual é a função da opção de protótipo no Adobe Flex mencionada na transcrição do vídeo?
  • Aula em vídeo: Curso de Adobe XD - Como exportar no Adobe XD [Aula 09] 21m
  • Exercício: _Qual é a função de exportar os arquivos criados no Adobe XD?
  • Aula em vídeo: Curso de Adobe XD - Como importar imagens, SVG e criar máscaras [Aula 10] 16m
  • Exercício: Quais são as formas de importar imagens mencionadas nesta aula?
  • Aula em vídeo: Curso de Adobe XD - Como usar o Repeat Grid [Aula 11] 12m
  • Exercício: _Qual é a função do Repeat Grid no Adobe XD?
  • Aula em vídeo: Curso de Adobe XD - UI kit, Plugins e Integrações (Recursos externos) 09m
  • Exercício: Qual é uma das funcionalidades dos arquivos fornecidos pelo Adobe Figma para designers?
  • Aula em vídeo: Como criar sites exportando do Adobe XD para o Elementor Wordpress? 2h09m
  • Exercício: _Como é possível compartilhar um layout criado no Adobe XD para desenvolvimento?
  • Aula em vídeo: Curso de Adobe XD - Tutorial de site - Parte 01 [Aula 13] 24m
  • Exercício: Quais são as partes fundamentais de um site mencionadas no vídeo?
  • Aula em vídeo: Curso de Adobe XD - Tutorial de site - Parte 02 [Aula 14] 22m
  • Exercício: Qual é o principal foco do vídeo mencionado na transcrição?
  • Aula em vídeo: Curso de Adobe XD - Tutorial de site - Parte 03 [Aula 15] 15m
  • Aula em vídeo: Curso de Adobe XD - Tutorial de site - Parte 04 [Aula 16] 16m
  • Aula em vídeo: Curso de Adobe XD - Tutorial de site - parte 05 [Aula 17] 15m
  • Aula em vídeo: Curso de Adobe XD - Tutorial de site - parte 06 [Aula 18] 17m
  • Exercício: Qual é a principal ação que o site de barbearia permite ao usuário realizar?
  • Aula em vídeo: Curso de Adobe XD - Tutorial de site - parte 07 [Aula 19] 17m
  • Aula em vídeo: Curso de Adobe XD - Tutorial de site - parte 08 [Aula 20] 20m
  • Aula em vídeo: Curso de Adobe XD - Tutorial de site - parte 09 [Aula 21] 13m
  • Aula em vídeo: Curso de Adobe XD - Tutorial de site - parte 10 [Aula 22] 14m
  • Aula em vídeo: Curso de Adobe XD - Tutorial de site - parte 11[Aula 23] 17m
  • Aula em vídeo: Curso de Adobe XD - Tutorial de site responsivo - parte 12 [Aula 24] 13m
  • Aula em vídeo: Site de barbearia responsivo com Adobe XD - parte 01 1h42m
  • Aula em vídeo: Por que vale a pena usar o Adobe XD? 1h51m
  • Aula em vídeo: Adobe XD na prática - Criando o design do site 1h36m
  • Aula em vídeo: Estado hover do botão (Auto-Animation) - Curso de Adobe XD 13m
  • Exercício: _O que é possível fazer com o estado do botão no Adobe XD?
  • Aula em vídeo: Projeto colaborativo no Adobe XD - Curso de Adobe XD 06m
  • Aula em vídeo: O que aconteceu com o Adobe XD? Figma ou Adobe XD? 17m
  • Exercício: _Qual é a ferramenta indicada para prototipação de interfaces de apps e sites?

Este curso gratuito inclui:

13 horas e 50 minutos de curso online em vídeo

Certificado digital de conclusão de curso ( Gratuito )

Exercícios para treinar seus conhecimentos

100% gratuito, do conteúdo ao certificado

Pronto para começar?Baixe o app e comece hoje mesmo.

Instale o app agora

para ter acesso ao curso
Ícone representando cursos de tecnologia e negócios

+ de 5.000 cursos gratuitos

Programação, Inglês, Marketing Digital e muito mais! Aprenda o que quiser, gratuitamente.

Ícone de calendário com alvo representando planejamento de estudos

Plano de estudos com IA

A Inteligência Artificial do nosso aplicativo pode criar um cronograma de estudos para o curso que você escolher.

Ícone de profissional representando carreira e negócios

Do zero ao Sucesso profissional

Melhore seu currículo com nosso Certificado gratuito e depois utilize nossa Inteligência Artificial para buscar seu emprego dos sonhos.

Você também pode utilizar o QR Code ou os Links abaixo

QR Code - Baixar Cursa - Cursos Online

Mais cursos gratuitos em UX / UI - Experiência do usuário

Ebook + Áudiobooks gratuitos! Aprenda ouvindo ou lendo!

Baixe o Aplicativo agora para ter acesso a + de 3300 cursos gratuitos, exercícios, certificado e muito conteúdo sem pagar nada!

  • Cursos online 100% gratuitos do início ao fim

    Milhares de cursos online em vídeo, ebooks e áudiobooks.

  • Mais de 48 mil exercícios gratuitos

    Para testar seus conhecimentos no decorrer dos cursos online

  • Certificado Digital gratuito válido em todo o Brasil

    Gerado diretamente na galeria de fotos do seu celular e enviado ao seu e-mail

Aplicativo Cursa na tela de ebook, na tela de curso em vídeo e na tela de exercícios do curso, mais o certificado de conclusão de curso

+ de 9 milhões
de alunos

Certificado grátis e
válido em todo o Brasil

60 mil exercícios
gratuitos

4,8/5 classificação
nas lojas de apps

Cursos gratuitos em
vídeo, ebooks e audiobooks