- The purpose of alignment
- How to use grids to keep your content organized
- How to align your elements in one consistent way
Imagine walking into your kitchen and finding flour all over the counter, pots and pans all over the floor.
Sounds stressful right?
This feeling applies in design, too.
When the elements of your page are all over the place, it feels a bit stressful.
But when they are aligned, it feels just right.
Elements on your page shouldn’t really feel like they’re floating freeform on the design.
Usually, you kind of want to anchor them to each other, and, even if some designs you see might seem like they’re floating, it’s usually a designer has really considered how it actually anchors to a grid, which is like an invisible grid on the design.
So yeah, usually, I try to say to my designers: hey just try to, you know, move this a little bit to the left, anchor it to that shape, or, you know, that person’s face, or the edge of this photo. And it usually just polishes it up a little bit.
Alignment is actually something you deal with every day.
Whenever you type an email, the text is aligned to the left automatically.
You can choose to align everything to the left, to the right, or straight down the center.
Whichever way you choose, keep it consistent.
Imagine an invisible line across your page that protects your elements from going astray.
Like a force field. Use this to align the edge of one element with another.
If your design is simple like a social post, one line should do.
If you have a lot of content, try using a grid.
A grid is alignment’s best friend. It creates an underlying structure that helps arrange all of your design elements.
Alignment is all about attention to detail.
Ace it and your stressed-out layout will becomes zen in no time!