Home
  • Introduction & intentions
  • UI design fundamentals & principles
  • Typography
  • Layout & spacing
  • Colors
  • Reflection & UI challenge
  • Developing taste & personal style
  • Finishing touches
  • Podcast, newsletter & blogs
  • Tools & resources
  • Inspiration
  • People to follow
  • What's next
  • 1:1 mentoring
  • Support me
1:1 mentoring
💻

Layout & spacing

GETTING STARTED

👋🏼Introduction & intentions📌UI design principles

PILLARS OF VISUAL DESIGN

🔠Typography💻Layout & spacing🎨Colors✍🏼Reflection & UI challenge

DIVE DEEPER

🤌🏼Finishing touches🪄Developing taste🛠️Tools & resources

GET INSPIRED

💡Inspiration🎧Podcast, newsletter & blogs🔥People to follow

NEXT & MORE

➡️What’s next🤝1:1 mentoring💜Support me

Layout & spacing

📖 Reading list

UI cheat sheet: Spacing friendships

‣
Key points and summary

Applying white space in UI design

‣
Key points and summary

How to create stronger layouts with the 8pt Grid System

‣
Key points and summary

5 lesser-known spacing tips for product designers

‣
Key points and summary

Principles of UI design: Alignment

‣
Key points and summary

Optical effects in user interfaces

‣
Key points and summary

Guidelines by Apple (layout) and Google - Layout, spacing

📺 Watch list

Visual hierarchy

Getting spacing right between UI Elements When Designing Websites

← Previous

Typography

Next →

Colors

On this page

  • Layout & spacing
  • 📖 Reading list
  • UI cheat sheet: Spacing friendships
  • Applying white space in UI design
  • How to create stronger layouts with the 8pt Grid System
  • 5 lesser-known spacing tips for product designers
  • Principles of UI design: Alignment
  • Optical effects in user interfaces
  • Guidelines by Apple (layout) and Google - Layout, spacing
  • 📺 Watch list
  • Visual hierarchy
  • Getting spacing right between UI Elements When Designing Websites
Visual design guide

Share this on LinkedIn

Made as a gift for designers who wants to improve their craft ✨

XLinkedIn