• Skip to primary navigation
  • Skip to main content

Stencil

Stencil Blog - Graphic Design For Social Media Blog | Stencil

  • Back to Stencil
  • Login
  • Get started with Stencil
Hide Search

Align for Success: Using Stencil’s Grid Feature

By Adam Rotman on October 11, 2016 No Comments

stencil.blog-post-feature

Looking to make social posts that wow your readers? Using Stencil’s grid feature to improve your visual content is the way to go. This blog post builds upon the previous posts we’ve shared including how to improve your visual content for Instagram and how to make great color schemes in Stencil. This time, we’ll dig a bit deeper by showing you easy steps to keep your visual content aligned for success.

 

On the grid: easy ways to keep your content aligned for success

1. Pick a Platform

Screen Shot 2016-10-05 at 1.50.56 PM

Before you start, make sure you’re formatting your image for the specific platform you’re posting on. Go to the drop menu below the image bottom left-hand side of the image and choose the right platform. Now toggle the grid feature on by selecting the small box with grid lines to the right of the image. 

2. Proximity

How to Use Stencil's Grid Feature

Group similar elements together to boost the readability of your image. Doing so will help guide readers to different pieces of information in your image. 

3. Hierarchy

How to Use Stencil's Grid Feature

Use the grid to help resize text. Doing this will help your audience read the important elements first. For example, an event name should be the predominant “image” or element in a content. 

4. Alignment

How to Use Stencil's Grid Feature

While your first instinct may be to put text in the center of an image, try using our grid to get a bit more creative. Whether you choose to bank text to the left or right, align symmetrically to keep your content nice and buttoned up.

5. White Space

How to Use Stencil's Grid Feature

Last but not least, use the grid to help gauge how much white space you have. The image above shows how the grid can help give perspective to how much of your content is being taken up by text or other elements. 

6. Facebook Ad Usage

Facebook ad image with gridlines

The general rule of thumb for Facebook ad images is the ‘less is more’ concept. Make sure there’s less than 20% of text on the image. You can check the ad image with the Stencil grid. If the text is within 5 grid boxes then you’re set and will most likely get Facebook approved. There are some exceptions like book covers, product images, games, and event posters.

Recap

Stencil’s grid feature is the easiest way to see how your content is being effected by images and text. Start by picking a social platform. When you have this goal set, proximity will help define your message for viewers. Next, tweak the important elements of your content with a visual hierarchy. Play with alignment to add style to your image. Make sure you have some white space in your content to help readability. Finally, take advantage of the grid feature to use in Facebook ads.

Are you using the Stencil grid feature? Let us know in the comments.

Align for Success with Stencil's grid feature #visualcontent

 

Creativity, Social Media alignment, Facebook ads, hierarchy, proximity, white space

About Adam Rotman

Adam is the co-founder of Stencil and loves helping businesses solve problems, designing user experiences and spending Saturday mornings on the golf course.

Reader Interactions

Leave a Reply Cancel reply

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

Company
About Careers Press Pricing Customer Love Blog Partners
Features
Photos Icons Templates Instant Resizing Preset Sizes Google Fonts Font Uploads Color Picker Image Cropping Photo Adjustments Filters Facebook Ad Grid Safe Areas
Social Sharing Instagram SMS Schedule High-Res Downloads Live Previews Bit.ly Links Image Uploads Logos / Watermarks Favorites Collections Safe Areas Color Picker Bit.ly Links
Info
Templates FAQ Fun Stats Integrations Canva vs. Stencil Crello vs. Stencil Easil vs. Stencil Photoshop vs. Stencil PicMonkey vs. Stencil Facebook Cover Photos Twitter Cover Photos YouTube Channel Art T-Shirt Designs Zoom Virtual Backgrounds Use Cases Affiliate Program Social Image Size Guide
Support
Help Contact us Terms of Use Privacy Policy
Apps
Stencil for Web Stencil for Chrome Stencil for Firefox Stencil for WordPress
Namecheap Visual

Stencil - All rights reserved © 2022

Copyright © 2025 · Stencil