Create Amazing Micro Interaction Using Figma | Micro Interactions In Figma Tutorial | Simplilearn

Lección 39 de 7453%

Ya has superado la mitad. Estás muy cerca de completar el curso.

Sobre esta lección

️🔥UC San Diego - Product Management Professional Program - https://www.simplilearn.com/product-management-training-course-online?utm_campaign=QgbFn65R1hQ&utm_medium=DescriptionFFF&utm_source=Youtube ️🔥IIITB - Advanced Certification in UI UX Design - https://www.simplilearn.com/ui-ux-certification-training-course?utm_campaign=QgbFn65R1hQ&utm_medium=DescriptionFFF&utm_source=Youtube In this video on Create Amazing Micro Interaction Using Figma , we will be giving a step-by-step demo on how to create engaging micro interactions in Figma. Micro interactions are small, functional animations that enhance user experience by providing feedback, helping with navigation, or indicating changes. We'll dive into designing five different micro interactions: a Subscribe button that responds to a click with a smooth animation, a Toggle switch that transitions seamlessly between on and off states, an FAQ Accordion that expands and collapses with a click, a Page bottom bar navigation with animated tab transitions, and a Sidebar menu that slides in and out for easy navigation. Whether you're new to Figma prototyping or looking to improve your UI/UX design skills, these micro interactions will elevate your design work. Don't forget to like and subscribe for more such videos! 00:00:00 - Introduction To Micro Interactions 00:01:55 - Subscribe Button 00:08:06 - Toggle Button 00:12:29 - FAQ Accordion 00:15:11 - Side Bar Menu 00:19:18 - Bottom Bar Navigation 00:25:30 - Quiz ✅ Subscribe to our Channel to learn more about the top Technologies: https://bit.ly/2VT4WtH ⏩ Check out More Videos By Simplilearn: https://www.youtube.com/playlist?list=PLEiEAq2VkUULzCiDV5VyF7zR6zoDIT_eH #figma #MicroInteraction #UIUX #simplilearn #2024 ➡️ About Advanced Certification In UI UX Design This Advanced Certification in UI UX Design by IIIT Bangalore helps you learn a design-centric approach to User Interface and User Experience Design, including UX Research, UI Styling, User-centered Design processes, Wireframes, Prototypes, and Usability Testing. Practice via Capstone Projects, course-wide assignments and create your Dribbble portfolio Key Features ✅ Simplilearn's JobAssist helps you get noticed by top hiring companies ✅ Get professionally certified in UI UX with a program completion certificate from IIIT Bangalore ✅ Hands-on Practical Learning Experience via curriculum-wide assignments & projects ✅ Industry-oriented problem solving via Capstone Projects on E-commerce, Fitness, and Technology industries ✅ Hands-on learning with Designer Toolkit (Figma, Invision & Balsamiq, Sketch & Mural) for an enhanced learning experience ✅ Masterclasses from top faculty of IIIT Bangalore ✅ 8X higher engagement in live online classes by Simplilearn’s expert instructors ✅ Portfolio creation assistance on Dribbble ✅ Live Masterclasses delivered by Top Design Experts from Adobe, Amazon, and Microsoft Skills Covered ✅ UI and Visual Design ✅ Design Thinking ✅ Prototyping ✅ Information and Interaction Design ✅ User Experience Design ✅ Product Designing ✅ Wireframing ✅ Usability Testing ✅ User-centered design ✅ Persona mapping ✅ Empathy mapping ✅ Clickstream Analysis ✅ Gestalt principles ✅ Heuristics Evaluation ✅ Microcopy Learning Path ✅ IIITB UI UX: Induction for Certificate Program in UI UX ✅ UI/UX Design and Design Thinking Fundamentals ✅ UX Research: Applying User Research to Design ✅ Visual Design, Wireframing, Prototyping, Microinteractions, and Interactive Design ✅ Usability Evaluation and UX Intensive Phase ✅ Design Documentation, Project Handoff and Stakeholder Management ✅ Design Portfolio Creation and Career Guidance ✅ Introduction to HCI and AR VR in UI/UX ✅ UI/UX Design Capstone Project Electives: ✅ IIITB UI UX: Masterclass by IIIT Bangalore ✅ IIITB UI UX: Masterclass by Design Leaders ✅ Website Building using HTML5 and CSS3 🔥IIITB - Advanced Certification in UI UX Design (India Only) - https://www.simplilearn.com/ui-ux-certification-training-course?utm_campaign=QgbFn65R1hQ&utm_medium=Description&utm_source=Youtube

Sobre este curso

Lección 39 de 74Nivel: principianteDuración total: 192h 11m

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