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 20, 2015

5 ways to use Alignment to create more professional content

Featured

In order to create professional graphics, you want to have a clear understanding of the basics of alignment distribution of elements across the real estate of your canvas area.

In this article we’re going to explore each one of this tactics so you can use them to create better content:


Proximity and Alignment Principles


It’s easy to randomly place objects and text on your canvas,  but the principles of proximity and alignment advice otherwise.

The Proximity principle states that we perceive elements close to each other as a unit, on the other hand, elements far from each other are perceived as different or separate, while on the other hand the Alignment principle states that no element should be placed without a clear thought and logic.

The next time you position objects on your design, make sure to keep the proximity and alignment principles in mind.   The example below shows two lines of text within a close proximity.   You don’t have to necessarily force your elements to touch to keep them connected as a unit.

Trim


Spacing


We just published an article about the importance of spacing and margins.  Without going into too much details, a rule of thumb is to keep spacing consistent.

This means that having different spacing points between lines of text is going to make the design look messy and hard to read.  Make sure you apply the same points to the overall text for a clean and uncluttered look.  For example in example below the three lines have a relation to each other, therefore the spacing between each is fairly consistent.

Happens


Find your core


You should have both horizontal and vertical guidelines to help you to align your elements correctly.

This doesn’t means you have to center everything.  You can place the axis wherever you want, just make sure that you follow through.

Life


Combine your text with the background


It’s often easier to adapt your text to the background than adapting the background to the text.

As a result you would want to align text (and other elements) to the background you’re using.  In the example below the horizon of the ocean is used as a guide for placement of the text while the sky serves as the real estate of the text versus having placed the text directly over the waves would have made it difficult to read.

Limit


Use shapes to create focus


If you can’t do it with the background, align other elements to support and emphasize your text / message.

Remember to find elements that go with your design to keep an overall consistency in your design.   You can utilize icons, arrows and glyphs thousands of which are available on Visme.    But don’t over do the use of icons and shapes;  enough to support your content and not too much where you overtake and reduce the impact of your statement.

Happy

What do you think? Have any other tips you want to recommend? We’ll love to hear from you!

 

 

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!

2 responses to “5 ways to use Alignment to create more professional content”

  1. Biju says:

    Excellent another one… I think these are skills many graphic designers overlook early on.

  2. Luis Eduardo says:

    Muy enriquecedor la información y los ejemplos gráficos. Me gusto, espero tenerlos en cuenta.

    Saludos.

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.