Scribd
Upload
3 views8 pages

Use Spacing Like a Pro

The document provides UI and UX design tips from Hamad Tanveer, emphasizing the importance of using spacing, increments, and white space in designs. It includes practical advice on maintaining vertical rhythm and optimal line height for better readability. The content aims to enhance design harmony and accessibility for users.

Uploaded by

Sebastián Gomez
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
3 views8 pages

Use Spacing Like a Pro

The document provides UI and UX design tips from Hamad Tanveer, emphasizing the importance of using spacing, increments, and white space in designs. It includes practical advice on maintaining vertical rhythm and optimal line height for better readability. The content aims to enhance design harmony and accessibility for users.

Uploaded by

Sebastián Gomez
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 8

Hamad Tanveer UI & UX

Use Spacing

Like a pro
4x
Pro (6 months) 40% OFF
8
$21/mo x
Paid yearly
5x
HD video content
Certificate of completion
2x
Mentorship from codedamn staff
8x

Current plan

4x

1/8 Swipe
Hamad Tanveer UI & UX

Tip 1

Use Increaments
4x
Pro (6 months) 40% OFF
8
$21/mo x
Paid yearly
5x
HD video content
Certificate of completion
2x
Mentorship from codedamn staff
8x

Current plan

4x

Keep the harmony in your designs by using



increments of a base unit.

2/8 Swipe
Hamad Tanveer UI & UX

Tip 2

Always Start With Too


Much White Space
It's easier to reduce than add.

Celine Follow
Official brand

Celine Follow
Official brand

3/8 Swipe
Hamad Tanveer UI & UX

Pro tip

Change ‘Big Nudge’


Change default value from 10 to 8

4/8 Swipe
Hamad Tanveer UI & UX

Tip 3

"Unbox" Products From


Photos To Add Spacing

Smartphone Smartphone

Iphone 14 pro max Iphone 14 pro max


$1100 $1500 $1100 $1500

+ Add + Add

5/8 Swipe
Hamad Tanveer UI & UX

Tip 4

Vertical Rhythm

Minimal chair Minimal chair


The universe how far away concept of 2x

the number one Cambrian explosion The universe how far away concept of
the number one Cambrian explosion
The universe how far away concept of x
The universe how far away concept of
the number one Cambrian explosion
the number one Cambrian explosion

Arrange elements by the vertical axis to create

consistency and harmony.

6/8 Swipe
Hamad Tanveer UI & UX

Tip 5

Line Height
This is a good example of

a line height for a header


110%

This is a bad example of a


140%

line height for a header

An optimal line height ensures better

readability and accessibility.

7/8 Swipe
Hamad Tanveer UI & UX

Did you find this

post useful?
Let me know in the comment

Hamad Tanveer

8/8 Save Post

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy