This week, we discussed several articles on space in design. The article I connected with the most was Space in Design Systems by Nathan Curtis on Medium
There is a line drawn in the sand (or maybe code) between designers and developers. It’s often argued about but never directly discussed. SPACE! So much rage, frustration, and confusion is encapsilated by a single concept. You know what I’m talking about. But maybe there is a solution!
Space epitomizes the ‘I design this way, you build that way’ gap between design and dev. – Nathan Curtis
My Biggest Takeaways from the article:
Don’t Just Stop at Grids
A grid is a great place to start when it comes to space. Let’s be honest, a grid is all about space. But don’t stop there! All your components should be aligned for continuity’s sake in order to make for a stunning, and spacially balanced design.
Set Base Numbers and Limit How They’re Used
While this makes a lot of sense, but blows my mind with all the math required to do this. Once you get past all that, you’ll be able to see how using a base number (like 16, which he uses in the article) is a great idea for all screen resolutions!
Name Each Step so Your Team Will Remember It
This I get! By creating memorable names for your spacing systems, you are ensuring continuity with your team. Think of it like ordering coffee. If you go to Starbucks, you have Tall, Grande, Venti. If you go to McDonald’s, you have Small, Medium, Large. If you go to your local coffee shop, it could be something else entirely. This doesn’t help your average coffee drinker who just needs the caffeine fix! Now imagine all those coffee shops were on the same team. Wouldn’t it just be simpler for everyone if they just chose one sizing terminology? That’s what this step is asking you to do. Make it simple for everyone on your team to ensure continuity!
To be honest, this article gave me a lot to think about when it comes to design and layout. Being so new to this whole coding thing, I’ve never really considered spacing beyond the basic mechanics of it. It makes sense to create a standard if you are working with a team/company. You don’t want all your elements on a page to look sub-standard and all over the place, especially when you are trying to create a professional looking page. And who doesn’t want that?