Every UI element is a box with defined edges. Treating text, images, and containers this way solves alignment and spacing problems, and it's item 18 on the presenter's 101-point checklist for functional design.
I'm working on this interface and I keep getting stuck on alignment and spacing. What am I missing? From this point forward, I want you to think of every single piece of interface as a box with a left, right, top and bottom edge. Wait. Everything? Text and images? Everything. Every string of text. Every folder that contains multiple elements, every image. And this is non negotiable. From now on, everything, and I mean everything, is a box. Okay, but how does that help with my alignment problems? Because it's going to make your life a million times easier. As an interface designer, everything is a box within a box within a box. This is number 18 on my UI checklist of 101 things to keep in mind when designing beautiful and functional interfaces. All right, I'll start thinking in boxes because.
