Incerto onde
começar?

Track

Certificado

Ferramentas de Design UI/UX

4.7+

★★★★★

10 avaliações

Beginner

Ao concluir este curso, você adquirirá as habilidades para projetar interfaces web e móveis intuitivas e visualmente atraentes usando o Figma, aplicar princípios essenciais de UI/UX para melhorar a experiência do usuário e trabalhar eficientemente com o Adobe Photoshop e Illustrator para gráficos e elementos de design de alta qualidade. Essas ferramentas e técnicas ajudarão a criar produtos digitais profissionais e fáceis de usar que envolvem e retêm os usuários.

Figma

Photoshop

Illustrator

Boost your Tech Skills!

with up to 55% off

What you'll get with our subscription:

Access to 85+ top-rated courses
AI-driven Learning
Workspaces for practicing your skills
Personalized study tracks
Certificates of completion

Training 2 or more people?

Get your team access to Codefinity courses anytime, anywhere.

Try Codefinity Teams

What you will learn

Explore design principles, user experience methodologies, and real-world UI/UX challenges through practical projects
Understand core design principles, including layout, typography, color theory, and composition
Gain expertise in Photoshop's selection tools, layers, masks, and adjustment layers for advanced photo editing
Master retouching techniques, color correction, and non-destructive editing to enhance digital artwork
Learn to create professional vector graphics, including logos, icons, and illustrations
Explore Illustrator's essential tools, layer management, and color manipulation techniques for high-quality design projects

126 chapters
13 hours
162 tasks

Trusted by employees of leading companies

Learning track content

Module 1 / Design de UI/UX com Figma

Aprenda o que é o Figma, qual é seu papel no design UI/UX e como navegar em sua interface e ferramentas. Explore o quadro FigJam para brainstorming e colaboração, juntamente com páginas e frames no Figma, que formam a base para organizar e estruturar seus designs de forma eficaz.

Descubra como as camadas no Figma mantêm seu design organizado, explore como formas agrupadas ajudam a criar visuais impressionantes e aprenda a estilizar textos de forma elegante utilizando as ferramentas de tipografia.

Aprenda a inserir fotos e vídeos, utilizar máscaras e aplicar modos de mesclagem para designs dinâmicos. Domine cores, gradientes, botões, auto layouts, componentes e estilos. Descubra o potencial de plugins e widgets para ampliar sua criatividade e otimizar seu fluxo de trabalho.

Explore colunas, grades, plugins e a estrutura de componentes pai-filho para otimizar seu processo de design.

Desenvolvimento de wireframes de baixa fidelidade. Criação de protótipos interativos. Animação de designs. Apresentação eficaz do trabalho para clientes.

Module 2 / Domínio do Adobe Photoshop

Aprenda a navegar no Photoshop, criar novos projetos, personalizar o espaço de trabalho e familiarizar-se com o software.

Vamos dominar as seleções no Photoshop, compreender como as camadas funcionam e aprender a utilizar máscaras de camada, que é o primeiro passo para criar imagens criativas.

Aprenda a remover objetos ou distrações indesejadas de suas imagens, independentemente do tamanho, alterar a aparência de alguns objetos e ajustar as luzes e cores de uma imagem.

Pronto para se aprofundar no mundo artístico do Photoshop? Nesta seção, você aprenderá mais sobre cores, teoria das cores, diferentes tipos de pincéis e padrões, como criar gradientes e muito mais!

Agora que aprendemos a maioria dos conceitos básicos do Photoshop, é hora de explorar a criatividade e criar composições visuais.

Como chegamos ao final do curso, vamos ver como gerenciar nosso fluxo de trabalho e manter tudo organizado.

Module 3 / Adobe Illustrator Fundamentals

Discover how to use Illustrator by finding your way around, starting new projects, customizing your workspace, and getting comfortable with the software.

Let's start getting deeper into Illustrator and understand the difference between raster images and vector graphics, which will be our head start toward creating and managing objects & shapes.

Are you ready to dive deeper into Illustrator's art pool? In this section, you’ll learn more about manipulating shapes, color theory, how to create gradients and more!

It's time to learn how to draw any artwork from scratch and how to color them. Ready to create some digital art?

Now that we've learned most of the basic stuff, it's time to bring our inner artist to life.

Let's finalize everything we talked about, know how to polish artworks, how to present them, and how to export assets.

Module 4 / Fundamentos do Design

Explore o significado do design, sua importância e o impacto que exerce na comunicação e na resolução de problemas. Compreenda como diferentes tipos de design moldam experiências em diversas áreas, desde produtos digitais até materiais impressos. Descubra o papel da pesquisa na orientação de decisões criativas e na garantia de que as soluções atendam de forma eficaz às necessidades dos usuários.

Compreensão de como linhas, formas e volumes estruturam layouts visuais. Importância do tamanho, espaço e formato na criação de equilíbrio. Contribuição da fotografia e ilustrações para a narrativa visual. Aplicação dos princípios da Gestalt para orientar a percepção e conectar elementos em um todo coeso e envolvente.

Aprofunde-se na tipografia como elemento central do design. Estude a anatomia dos tipos, o espaçamento e a legibilidade para aprimorar a comunicação. Aprenda a selecionar fontes que correspondam ao tom e ao propósito, e explore a hierarquia tipográfica para estabelecer ordem e significado. A tipografia torna-se uma ferramenta poderosa para moldar tanto o estilo quanto a clareza.

Descubra a linguagem e os sistemas de cor, incluindo RGB, CMYK e Pantone. Exploração da teoria das cores e harmonia para criar trabalhos visualmente equilibrados. Compreensão de como o contraste afeta a legibilidade, como os espaços de cor definem a consistência entre mídias e como a psicologia das cores influencia emoções, branding e percepção.

Requirements

A computer with a browser - all browsers are supported.
Your enthusiasm to enhance your tech skills.
Everything else needed to start learning and practicing is already included in this course.

Over 200,000 5-star ratings and counting

Ruslan Kravchuk

O principal é aprender e não desistir

O material é bom, há muito a aprender, tudo para se tornar melhor e o principal é aprender o que você quer....

Matteo Comune

Graças a eles, estou aprendendo muito…

Graças a eles, estou aprendendo muito mais rápido porque eles ajudam você a entender tudo desde o início. É o melhor site que ajuda pessoas sem conhecimento em TI...

Yuliana Cadavid

óptimo curso para iniciantes

ótimo curso para iniciantes, eles testam o seu conhecimento em cada lição...

Elpunzon

Estou a gostar da minha experiência com a Codefinity…

Estou a gostar da minha experiência de aprendizagem do Python com a Codefinity. A forma de aprendizagem ao meu ritmo é óptima porque posso ajustá-la ao meu horário...

Alexandru Alexandru

É bom aprender com o Codefinity

É bom aprender com o Codefinity. É fácil e tem bons exemplos do que aprendi aqui...

jacob Templet

Easy to follow along with and provides…

É fácil seguir e proporciona desafios no meu dia-a-dia. O desafio mantém-me querendo aprender dia após dia...

Elan

A Codefinity é uma ferramenta de aprendizagem abrangente…

A Codefinity é uma ferramenta de aprendizagem abrangente que ajuda a desenvolver as suas habilidades como engenheiro de software ou cientista de dados. Os exercícios são divertidos...

Thibault

Primeira vez aprendendo a programar

Primeira vez a aprender a programar e conseguindo-o com sucesso com a Codefinity - obrigado...

Adrien Morel

Bem desenhado para iniciantes totais

Bem desenhado para iniciantes totais, progresso incremental e faz-me sentir confiante....

_Gracy

é simplesmente muito bem explicado

é simplesmente perfeitamente bem explicado! Até agora, não tive qualquer dificuldade porque tudo é muito bem gerido...

Ruslan Kravchuk

O principal é aprender e não desistir

O material é bom, há muito a aprender, tudo para se tornar melhor e o principal é aprender o que você quer....

Matteo Comune

Graças a eles, estou aprendendo muito…

Graças a eles, estou aprendendo muito mais rápido porque eles ajudam você a entender tudo desde o início. É o melhor site que ajuda pessoas sem conhecimento em TI...

Yuliana Cadavid

óptimo curso para iniciantes

ótimo curso para iniciantes, eles testam o seu conhecimento em cada lição...

Elpunzon

Estou a gostar da minha experiência com a Codefinity…

Estou a gostar da minha experiência de aprendizagem do Python com a Codefinity. A forma de aprendizagem ao meu ritmo é óptima porque posso ajustá-la ao meu horário...

Alexandru Alexandru

É bom aprender com o Codefinity

É bom aprender com o Codefinity. É fácil e tem bons exemplos do que aprendi aqui...

jacob Templet

Easy to follow along with and provides…

É fácil seguir e proporciona desafios no meu dia-a-dia. O desafio mantém-me querendo aprender dia após dia...

Elan

A Codefinity é uma ferramenta de aprendizagem abrangente…

A Codefinity é uma ferramenta de aprendizagem abrangente que ajuda a desenvolver as suas habilidades como engenheiro de software ou cientista de dados. Os exercícios são divertidos...

Thibault

Primeira vez aprendendo a programar

Primeira vez a aprender a programar e conseguindo-o com sucesso com a Codefinity - obrigado...

Adrien Morel

Bem desenhado para iniciantes totais

Bem desenhado para iniciantes totais, progresso incremental e faz-me sentir confiante....

_Gracy

é simplesmente muito bem explicado

é simplesmente perfeitamente bem explicado! Até agora, não tive qualquer dificuldade porque tudo é muito bem gerido...

Data Engineer

Certificado de Conclusão

Mostre suas habilidades recém-adquiridas. Você merece

Discover more
Learning tracks

	ProBest intro offer	UltimateA complete experience to kickstart your career
85+ Top-Rated courses
Completion certificates
AI-Assistant in all courses
20+ hands-on Real-world projects
Personalized study tracks
Unlimited workspaces

Ferramentas de Design UI/UX

Desenvolvimento Web com C#

Python de Zero a Herói

SQL do Zero ao Herói

C++ para Iniciantes

Desenvolvimento de Jogos com Unity

Torne-se um Desenvolvedor React

Essenciais do Excel

Essenciais de Java

Desenvolvimento Web Full Stack

Fundação de Desenvolvimento Frontend

Análise e Visualização de Dados em Python

Domínio em Aprendizado de Máquina

Domínio de C++

Java Web

Torne-se um Engenheiro de QA

Produção de Vídeo com Adobe

Habilidades Essenciais de Escritório

Digital Marketing Essentials

Complete Social Media Management

Business AI Toolkit

Desenvolvimento de Sites sem Código

Odisseia do Deep Learning

Ready to get started?