Ever wondered why some design feels cluttered and confusing? It probably lacks good spacing.
Spacing in User Interface (UI) are the empty areas around images, words or buttons and functions in the design. This is why good spacing is very important, because it aids proper organization and alignment of your design. It also gives every item its own space, and this makes the design clear and easy to use.
Spacing systems are proper guidelines that can assist in preventing failed organization of the spacing among components of a UI design. These assist in making sure that all the sub-elements in a UI are rightly aligned, thus making the UI look professionally designed.
Some notable spacing systems are the grid system, use of white space, and so much more. With a spacing system, designers can ensure consistent spacing across different screens, making the design look cleaner and more coordinated.
To improve as a UI designer it's important that you master the act of UI spacing, and a UI spacing tutorial can help with that. A highly recommended tutorial is Brad Traversy's UI Spacing Tutorial. In this amazing resource, Brad guides you through proper spacing for buttons, text, images, and other UI components
