🚀 Get 2 free months of Skillshare Premium & watch my design course for free: skl.sh/2TVhf8z
I will show you many ways to design a grid layout for Dashboard and SaaS products.
🔗 Ultimate Guide to Layout Grid Systems for Websites! - Figma Tutorial
• Ultimate Guide to Layo...
🌟 Enjoying my content? Here is your chance to support the channel:
/ @designpilot
🚀 Create an account on Mobbin for free:
mobbin.com/?referrer_workspac...
🔸 Chapters
00:00 Introduction
00:51 Example 1: Jira (3 Sections)
02:30 Outdated Methods of Creating Grids
04:33 Common Patterns of Layouts
10:11 Which Frame Size to Design with?
12:07 Creating a Layout Grid
15:03 Example 2: Jira (2 Sections)
20:50 Example 3: Lottie Files (Standard Box Layout)
24:59 Example 4: Typeform (Similar to Lottie Files)
26:36 Example 5: Tailwind CSS
29:33 Example 6: Hype Auditor (Statistics Dashboard)
38:29 Example 7: Unsplash (No Sidebar)
39:31 Example 8: Google Analytics (Adaptive Grid Layout)
42:50 Example 9: RU-vid Studio
46:25 Example 10: Stripe
-----------------------------------------
Mega Product Design Course for Beginners:
• The Mega Product Desig...
Webflow Course for Beginners:
• Webflow Course for Beg...
Photoshop Tutorials:
• Photoshop CC Tutorials
Illustrator Tutorials:
• Illustrator CC Tutorials
After Effects Tutorials:
• After Effects CC Tutor...
UI Design Tutorials:
• UI Animation/Interacti...
Design Resources, Tools and Softwares:
• Design Resources, Tool...
Adobe XD CC Tutorials:
• Adobe XD CC Tutorials
eSports Design Tutorials:
• eSports Design Tutorials
--------------------------------------------------------------------------------------------
Contact me :
Portfolio: chethankvs.design
Twitter: / kvschethan
Instagram: / design_pilot
Mail: designpilot21@gmail.com
Behance: behance.net/chethankvs
Dribbble: dribbble.com/chethankvs
--------------------------------------------------------------------------------------------
LIKE, SHARE, COMMENT & SUBSCRIBE :)
7 июл 2024
