UI cheat sheet: Spacing friendships - Deepstash
UI cheat sheet: Spacing friendships

UI cheat sheet: Spacing friendships

Curated from: uxdesign.cc

Ideas, facts & insights covering these topics:

4 ideas

·

21 reads

Explore the World's Best Ideas

Join today and uncover 100+ curated journeys from 50+ topics. Unlock access to our mobile app with extensive features.

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

7 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

4 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,

3

6 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

4 reads

IDEAS CURATED BY

joannata

Field seismologist

Joanna Tapia's ideas are part of this journey:

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

Related collections

Read & Learn

20x Faster

without
deepstash

with
deepstash

with

deepstash

Personalized microlearning

100+ Learning Journeys

Access to 200,000+ ideas

Access to the mobile app

Unlimited idea saving

Unlimited history

Unlimited listening to ideas

Downloading & offline access

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