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
8 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
Joanna Tapia's ideas are part of this journey:
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
Similar ideas
14 ideas
14 ideas
11 Graphic Design Skills That Employers Want To See
shillingtoneducation.com
7 ideas
7 Practical Tips for Cheating at Design
medium.com
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.
I agree to receive email updates