Summary
Keywords
Full Transcript
Email us to Train your Company on [email protected] 👉🏻 Full UX Designer Course for Beginners - https://learnuiux.in/ Join our Instagram Broadcast Community https://ig.me/j/AbYz7q54oZ3CBSHs/ 👉🏻 Follow me on Instagram: https://www.instagram.com/anshmehra.in ▶️ Watch the English Version here: https://youtu.be/na0b3WrZnH8?si=4P7RIbXRDiNWccEr ⏰ Timestamps: 00:00 - Previously On 00:30 - Series Intro 1:37 - What we will learn today? 2:04 - How will we learn Layouts and Spacing? 2:57 - Understanding Column Width 5:01 - Understanding Parent Containers 6:05 - Functioning of the Column Layout 7:45 - Article: Responsive Grid and How to Actually Use Them by Christie Tang 8:12 - Understanding Spatial Systems 10:38 - Best Medium Article to Understand Spatial Systems 11:38 - Using Grids in UI 11:58 - What are Points? 14:54 - Difference Between Hard and Soft Grids 17:34 - Article: The 8-Point Grid 17:54 - Premium Sessions on Graphy 20:13 - Conclusion 🌏 Keep up with Design and AI: 🔗 https://www.instagram.com/anshmehra.in/ 🔗 https://www.anshmehra.com/ 🔗 https://medium.com/ansh-mehra Links Mentioned in the Video: 🔗 Responsive Grids and How to Actually Use Them https://uxdesign.cc/responsive-grids-and-how-to-actually-use-them-970de4c16e01 🔗 Space Grids and Layout https://www.designsystems.com/space-grids-and-layouts/ 🔗 Everything you need to know as a UI designer about spacing & layout grids https://medium.com/design-with-figma/everything-you-need-to-know-as-a-ui-designer-about-spacing-layout-grids-2bc269e12321 🔗 The 8 Point Grid https://spec.fm/specifics/8-pt-grid 2 column layout kya hota hai?, Web design mein grid system kaise kaam karta hai?, Figma mein 12 column layout kaise banayein?, Column aur gutter ka kya matlab hai?, Responsive layout kaise design karein?, Desktop aur mobile layout mein kya difference hota hai?, Figma mein layout grids kaise set karein?, Grid system UI design mein kyun important hai?, Baseline grid kya hoti hai?, Auto layout aur column layout ka relation kya hai?, Web layout design ke rules kya hain?, Consistent spacing design mein kaise maintain karein?, 12 column layout ka use kab karna chahiye?, Design system mein layout grid kaise add karein?, Figma mein spacing units kaise set karein?, Padding aur margin kaise decide karein?, Visual hierarchy layout se kaise banate hain?, Figma mein responsive resize kaise use karein?, Mobile-first design approach kya hai?, UX design mein layout system ka kya role hai? Ansh Mehra, Ansh Mehra UX, Ansh Mehra AI, Cutting Edge School, Free UX Design Course in Hindi, UI/UX Course in Hindi, Product Design Free Course, 12 column layout Figma, layout grid tutorial, Figma design system, grid system in UI, web design Hindi, Figma tutorial Hindi, UX design layout, spacing and grids, responsive layout design, UI design columns, gutter spacing Figma, layout grid system, mobile vs desktop layout, UX layout structure, beginner web design, design system layout
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
