Rulers and guides are among the most important features for a designer. Properly positioning your elements on your canvas can make the difference between a basic design and a neat, professional one.
They help you align your elements as you wish, with pixel-perfect precision, so they are among the most effective ways to design visually accurate banners.
If you struggle with getting your elements aligned or correctly placing your texts and images to maximize your designs impact, this new feature is for you!
We’re proud to introduce the ruler and guides, now available in Bannersnack.
Stick with us to find out how to use the new feature in Bannersnack, what’s the importance of the ruler and guides, how to snap your elements to the grids and what are the best practices in the design industry.
You’ll be able to use our new feature like a pro in no time, and make your designs stand out and convert!
How to turn on the ruler
The ruler works just like its name suggests, helping you measure your canvas and place your grids.
Once you log in and open your design, you’ll find the ruler button on the top-right corner. Turn it on by clicking it, and you’ll see the horizontal and vertical rulers in pixels. This way, you’ll be able to measure your work with pixel perfect precision and use it to set your guides at the desired places.
How to use the guides
The guides are simple design markers that help you align your elements. If you are a pro designer using Bannersnack, you’ve already been expecting this feature, and you sure know how to use it. But if you are using guides for the first time, here are some best practices and tips to guide you.
So, let’s proceed and see a detailed step by step guide on how to use the guides in Bannersnack.
1. How to add a guide
Adding a guide is as simple as a drag and drop move. Once you decided what guides you need to make your design stand out, you can proceed to add yours. To add a guide to your layout in Bannersnack, merely open the ruler and drag a guide to your document wherever you need it. Use the ruler to measure where you need to place your grids according to what you need in your design.
2. How to move a guide
You can move your guides anywhere you need with pixel perfect precision, just by selecting and dragging them until you reach the desired numerical value on the ruler.
3. How to remove or hide your guides
To remove your guides, use the delete option or just drag & drop them to the exterior of your design.
If you only want to hide them to see a preview of your design and you need to use your guides again later, use the hide ruler option. Don’t worry, if you use this option, your guides are not lost, you can just turn the ruler on again to find them.
4. How to use the snapping option
The snapping option is one of the best parts of this feature! With its aid, you can align objects with a simple drag and drop; when an element of your choice gets close to one of your guides, it sticks to it like iron to a magnet. Once aligned to the grid, your object will pop into place and stick to it.
After the object aligns to one of your guides, you have the option to move it along that line to snap it into place with other guides, too. If you don’t want an object aligned with a specific guide, just keep moving it to let go of the guide as soon as you walk it far enough
5. How to divide your canvas or create photo collages
With the new guides, it’s never been easier to create photo collages or to distribute your canvas into equal parts and align your images.
To create a photo collage, all you have to do is put your grids in place at the same distance from the margins and each other, then align your photos to make them stick to the guides.
The same rules apply to whenever you need to divide your canvas to make your design pop. For example, you can easily create a banner that contains a ⅓ image and ⅔ text. Then mark the center of your text area to find a place to add the call to action button.
Ruler and Guides Best Practices in the Design Industry
If you are in the design world, you must know there are some best practices to help you use the guides most efficiently. But if you’re new to this, check this out, we listed some of the most important ones to help you get started.
- Set 4 guides as a proportional frame, and don’t let any element exceed it (except the background, of course)
- Set guides to mark the center of your design, this will help you align your elements in any stage of the design.
- Be consistent! Align elements according to one main element in your design by using guides.
- Reposition your elements to align them after each review or change. Sometimes, even small changes can get your elements unaligned, making your entire design look sloppy. Guides are forcing you to realign each item after you made minor changes.
As you can see, rulers and guides have numerous options and can make your life a whole lot easier when it comes to design.
Use our Bannersnack feature for more accurate placement and design like a pro!
Get industry news, studies, how-to articles, exclusive Bannersnack offers and product updates every other week.