UI cheat sheet: Spacing friendships - Deepstash
Product Management Essentials

Learn more about product with this collection

Essential product management skills

How to work effectively with cross-functional teams

How to identify and prioritize customer needs

Product Management Essentials

Discover 57 similar ideas in

It takes just

8 mins to read

1. Why is spacing important?

When you improve your spacing, the following happens:

  • It is easier for users to consume the content.
  • It creates a hierarchy of information that relays importance to the user.
  • It creates consistency throughout your designs.
  • It just looks better.

3

4 reads

2. An introduction to point grids

The 8Pt grid allows you to use multiples of 8 to space elements in your design. These units include 0, 8, 16, 32, 64, etc. The advantage of the 8Pt grid is that there are fewer numbers to work with. The benefit of the 4Pt grid is that there are more numbers to work with, making it easier to create tighter designs. The 8Pt grid allows you to use multiples of 8, including 0, 4, 8, 12, 24, 32, 64, 72, etc. If you want to

3

3 reads

3. Spacing friendships

The more familiar the two aspects are, the closer they are together. Conversely, the less friendly they are, the further apart. If you break up elements into different friend groups, you can decide on how ‘ friendly’the elements are to each other based on how related they are. If a class is a friends group, a page layout is a class. Everyone is together, but only some are friends. If you break the rules,

2

3 reads

4. The three Cs of spacing

Containers (includes cards, modals, pages, etc.) should have the largest spacing value. As an example, Godbole uses 16pts as her largest value.

Content (includes headers, paragraphs, tables, etc.) is about spacing your typography correctly. The height of headings, paragraphs, and the space between them should all be taken into account and spaced.

Components (includes buttons, input fields, icons, etc.) is about the spacing between your smaller components and inside of them, for example, the spacing inside and around your button.

2

2 reads

CURATED BY

joannata

Field seismologist

stash-superman-illustration

Explore the World’s

Best Ideas

200,000+ ideas on pretty much any topic. Created by the smartest people around & well-organized so you can explore at will.

An Idea for Everything

Explore the biggest library of insights. And we've infused it with powerful filtering tools so you can easily find what you need.

Knowledge Library

Powerful Saving & Organizational Tools

Save ideas for later reading, for personalized stashes, or for remembering it later.

# Personal Growth

Take Your Ideas

Anywhere

Organize your ideas & listen on the go. And with Pro, there are no limits.

Listen on the go

Just press play and we take care of the words.

Never worry about spotty connections

No Internet access? No problem. Within the mobile app, all your ideas are available, even when offline.

Get Organized with Stashes

Ideas for your next work project? Quotes that inspire you? Put them in the right place so you never lose them.

Join

2 Million Stashers

4.8

5,740 Reviews

App Store

4.7

72,690 Reviews

Google Play

Shankul Varada

Best app ever! You heard it right. This app has helped me get back on my quest to get things done while equipping myself with knowledge everyday.

samz905

Don’t look further if you love learning new things. A refreshing concept that provides quick ideas for busy thought leaders.

Ashley Anthony

This app is LOADED with RELEVANT, HELPFUL, AND EDUCATIONAL material. It is creatively intellectual, yet minimal enough to not overstimulate and create a learning block. I am exceptionally impressed with this app!

Sean Green

Great interesting short snippets of informative articles. Highly recommended to anyone who loves information and lacks patience.

Ghazala Begum

Even five minutes a day will improve your thinking. I've come across new ideas and learnt to improve existing ways to become more motivated, confident and happier.

Giovanna Scalzone

Brilliant. It feels fresh and encouraging. So many interesting pieces of information that are just enough to absorb and apply. So happy I found this.

Laetitia Berton

I have only been using it for a few days now, but I have found answers to questions I had never consciously formulated, or to problems I face everyday at work or at home. I wish I had found this earlier, highly recommended!

Jamyson Haug

Great for quick bits of information and interesting ideas around whatever topics you are interested in. Visually, it looks great as well.

Read & Learn

20x Faster

without
deepstash

with
deepstash

with

deepstash

Access to 200,000+ ideas

Access to the mobile app

Unlimited idea saving & library

Unlimited history

Unlimited listening to ideas

Downloading & offline access

Personalized recommendations

Supercharge your mind with one idea per day

Enter your email and spend 1 minute every day to learn something new.

Email

I agree to receive email updates