Skip to Content

Design Weight

Book: Refactoring UI
  • The space an entity takes up in a design

  • Heavy entities are more prominent

  • Weight can be used with/against contrast to tinker with emphasis

    • Ex: Icons which seem “heavy” can be softened against the background
    • Ex: Borders for which sharp contrast is unpleasant can have their weight increased