Dark Mode no Figma do JEITO CERTO! Tutorial em apenas 20 minutos!

Lección 13 de 5125%

Sigue así. Cada lección te acerca más a tu certificado.

Sobre esta lección

Hoje, vamos trabalhar com Dark Mode no Figma, utilizando plaeta de cores, variáveis e Figma Modes.❗ 👉 CURSO DE FIGMA: https://www.youtube.com/watch?v=-wMGaO283Cw&list=PL2b2uvKR5s-Hx3byi3qZY_HhPPw9U0e6x 👉 INSCREVA-SE NO CANAL: https://www.youtube.com/@douglazarini LINKS CITADOS: Variáveis: https://youtu.be/Pg81S2BN0mY Paleta de Cores: https://youtu.be/NPq8sOaqsrY Protótipo no Figma: https://youtu.be/MKDpqjxe1Rw Antes de mais nada, bem-vindo ao nosso tutorial de Figma! Neste vídeo, você aprenderá tudo sobre dark mode no Figma. Primeiramente, vamos explorar como criar e implementar o dark mode de maneira eficiente e prática. Em primeiro lugar, o dark mode no Figma é essencial para qualquer designer que deseja criar interfaces modernas e sofisticadas. Portanto, se você quer dominar o uso do dark mode, este tutorial é perfeito para você. Além disso, abordaremos como configurar o mode no Figma. Primeiramente, você aprenderá a definir as cores e estilos necessários para o dark mode. Em outras palavras, você terá total controle sobre os elementos do seu design. Do mesmo modo, vamos mostrar como aplicar essas configurações em diferentes componentes e telas. Ou seja, você verá como o dark mode no Figma pode transformar a aparência do seu projeto. Ainda mais, vamos explorar as melhores práticas para criar dark mode no Figma. Primeiramente, você aprenderá a escolher paletas de cores adequadas para o dark mode. Em seguida, vamos ensinar como ajustar o contraste e a legibilidade para garantir uma experiência de usuário agradável. Além disso, você verá como testar e ajustar o dark mode no Figma em diferentes dispositivos e resoluções. Em outras palavras, você terá um design responsivo e harmonioso. 👉 OUTROS VIDEOS RECOMENDADOS: https://youtu.be/YdRB4zTAzmo https://www.youtube.com/watch?v=lXm-tUfQZrg https://youtu.be/UKTE-04LxVc https://youtu.be/Z1gwNmZUCBM https://youtu.be/DuG7KVmfTjY https://youtu.be/TUZBkOzjjlU https://www.youtube.com/watch?v=Q-3xVA9GFD4 Outro aspecto importante que abordaremos é como usar dark mode em protótipos. Primeiramente, você aprenderá a aplicar o dark mode em diferentes estados de componentes. Em seguida, vamos mostrar como usar o dark mode para criar protótipos interativos e dinâmicos. Além disso, você verá como testar e ajustar o dark mode para garantir que seu protótipo funcione perfeitamente. Ou seja, você será capaz de criar protótipos impressionantes e funcionais. Além disso, vamos explorar como alternar entre modos claro e escuro no Figma. Primeiramente, você aprenderá a configurar um sistema de design que suporte ambos os modos. Em seguida, vamos mostrar como criar componentes que mudam de aparência conforme o modo selecionado. Além disso, você verá como usar variáveis de cores para facilitar a alternância entre os modos. Em outras palavras, você terá um design flexível e adaptável. Por fim, não se esqueça de se inscrever no nosso canal e ativar as notificações para não perder nenhum conteúdo novo. Portanto, se você quer se tornar um mestre em dark mode no Figma e aprender a criar designs incríveis, assista ao vídeo completo e comece seu aprendizado agora mesmo. Compartilhe com seus amigos e colegas para que eles também possam aproveitar essa oportunidade incrível. Até a próxima! REDES SOCIAIS: 👉 Entre no canal do WhatsApp: https://whatsapp.com/channel/0029VabyET76RGJFHdkLIr3Q 👉 Entre no canal do Telegram: https://t.me/douglazarini É isso aí, um abraço! 🚀 Doug Lazarini Designer

Sobre este curso

Nesta playlist você vai saber tudo sobre nosso curso de Figma, com dicas, tutorial, do básico ao completo.❗LINKS CITADOS:Inscreva-se: https://www.youtube.com/@douglazarinihttps://youtube.com/playlist?list=PL2b2uvKR5s-Hx3byi3qZY_HhPPw9U0e6x&siAqui, você encontrará o um curso de Figma grátis que vai transformar suas habilidades de design de maneira simples e eficaz. A princípio, o Figma é uma ferramenta poderosa para design de interfaces, mas você sabia que pode aprender a usá-la de forma totalmente gratuita? Portanto, nesta playlist, vamos explorar todos os detalhes do curso, oferecendo dicas e truques para você começar agora mesmo.👉🏽 Por Que Fazer um Curso de Figma Grátis?Primeiramente, fazer um Curso de Figma Grátis oferece várias vantagens. Em primeiro lugar, você economiza dinheiro enquanto adquire habilidades valiosas. Além disso, o curso é acessível a qualquer pessoa, independentemente do nível de experiência. Portanto, aprender Figma gratuitamente é uma oportunidade que você não pode perder.👉🏽 O Que Você Vai AprenderPrimeiramente, vamos cobrir todos os aspectos essenciais do Curso de Figma Grátis. Em primeiro lugar, você aprenderá a configurar o layout básico e a criar componentes reutilizáveis. Em seguida, mostraremos como adicionar elementos visuais como ícones, imagens e textos. Além disso, daremos dicas sobre como prototipar e testar suas interfaces de maneira eficiente. Portanto, esta playlist é um guia completo para dominar o Figma.👉🏽 Passo a PassoPrimeiramente, começaremos com os conceitos básicos. Em primeiro lugar, você aprenderá a iniciar um novo projeto e a configurar suas preferências no Figma. Em seguida, mostraremos como utilizar as ferramentas de forma para desenhar a estrutura básica de suas interfaces. Além disso, exploraremos as funcionalidades avançadas, como a criação de componentes interativos e animações. Portanto, prepare-se para transformar suas habilidades de design.👉🏽 Dicas e TruquesPrimeiramente, não se esqueça das nossas dicas e truques exclusivos. Em primeiro lugar, utilize atalhos de teclado para agilizar o processo de design. Além disso, experimente diferentes configurações de componentes para encontrar a melhor opção para o seu projeto. Portanto, essas dicas podem fazer uma grande diferença na qualidade do seu trabalho.👉🏽 Recursos AdicionaisPrimeiramente, não se esqueça de conferir os links na descrição de cada vídeo para acessar recursos adicionais. Em primeiro lugar, fornecemos arquivos de exemplo que você pode baixar e usar. Além disso, incluímos tutoriais complementares para aprofundar seu conhecimento sobre o Curso de Figma Grátis. Portanto, não perca a oportunidade de aprimorar suas habilidades de design.👉🏽 Exemplos PráticosPrimeiramente, veremos alguns exemplos práticos de como aplicar o que você aprendeu no Curso de Figma Grátis. Em primeiro lugar, você verá como desenhar interfaces de usuário que podem ser usadas em seus projetos. Em seguida, mostraremos como criar protótipos interativos que podem adicionar um toque profissional ao seu design. Além disso, exploraremos como a adição de animações pode melhorar a usabilidade da interface. Portanto, esses exemplos práticos ajudarão você a entender melhor as possibilidades oferecidas pelo Figma.👉🏽 ConclusãoAfinal, fazer um Curso de Figma Grátis é mais fácil do que você imagina. Portanto, aperte o play e comece a aprender agora mesmo! Não se esqueça de curtir, comentar e se inscrever para mais conteúdos incríveis. Em conclusão, dominar o Figma pode transformar a maneira como você aborda o design, oferecendo um controle detalhado e uma precisão inigualável. Portanto, aproveite ao máximo essa ferramenta poderosa e leve seus designs para o próximo nível!👉🏽 Fique ConectadoPrimeiramente, não se esqueça de seguir nossas redes sociais para ficar por dentro de todas as novidades. Em primeiro lugar, compartilhe seus projetos e experiências com o Curso de Figma Grátis usando a hashtag #CursoDeFigmaGrátis. Além disso, participe de nossas lives e webinars para aprender ainda mais sobre design e Figma. Portanto, fique conectado e continue aprimorando suas habilidades de design conosco.Afinal, aprender com o Curso de Figma Grátis é uma jornada contínua de descoberta e aprimoramento. Portanto, continue explorando, praticando e, acima de tudo, se divertindo com seus projetos de design. Até a próxima!Te vejo no curso.AbraçosDoug Lazarini

Lección 13 de 51Nivel: principianteDuración total: 15h 16m

Lo que aprenderás en este curso:

  • Comprender los principios del diseño gráfico profesional
  • Dominar las herramientas de diseño y edición de imágenes
  • Crear composiciones visuales atractivas y efectivas
  • Diseñar logotipos, cartelería y material publicitario