Interactive Form 2.0 🆕 @Figma. Simpler and easier to replicate! (prototype, interaction)
Improved version of form interaction that you can use in any form.
_______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 Interação de FOrmulário
00:18 Entendo a interação
01:16 Criando Variants
05:00 Adicionando interações
08:00 Adicionando outro formulário
09:50 Porque atualizei?
_____________
2.0 Formulário Interativo @Figma Mais simples e fácil de replicar! (protótipo, interação)
Essa é a versão 2.0 da minha interação de formulário, baseada em um vídeo anterior do meu canal. É uma versão mais simples e prática, que você poderá utilizar em qualquer um dos seus projetos para facilitar sua vida. Eu sou Flávio Cordeiro, e vou te mostrar como criar esse protótipo no Figma.
Para essa interação, vamos precisar dos seguintes elementos: um retângulo, um texto e um pequeno traço para simular o piscar quando você precisa digitar. Com esses elementos, criaremos essa interação.
Vou explicar como funciona. Temos um rótulo (label) aqui, onde você indica o que deve ser preenchido, por exemplo, "E-mail". Ao clicar nesse rótulo, os dois elementos aqui serão ativados. Eu os separei para que você possa ver melhor. Um deles terá um contorno azul, indicando que está selecionado, enquanto o outro terá ou não um pequeno traço. Esse traço é parte da nossa interação e representa o efeito de piscar.
Vamos dar um zoom para visualizar melhor. Na interação que criaremos, esse elemento ficará visível ou não, de acordo com a interação. Ele irá piscar para indicar que você precisa digitar nesse campo.
Com esse protótipo de formulário, você poderá adicionar dinamismo e interatividade aos seus projetos, tornando a experiência do usuário mais agradável e intuitiva.
No meu tutorial completo, vou te guiar passo a passo para criar essa interação no Figma. Você verá como é simples e poderá aplicar em seus próprios projetos. Não perca essa oportunidade de tornar seus formulários mais interativos e eficientes!
Assista ao vídeo completo e aprenda como criar essa interação de formulário na versão 2.0. Vamos juntos facilitar o processo de preenchimento e melhorar a usabilidade dos seus projetos!
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.
Depois de vários “ cara, como você faz isso?” achei que eu poderia ser útil para iniciantes na área de design, publicidade, social media, design de interface e todos do mundo criativo. Aqueles que procuram tutoriais e dicas para melhorar o fluxo de trabalho, editar imagens de forma profissional, trazer edições com elementos em 3D, etc.
Espero que minhas soluções criativas sejam úteis para sua vida profissional, ou para ajudar na sua criatividade.
____
Смотрите видео Interactive Form 2.0 🆕 @Figma. Simpler and easier to replicate! (prototype, interaction) онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Flamb Design 01 Июнь 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 3,75 раз и оно понравилось 26 людям.