Micro animations with @Figma: ENRICH your Interface with the Power of DETAILS (ui, ux, tutorial)

Опубликовано: 24 Октябрь 2023
на канале: Flamb Design
375
45

Applying Micro Interactions in @Figma: Transform Your UI/UX with Details - Tutorial

_______I USE AND RECOMMEND: 🔥🔥🔥_______
🖱️ Mouse [Very good ergonomics!] https://amzn.to/3nEz6ji
✍️ Graphics tablet [Affordable and good quality!] Best price: https://s.click.aliexpress.com/e/_99nxGj
OR https://amzn.to/2ZewfnS

👨‍🎨 WANT TO IMPROVE YOUR PHOTOSHOP SKILLS?
COURSE Realistic Illustration with a focus on product marketing.
https://flambdesign.com/course/

📚Book Recommendations to BOOST YOUR PROFESSIONAL PERFORMANCE📚:
📕 https://amzn.to/3HJwPLK Easy read, great narrative, and a "wake-up call" for your mental procrastination. One of the best books I've read.
📙https://amzn.to/3nESPzr Improve your project defenses and even your personal/professional presentation.

FREE download 🤩🎁⬇️ (mockups and prototypes):
https://www.figma.com/@flambdesign

Support our channel 😊 👍
--------------------
⬇️ ⏱️ #figma #uiux #designer
00:00 Animated hero
01:50 Preparing elements
04:45 Creating the animation
08:09 Positioning elements
09:36 Creating the animation
11:31 Other workflow tips
_____________
Micro Animations in @Figma: ENRICH Your Interface with the Power of DETAILS (ui, ux, tutorial)
In this video, I shared the importance of small details in elevating the design level and demonstrated a practical example where I transformed a static banner into something more attractive and interactive. Using elements I had already created, I applied a parallax technique to add depth and interest to the interface.

I explain the adjustments I made, such as subtle size reduction and element rotation, and demonstrate how to set up the interaction in Figma, adding a slight delay and defining the movement to create a smooth loop. The idea was to make the interaction subtle, without distracting the user too much.

Towards the end of the video, I also provide some tips on how you can use variants and components to save time and make the entire process more efficient.

I hope you enjoy the video and learn how small adjustments can make a big difference in design. If you liked it, don't forget to like and subscribe to the channel for more content like this. Until next time!

Want to suggest a topic about Figma? Just leave it in the comments.
The channel's goal is to strengthen the creative community, whether you're a designer, UI/UX designer, product designer, graphic designer, advertiser, and more.
_______
💻 https://www.FLAMBdesign.com
💼 Linkedin:   / cordeiroflavio  
📷 Instagram:  / flambdesign  
🕹Artstation: https://www.artstation.com/flambdesign
👨‍🎨Behance: https://www.behance.net/flaviocordeiro
_____

Who I am:
Flavio Cordeiro, an enthusiastic designer with over 9 years of professional experience.
I've worked in advertising agencies, design offices, and marketing departments. I've led design teams at a global American company and worked on projects outside the country.
I've had the opportunity to work in various design fields. Photoshop is my favorite tool.
Currently, I'm transitioning into UI/UX design, but I'm also studying the world of 3D. In the end, I try to bring it all together and create a solution.

Channel's Objective:

After hearing many "how do you do that?" questions, I thought I could be helpful to beginners in the design, advertising, social media, interface design, and the creative world. Those looking for tutorials and tips to improve their workflow, professionally edit images, and bring 3D elements into their edits, etc.

My professional experience has allowed me to develop effective ways to solve creative problems. FLAMB design was born from everything I've learned, and I want to share that with you.

PHOTOSHOP - Image editing
Photoshop is one of my favorite tools; I've done a lot of image manipulation and realistic illustrations. In this area, I believe I can share many tips and tricks.

3D EDITING
3D is my new passion. A complex world, but full of rewarding challenges. I believe I can make this world more understandable. Today, Photoshop has a 3D tool that can achieve cool results.

TRANSITION TO UI/UX DESIGN
I'm currently transitioning my career to UI/UX design. I still have much to learn, but if you're an experienced designer, I can tell you that this career transition is less complex than people say. I believe that in this channel, I can share my experience learning about interfaces, apps, interactions, user experience, micro-interactions, etc.

I hope my creative solutions are useful for your professional life or to enhance your creativity.

____


Смотрите видео Micro animations with @Figma: ENRICH your Interface with the Power of DETAILS (ui, ux, tutorial) онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Flamb Design 24 Октябрь 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 37 раз и оно понравилось 4 людям.