Anime um Botão com feedback???? [loading] - @Figma tutorial - UI motion

Votre vidéo commence dans 20
Passer (5)
ebook offerts

Merci ! Partagez avec vos amis !

Vous avez aimé cette vidéo, merci de votre vote !

Ajoutées by admin
84 Vues
Faça uma #microinteração com feedback de loading/tranferindo. Muito usado em processos de bancos, compras, etc.
________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 mockup ???? ????⬇️:
https://www.figma.com/community/file/...

Apoie nosso canal ???? ????
--------------------
⬇️ ⏱️ #figma #uiux
00:00 O protótipo do botão
00:44 Criando os elementos e componentes
02:30 - Criando as variants/ variáveis
04:36 - Interactive components para interações
07:27 - Protótipo final 2 versões
_____________
Anime um Botão com feedback [loading] - Figma tutorial - UI motion
No tutorial de Figma de hoje vai melhorar a interface do seu Aplicativo.

VOcê vai aprender como fazer umbotão com micro interação utilizando as ferramentas básicas do Figma: componentes, variavéis e o protótipo (interactive components.
A interação é relativamente simples de ser feita, baseado nas técnicas de UI motion, tornado um simples botão em uma barra de loading ou transferência. Uma micro interação que melhora muito o feedback para o usuário, uma solução inetrativa efetive e mais agrável na sua interface ou aplicativo.

Uma microinteração bem legal para dexair o usuário satisfeito vendo este efeito enquanto aguardo o loading do App, ou uma transição de página ou pagamento, por exemplo.

Crieas interfaces dos seus aplicativos mais legais e humanas. Espero que este tutorial ajuda nos seus estudos de UI/UX, microinterações, protótipos, UI motion, etc.

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: https://www.linkedin.com/in/cordeiroflavio/
???? Instagram:https://www.instagram.com/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.

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ê.

PHOTOSHOP - Edição de imagens
Photoshop é uma das ferramentas que mais gosto, já fiz muita manipulação de imagens e ilustrações realistas. Nesta área acredito que posso compartilhar muitas dicas e macetes.


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.

____
Catégories
E commerce Aliexpress

Ajouter un commentaire

Connectez-vous ou inscrivez-vous pour poster un commentaire.

Commentaires

Soyez le premier à commenter cette vidéo.