Savinda Rukshan
Savinda Rukshan
  • 46
  • 3 213
Gradients, Dark Mode, Typography and Figma Practicals (Batch 6 - Lecture 3)
Welcome to Batch 6 - Lecture 3! In this comprehensive session, we dive deep into Color Theory, Typography, and practical Figma techniques. You'll learn about the principles of color theory, how to choose harmonious color palettes, and the psychological impact of colors in UI/UX design. We also discuss the use of gradients and dark mode to create visually appealing and user-friendly interfaces.
We'll cover typography fundamentals, including font selection, hierarchy, and readability to ensure your designs communicate effectively. The Figma practicals will guide you through creating components and variants, streamlining your design process, and boosting productivity. This lecture is perfect for UI/UX designers looking to enhance their skills and stay up-to-date with the latest design trends and tools. Join us for essential tips and tricks that will elevate your design projects to the next level!
✨Buy me a coffee:
www.buymeacoffee.com/rukshanxyz
Chapters
00:00:00 Recap
00:03:06 Gradients
00:23:25 Dark Mode
00:54:53 Typography
01:32:26 Branding Guidelines, Style Guides, Design Systems
01:45:14 Figma Config - New Feature updates
01:46:19 Hands-on Figma Practicles
01:47:18 Boolean Operations in Figma
01:49:18 Grid Layout
01:53:18 Auto Layout
01:57:43 Create Components, Variants
#Typography #Figma #UIDesign #UXDesign #FigmaTutorial #DesignComponents #FigmaVariants #DesignTips #UIUXLecture #DesignWorkflow #PracticalFigmaTechniques #UIUXDesigners #ComponentCreation #DesignStrategies #ColorPalettes #TypographyFundamentals #DesignProductivity #LatestDesignTrends #Gradients #DarkMode
zhlédnutí: 124

Video

UX Design Process Explained (in 10 minutes)10:26UX Design Process Explained (in 10 minutes)
UX Design Process Explained (in 10 minutes)
zhlédnutí 291Před 9 hodinami
Are you new to UX design and eager to grasp the basics quickly? In this 10-minute video, we'll walk you through the essential stages of the UX design process: understand, research, analyze, sketch, prototype, and test. These steps are crucial for creating user-friendly and effective digital products. - Understand: Learn how to comprehend the problem you're aiming to solve by getting a clear und...
UX Process - Part 1 & Introduction to Figma (Batch 6 - Lecture 2)2:39:07UX Process - Part 1 & Introduction to Figma (Batch 6 - Lecture 2)
UX Process - Part 1 & Introduction to Figma (Batch 6 - Lecture 2)
zhlédnutí 200Před dnem
Welcome to the second part of our comprehensive guide to the UX process! In this video, we delve deep into the intricacies of UX design methodologies, offering practical insights and strategies for success. Discover the fundamental principles of the UX process and learn how to apply them effectively in your design projects. Gain a deeper understanding of the importance of empathy in design thin...
Introduction to UX (Batch 6 - Lecture 1)2:21:39Introduction to UX (Batch 6 - Lecture 1)
Introduction to UX (Batch 6 - Lecture 1)
zhlédnutí 308Před 21 dnem
Welcome to our in-depth exploration of UI/UX design! In this video, we delve into the fundamentals of user experience (UX) and user interface (UI) design, covering everything from the basics to advanced techniques. Whether you're a beginner or seasoned professional, this course will equip you with the knowledge and skills needed to excel in the dynamic field of UI/UX. From understanding the UX ...
Figma Tutorial for Beginners: Create Engaging Prototypes7:26Figma Tutorial for Beginners: Create Engaging Prototypes
Figma Tutorial for Beginners: Create Engaging Prototypes
zhlédnutí 62Před měsícem
In this tutorial, we'll walk you through the process of creating an interactive prototype using Figma. We'll use a mobile app as our example to demonstrate how to build a seamless and engaging user journey. This video is perfect for beginner UX designers looking to enhance their prototyping skills. You'll learn how to set up your prototype, adjust settings, and add animations to bring your desi...
20 Tips for Landing Your First UX Design Job (Batch 5 - Lecture 5) & Q&A Session47:4320 Tips for Landing Your First UX Design Job (Batch 5 - Lecture 5) & Q&A Session
20 Tips for Landing Your First UX Design Job (Batch 5 - Lecture 5) & Q&A Session
zhlédnutí 45Před měsícem
Embarking on your journey to secure your first UX design job? 🚀 Don't worry, we've got your back! In this video, we're sharing 20 invaluable tips to help you navigate the competitive landscape and land your dream UX design role. From crafting an impressive portfolio to networking effectively and acing your interviews, we cover it all. Whether you're a recent graduate or transitioning from anoth...
Figma Tutorial for Beginners: Turn Wireframes into Awesome Figma Designs with Atomic Design!46:28Figma Tutorial for Beginners: Turn Wireframes into Awesome Figma Designs with Atomic Design!
Figma Tutorial for Beginners: Turn Wireframes into Awesome Figma Designs with Atomic Design!
zhlédnutí 110Před měsícem
Ready to level up your Figma game? Join us as we take wireframes and turn them into stunning app designs using atomic design principles. Learn the ins and outs of auto layout, reusable components, and create a clickable prototype for app onboarding screens. Perfect for anyone looking to boost their design skills and make their workflow smoother! 00:00 Wireframes for design 00:46 Create Dot Indi...
Mastering Typography: Essential Tips for Stunning Designs36:34Mastering Typography: Essential Tips for Stunning Designs
Mastering Typography: Essential Tips for Stunning Designs
zhlédnutí 66Před měsícem
Learn the fundamentals of typography and elevate your design skills with this comprehensive guide. Discover how to choose the right typefaces, use fonts effectively, and apply key principles to create readable and aesthetically pleasing designs. This video covers everything from understanding typeface anatomy to optimizing text for various devices, ensuring your designs are both beautiful and f...
UX Process (Part 2)/ UI Design with Figma (Batch 5 - Lecture 4)2:56:00UX Process (Part 2)/ UI Design with Figma (Batch 5 - Lecture 4)
UX Process (Part 2)/ UI Design with Figma (Batch 5 - Lecture 4)
zhlédnutí 222Před měsícem
Ready to take your UI/UX design skills to the next level? Join us for an immersive journey into UI and UX design with Figma, the ultimate design tool for creating stunning and user-friendly interfaces. In this comprehensive tutorial, we cover everything you need to know to become a Figma pro and a UX design expert. From getting started with Figma and mastering boolean operators to creating resp...
Mastering Gradients in UI/UX Design: Tips, Techniques, and Best Practices15:36Mastering Gradients in UI/UX Design: Tips, Techniques, and Best Practices
Mastering Gradients in UI/UX Design: Tips, Techniques, and Best Practices
zhlédnutí 89Před měsícem
Discover how to effectively use gradients in UI/UX design to create bold statements, emphasize key elements, and convey emotions. This video covers the basics of linear, radial, and conic gradients, and offers practical tips for smooth transitions, color selection, and improving user experience. Learn how gradients can enhance your design elements, from logos to call-to-action buttons, while en...
UX Process - Part 2 (Batch 5 - Lecture 3)2:08:07UX Process - Part 2 (Batch 5 - Lecture 3)
UX Process - Part 2 (Batch 5 - Lecture 3)
zhlédnutí 79Před měsícem
Welcome back to the second part of our series on mastering the UX process! In this installment, we explore crucial elements that elevate your design to the next level. Dive into the fascinating world of color psychology and theory, and learn how to harness the power of color to enhance user experiences. Discover the art of typography and its impact on readability and user engagement. We'll also...
Chromatic Charisma: Exploring Color Psychology and Theory1:40:49Chromatic Charisma: Exploring Color Psychology and Theory
Chromatic Charisma: Exploring Color Psychology and Theory
zhlédnutí 180Před měsícem
Unlock the secrets of hues and shades in our captivating lecture on color psychology and theory. Dive into the fascinating world of how colors influence emotions, perceptions, and behaviors. From the power of primary colors to the subtleties of complementary schemes, we'll delve deep into the science and art of color selection. Join us for an enlightening journey through the spectrum, and disco...
UX Process - Part 1 & Introduction to Figma (Batch 5 - Lecture 2)3:08:25UX Process - Part 1 & Introduction to Figma (Batch 5 - Lecture 2)
UX Process - Part 1 & Introduction to Figma (Batch 5 - Lecture 2)
zhlédnutí 93Před měsícem
Welcome to the second part of our comprehensive guide to the UX process! In this video, we delve deep into the intricacies of UX design methodologies, offering practical insights and strategies for success. Discover the fundamental principles of the UX process and learn how to apply them effectively in your design projects. Gain a deeper understanding of the importance of empathy in design thin...
Wire-framing in UX Design9:41Wire-framing in UX Design
Wire-framing in UX Design
zhlédnutí 58Před měsícem
Unlock the secrets of wireframing with our comprehensive guide! In this video, we delve into the world of UI/UX design, exploring the importance of wireframes and how they streamline the design process. Learn about the different types of wireframes - from low to high fidelity - and discover which one suits your project best. We'll also showcase essential wireframing tools to elevate your design...
UX Laws: 7 Laws Every Designer Must Master!30:25UX Laws: 7 Laws Every Designer Must Master!
UX Laws: 7 Laws Every Designer Must Master!
zhlédnutí 80Před 2 měsíci
UX Laws: 7 Laws Every Designer Must Master!
Typography Tips for UI/UX Design31:05Typography Tips for UI/UX Design
Typography Tips for UI/UX Design
zhlédnutí 117Před 2 měsíci
Typography Tips for UI/UX Design
UX Strategy: Principles for Design Success12:52UX Strategy: Principles for Design Success
UX Strategy: Principles for Design Success
zhlédnutí 49Před 2 měsíci
UX Strategy: Principles for Design Success
Introduction to UX (Batch 5 - Lecture 1)2:22:33Introduction to UX (Batch 5 - Lecture 1)
Introduction to UX (Batch 5 - Lecture 1)
zhlédnutí 88Před 2 měsíci
Introduction to UX (Batch 5 - Lecture 1)
Mastering UX Research: Elevating Designs & ROI7:55Mastering UX Research: Elevating Designs & ROI
Mastering UX Research: Elevating Designs & ROI
zhlédnutí 58Před 2 měsíci
Mastering UX Research: Elevating Designs & ROI
20 Tips for Landing Your First UX Design Job35:5920 Tips for Landing Your First UX Design Job
20 Tips for Landing Your First UX Design Job
zhlédnutí 65Před 2 měsíci
20 Tips for Landing Your First UX Design Job
20 Tips for Landing Your First UX Design Job (Batch 4 - Lecture 5)1:57:3620 Tips for Landing Your First UX Design Job (Batch 4 - Lecture 5)
20 Tips for Landing Your First UX Design Job (Batch 4 - Lecture 5)
zhlédnutí 24Před 2 měsíci
20 Tips for Landing Your First UX Design Job (Batch 4 - Lecture 5)
UI Design with Figma (Batch 4 - Lecture 4)2:42:21UI Design with Figma (Batch 4 - Lecture 4)
UI Design with Figma (Batch 4 - Lecture 4)
zhlédnutí 27Před 3 měsíci
UI Design with Figma (Batch 4 - Lecture 4)
UX Process - Part 2 (Batch 4 - Lecture 3)2:59:03UX Process - Part 2 (Batch 4 - Lecture 3)
UX Process - Part 2 (Batch 4 - Lecture 3)
zhlédnutí 107Před 3 měsíci
UX Process - Part 2 (Batch 4 - Lecture 3)
UX Process - Part 1 (Batch 4 - Lecture 2)3:00:45UX Process - Part 1 (Batch 4 - Lecture 2)
UX Process - Part 1 (Batch 4 - Lecture 2)
zhlédnutí 41Před 3 měsíci
UX Process - Part 1 (Batch 4 - Lecture 2)
Introduction to UX (Batch 4 - Lecture 1)1:00:03Introduction to UX (Batch 4 - Lecture 1)
Introduction to UX (Batch 4 - Lecture 1)
zhlédnutí 51Před 3 měsíci
Introduction to UX (Batch 4 - Lecture 1)
20 Tips for Landing Your First UX Design Job (Batch 3 - Lecture 5)2:51:3620 Tips for Landing Your First UX Design Job (Batch 3 - Lecture 5)
20 Tips for Landing Your First UX Design Job (Batch 3 - Lecture 5)
zhlédnutí 22Před 3 měsíci
20 Tips for Landing Your First UX Design Job (Batch 3 - Lecture 5)
UI Design with Figma (Batch 3 - Lecture 4)2:37:04UI Design with Figma (Batch 3 - Lecture 4)
UI Design with Figma (Batch 3 - Lecture 4)
zhlédnutí 29Před 3 měsíci
UI Design with Figma (Batch 3 - Lecture 4)
Introduction to UX (Batch 3 - Lecture 1)2:44:21Introduction to UX (Batch 3 - Lecture 1)
Introduction to UX (Batch 3 - Lecture 1)
zhlédnutí 32Před 3 měsíci
Introduction to UX (Batch 3 - Lecture 1)
UX Process - Part 1 (Batch 3 - Lecture 2)2:45:39UX Process - Part 1 (Batch 3 - Lecture 2)
UX Process - Part 1 (Batch 3 - Lecture 2)
zhlédnutí 19Před 3 měsíci
UX Process - Part 1 (Batch 3 - Lecture 2)
UX Process - Part 2 (Batch 3 - Lecture 3)3:05:19UX Process - Part 2 (Batch 3 - Lecture 3)
UX Process - Part 2 (Batch 3 - Lecture 3)
zhlédnutí 29Před 3 měsíci
UX Process - Part 2 (Batch 3 - Lecture 3)

Komentáře