Skip to Content

Design Spacing

Book: Refactoring UI
  • Adding spacing between elements make them look better and feel less cramped

  • It’s better to start from a position of too much space and then remove spacing.

  • When creating a system, ensure that the difference between 2 adjacent spacing configurations is more than 25%

    • Use a constant factor to scale spacing
  • Ensure that there is always more space around a group than space between elements within a group

Visual Hierarchy,