Dropdown [Master class🎓] - @Figma tutorial (components, variants, prototype)

Published: 13 June 2023
on channel: Flamb Design
454
49

Master Class 🎓: Create a Professional Dropdown in Figma with Components, Variants, and Prototypes!

_______USO E RECOMENDO: 🔥🔥🔥_______
🖱️ Mouse [ Ergonomia muito boa!] https://amzn.to/3nEz6ji
✍️ Mesa digitalizadora [Barata e boa!] Melhor preço: https://s.click.aliexpress.com/e/_99nxGj
OU https://amzn.to/2ZewfnS

👨‍🎨 GOSTARIA DE MELHORAR SUAS TÉCNICAS NO PHOTOSHOP?
CURSO Ilustração realista com foco no marketing do produto.
https://flambdesign.com/curso/

📚Sugestão de LIVROS PARA MEHLORAR SEU DESEMPENHO PROFISSIONAL📚:
📕 https://amzn.to/3HJwPLK Leitura fácil, boa narrativa e dá uma "chacoalhada" na sua procastinação mental. Um dos melhores livros que li.
📙https://amzn.to/3nESPzr Melhore a defesa de seus projetos e até sua apresentação pessoal/profissional.

FREE download 🤩🎁⬇️ (mockup e protótipos):
https://www.figma.com/@flambdesign

Apoie nosso canal 😊 👍
--------------------
⬇️ ⏱️ #figma #uiux #designer
00:00 Aula master Dropdown
00:26 Entendendo uma interação Dropdown
01:39 Criando componentes/variants
06:00 Adicionando interações
08:35 Técnica Hover (dica)
10:14 Exclusivo (dropdown Avançado)
_____________
Aula Master 🎓: Crie um Dropdown Profissional no Figma com Componentes, Variantes e Protótipos!

Descubra dicas e segredos para criar dropdowns incríveis! Neste tutorial, Flávio Cordeiro apresenta os elementos básicos de um dropdown, um botão que ao ser clicado proporciona acesso a informações adicionais. Existem diversos tipos de dropdowns, inclusive em aplicativos, que oferecem acesso a diferentes ferramentas. Aprenda a criar uma interação envolvente para o seu dropdown.

A lógica é simples: ao clicar na pergunta ou prompt, você terá acesso às opções disponíveis. À medida que o dropdown se expande, mais opções são reveladas. Vamos acompanhar o processo passo a passo. Ao clicar em uma opção, como "Iniciante", você preenche a área correspondente. Caso essa não seja a resposta desejada, você pode voltar e explorar outras opções. Isso funciona para todas as escolhas, seja "Intermediário" ou "Avançado".

Com essa base, você será capaz de criar diferentes tipos de dropdowns incríveis. Aproveite para tirar um print e explorar outras possibilidades seguindo essa lógica. Agora é hora de aplicar todo esse conhecimento na prática! Flávio já preparou um frame de iPhone para o tutorial e vamos adicionar os componentes necessários. Não se preocupe, são elementos simples, como um texto, ícone e retângulos. Ao invés de listar os itens em um bloco de texto, Flávio mostrará uma abordagem diferente. Preste bastante atenção e acompanhe cada etapa para obter o melhor resultado.

Quer sugerir um tema sobre o Figma? É só deixar nos comentários.
A ideia do canal é fortalecer a comunidade de criativos, seja: designer, UI/UX designer, Product designer, deisgner gráfico, publicitários, etc.
_______
💻 https://www.FLAMBdesign.com
💼 Linkedin:   / cordeiroflavio  
📷 Instagram:  / flambdesign  
🕹Artstation: https://www.artstation.com/flambdesign
👨‍🎨Behance: https://www.behance.net/flaviocordeiro
_____

Quem sou eu:
Flavio Cordeiro, designer entusiasta com mais de 9 anos de experiência profissional.
Já trabalhei em agências de publicidade, escritórios de design e departamentos de marketing. Fui líder de equipe de designers numa empresa global americana. Já trabalhei e fiz projetos para fora do país.
Tive a oportunidade de trabalhar em vários ramos do design. Photoshop é minha ferramenta favorita.
Atualmente estou migrando para o UI/UX design, mas também estudo sobre o mundo 3D. No final eu tento juntar tudo e criar uma solução.

Objetivo do canal:

Ao longo da minha jornada como designer, passei por várias fases e desafios criativos em diferentes ambientes: agências de publicidade, escritórios de design, departamento de marketing e startup.
Cada um desses ambientes criativos tem suas particularidades, prioridades e necessidades. Para isso, tive que estudar muitas ferramentas: Photoshop, Illustrator, After Effects, Abobe XD, Figma, Blender 3D, Zbrush, Substance Painter e muito mais.


Esta experiência profissional me fez criar maneiras efetivas de resolver problemas criativos. A FLAMB design nasceu de tudo aquilo que aprendi.Essas que gostaria de compartilhar com você.

TRANSIÇÃO PARA UI/UX DESIGN
Atualmente estou transitando minha carreira para o UI/UX design. Ainda tenho muito que aprender, mas se você já é um designer experiente, posso te dizer que essa transição de carreira é menos complexa do que falam. Acredito que neste canal posso compartilhar minha experiência aprendendo sobre interfaces, aplicativos / APPs, interações, experiência do usuário, micro interação, etc.

Espero que minhas soluções criativas sejam úteis para sua vida profissional, ou para ajudar na sua criatividade.

____


Watch video Dropdown [Master class🎓] - @Figma tutorial (components, variants, prototype) online without registration, duration hours minute second in high quality. This video was added by user Flamb Design 13 June 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 45 once and liked it 4 people.