Скачать или смотреть Secret Sauce 🤫: Grids, Typography, & Spacing in UI Design | UI Mistakes Part 2

Over the years I've reviewed 1000s of portfolios for hiring. All beginners and even some seasoned designers make these 6 common mistakes with #UIDesign:

UI Mistakes, Part 1:    • 6 User Interface Design Mistakes You're Ma...  

👉 Broken/Missing typographic scale

👉 Broken/missing spacing system

👉 Colour usage in UI is not thought-out

👉 Not considering limits for the interface: example, what's the maximum price you can show on your product cards?

👉 Using desktop patterns for mobile design: think about finger vs cursor

👉 Mixing graphic and interface design patterns:

See the original thread on Twitter:   / 1466674264040357889  


In this livestream, we explore:

🤔 How spacing systems (how you space your elements) and typography scale affect the visual rhythm for UI and information density

🤔 What is even "information density"

🤔 How colour and sizes come together to create meaning and assumptions for the user

Figma File Link: https://www.figma.com/file/MOY8t7t51c...

Design Systems Full Playlist: https://pages.kingsidharth.com/Guide-...


⏰ Timestamps:
0:00 Countdown
1:07 "Crowdwork"
11:27 Topics Covered
12:57 Why we fail in the beginning
17:33 Mixing Graphic Design Patterns with UI Design
23:00 Visual Density, Information Density & Noise
25:20 Live Demo: Recreating Reviews Section with less variations
38:29 Colour has meaning in UI
41:20 Summary
45:35 Information Density within same App/Design System
49:00 Spacing System, Proximity, & Information Density
56:27 Why Grids, Typography & Spacing are Related
1:11:30 New Character Reveal & "Bye" by Cringe Sidharth


Credits for the UI Shared: Kamal Hasan, Rochelle Fernandes, Abhijeet. Thank you for sharing your work 🙏
===

BECOME a MEMBER: Get access to unlisted live-streams & member-exclusive perks:
https://www.youtube.com/kingsidhartho...

====

SOCIAL LINKS

Join the DISCORD:   / discord  
Instagram:   / kingsidharth  
Podcast: https://open.spotify.com/show/1VZF4U1...
Twitter:   / kingsidharth  

#UIUXDesign #DesignSystems