X
Think Differently. Think Visually. Receive weekly expert tips on becoming a better visual
commmunicator, right in your inbox.


Please leave this field empty.

We’re stingy and don’t share emails with anyone.

Written by: Carolina Marquez

January 16, 2015

How to Properly use Margins and Spacing in design

Featured

Spacing and Margins are one of the key secrets experienced designers use to create clean well balanced design.  The fact is the principles are quite simple where anyone can follow and drastically improve their visual content.


Margins, Trim Marks and Bleeds.


Everything starts with your stage area.  This is the real estate where you place your content and graphics and utilizing this area is an important part of the design process.   Margins, trim areas and bleeds are key to ensuring you create content within the parameters of this area.

Although trim and bleeds are often terms used in designing for print, they still can come in handy for on screen use as well.

Let’s briefly go over these criteria.  The first thing you want to note is that there are error margins depending on the printer.  As the designer you need to be aware of these requirements (which your printer can provide) and abide by those guidelines.   As a rule of thumb try to keep your content at least 1/4″ away from the Bleed area.

You can see below the Bleed, Trim Mark and Margin areas below:

Margins1

The Bleed area consists of anything that goes beyond our Margins and Trim Marks.   The reason we need to do this to make sure we don’t have any blanks in our borders. A background color, for example, is a very common bleed.   As a tip you want to have your background exceed the bleed area by about an 1/8″ of an inch (of course you can do more but it is not necessary)

Bleed

The Trim Marks are basically the guides you provide to the printer on where to cut our design. You need to place both vertical and horizontal marks to make sure the cutting process is done correctly.    In short let’s say you have a business card being printed;  often these are printed on large sheets and after the printing they are cut.

Avoiding having your content exceed past the trim marks will prevent your content from being potentially cut out of the design area.

Trim

The Margins are the spaces we leave between the important elements of our design and the cut line. We need to make sure we leave space since cutting is not an exact science, and this can bring some errors on our final product. We need to leave at least 3 to 5 mm distance (or about 10-15 pixels) between the important elements of our designs and the cutting line.

Aside from print, Margins are essential to clean design.  Having content (such as text) too close to edge of your design can look unprofessional.

Margins


Spacing


The vertical spacing between our text lines is called interlined or spacing, this is measured from the base of one line to the base of the line above.

The spacing is an important characteristic that affects text readability. Most design software applies an automatic spacing equivalent to 120% of the text size. This means that a 10-point text will have a 12-point spacing, and a 20-point text will have a 24-point spacing.

This is a good rule to follow if you’re just started in graphic design.

Spacing

In longer lines it’s recommended to apply a bigger spacing, because when lines are too close to each other the human eye can lose track of the text, and it’s hard to know where a line ends and the next one starts.

On the other hand, on short lined text it’s better to reduce the spacing. This also applies to texts that are meant to be read on computer screens (websites or blogs for example).

As a rule of thumb increases in the spacing allows for better text readability, and overall a better user experience.

90% of all information transmitted to our brains is visual.
People remember...
Become a more effective visual communicator. With Visme, you can create, share or download your visuals with no design training. It's free! Take a tour.

Warning: Invalid argument supplied for foreach() in /home/vismeco/public_html/blog/wp-content/themes/blog/single.php on line 644



We’re stingy and don’t share emails with anyone.

About the Author

Caro is a internet marketer, blogger and a design enthusiast. She joined the Visme.co team on 2014, and she's been working with the tool ever since! She likes to share tips and tricks to make design and marketing easy and reachable for anyone!

6 responses to “How to Properly use Margins and Spacing in design”

  1. I work inan interior design and furniture industry.

    This is a very nice, informative and fun to read article.

    Thank You.

  2. […] Margins and Spacing in Design and Print – Spacing and Margins are one of the key secrets experienced designers use to create clean well balanced design. The fact is the principles are quite simple where anyone can follow and drastically improve their visual content. […]

  3. Just wanted to say I love reading through your blog and look forward to all your posts! Carry on the excellent work!

  4. Anonymous says:

    Hello There. I discovered your weblog using msn. This is an extremely well
    written article. I’ll be sure to bookmark it and come back to learn more of your helpful information. Thanks for the post.
    I will definitely comeback.

  5. VSGFX says:

    Nice, definitely an informative article and a must-read for novice designers who need to master such a basic yet very critical skill. Well done! =)

Leave a Reply

Your email address will not be published. Required fields are marked *

Create Better Visual Content

Want to access these new features now? Start creating engaging content within minutes with our easy drag-and-drop software. Access 100+ beautiful templates, 100+ free fonts and millions of images and icons right now.