{"id":1864,"date":"2016-10-11T09:00:44","date_gmt":"2016-10-11T09:00:44","guid":{"rendered":"https:\/\/getstencil.com\/blog\/?p=1864"},"modified":"2018-02-27T00:46:12","modified_gmt":"2018-02-27T00:46:12","slug":"align-success-stencils-grid-feature","status":"publish","type":"post","link":"https:\/\/getstencil.com\/blog\/align-success-stencils-grid-feature\/","title":{"rendered":"Align for Success: Using Stencil’s Grid Feature"},"content":{"rendered":"

\"stencil.blog-post-feature\"<\/p>\n

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\u00a0how to improve your visual content for Instagram<\/a> and how to make great\u00a0color schemes in Stencil<\/a>. This time, we\u2019ll dig a bit deeper by showing you easy steps to keep your visual content aligned for success.<\/p>\n

<\/p>\n

 <\/p>\n

On the grid: easy ways to keep your content aligned for success<\/h2>\n

1. Pick a Platform<\/strong><\/p>\n

\"Screen<\/p>\n

Before you start, make sure you\u2019re formatting your image for the specific platform you\u2019re posting on. Go to the drop menu below the image bottom left-hand side of the image and choose the right platform.\u00a0Now toggle the grid feature on by selecting the small box with grid lines to the right of the image.\u00a0<\/span><\/p>\n

2. Proximity<\/strong><\/p>\n

\"How<\/p>\n

Group similar elements together to boost the\u00a0readability of your image. Doing so will help guide readers to different pieces of information in your image.\u00a0<\/span><\/p>\n

3.\u00a0<\/strong>Hierarchy<\/b><\/p>\n

\"How<\/p>\n

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 \u201cimage\u201d or element in a content.\u00a0<\/span><\/p>\n

4. Alignment<\/strong><\/p>\n

\"How<\/p>\n

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.<\/span><\/p>\n

5. White Space<\/strong><\/p>\n

\"How<\/p>\n

Last but not least, use the grid to help gauge how much white space you have.\u00a0The 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.\u00a0<\/span><\/p>\n

6. Facebook Ad Usage<\/strong><\/p>\n

\"Facebook<\/p>\n

The general rule of thumb for Facebook ad images<\/a> 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<\/a>, product images, games, and event posters.<\/p>\n

Recap<\/h2>\n

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<\/strong>. When you have this goal set, proximity<\/strong> will help define your message for viewers.\u00a0Next, tweak the important elements of your content with a visual hierarchy<\/strong>. Play with alignment<\/strong> to add style to your image. Make sure you have some white space<\/strong> in your content to help readability. Finally, take advantage of the grid feature to use in Facebook ads<\/strong>.<\/p>\n

Are you using the Stencil grid feature? Let us know in the comments.<\/p>\n

\"Align<\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

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\u00a0how to improve your visual content for Instagram and how to make great\u00a0color schemes in Stencil. This time, we\u2019ll dig a bit […]<\/p>\n","protected":false},"author":2,"featured_media":3017,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[2,4],"tags":[203,60,204,205,202],"class_list":{"0":"post-1864","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-creativity","8":"category-social-media","9":"tag-alignment","10":"tag-facebook-ads","11":"tag-hierarchy","12":"tag-proximity","13":"tag-white-space","14":"entry"},"yoast_head":"\nAlign for Success: Using Stencil's Grid Feature | Stencil<\/title>\n<meta name=\"description\" content=\"Using a grid is a great way to make better visual content. Check out these easy ways to use Stencil's grid feature in order to make better content.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/getstencil.com\/blog\/align-success-stencils-grid-feature\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Align for Success: Using Stencil's Grid Feature | Stencil\" \/>\n<meta property=\"og:description\" content=\"Using a grid is a great way to make better visual content. Check out these easy ways to use Stencil's grid feature in order to make better content.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/getstencil.com\/blog\/align-success-stencils-grid-feature\/\" \/>\n<meta property=\"og:site_name\" content=\"Stencil\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/GetStencil\/\" \/>\n<meta property=\"article:published_time\" content=\"2016-10-11T09:00:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-02-27T00:46:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/getstencil.com\/blog\/wp-content\/uploads\/2016\/10\/Align-for-Success.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1323\" \/>\n\t<meta property=\"og:image:height\" content=\"652\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Adam Rotman\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@getstencil\" \/>\n<meta name=\"twitter:site\" content=\"@getstencil\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Adam Rotman\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/getstencil.com\/blog\/align-success-stencils-grid-feature\/\",\"url\":\"https:\/\/getstencil.com\/blog\/align-success-stencils-grid-feature\/\",\"name\":\"Align for Success: Using Stencil's Grid Feature | Stencil\",\"isPartOf\":{\"@id\":\"https:\/\/getstencil.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/getstencil.com\/blog\/align-success-stencils-grid-feature\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/getstencil.com\/blog\/align-success-stencils-grid-feature\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/getstencil.com\/blog\/wp-content\/uploads\/2016\/10\/Align-for-Success.png\",\"datePublished\":\"2016-10-11T09:00:44+00:00\",\"dateModified\":\"2018-02-27T00:46:12+00:00\",\"author\":{\"@id\":\"https:\/\/getstencil.com\/blog\/#\/schema\/person\/bfc291a016653e0cbee0d1902eac8629\"},\"description\":\"Using a grid is a great way to make better visual content. Check out these easy ways to use Stencil's grid feature in order to make better content.\",\"breadcrumb\":{\"@id\":\"https:\/\/getstencil.com\/blog\/align-success-stencils-grid-feature\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/getstencil.com\/blog\/align-success-stencils-grid-feature\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/getstencil.com\/blog\/align-success-stencils-grid-feature\/#primaryimage\",\"url\":\"https:\/\/getstencil.com\/blog\/wp-content\/uploads\/2016\/10\/Align-for-Success.png\",\"contentUrl\":\"https:\/\/getstencil.com\/blog\/wp-content\/uploads\/2016\/10\/Align-for-Success.png\",\"width\":1323,\"height\":652,\"caption\":\"Align for Success with Stencil's Grid Feature\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/getstencil.com\/blog\/align-success-stencils-grid-feature\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/getstencil.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Align for Success: Using Stencil’s Grid Feature\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/getstencil.com\/blog\/#website\",\"url\":\"https:\/\/getstencil.com\/blog\/\",\"name\":\"Stencil\",\"description\":\"Stencil Blog - Graphic Design For Social Media Blog | Stencil\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/getstencil.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/getstencil.com\/blog\/#\/schema\/person\/bfc291a016653e0cbee0d1902eac8629\",\"name\":\"Adam Rotman\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/getstencil.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c8098ed4c9abc956b220d02f66a7dbad?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c8098ed4c9abc956b220d02f66a7dbad?s=96&d=mm&r=g\",\"caption\":\"Adam Rotman\"},\"description\":\"Adam is the co-founder of Stencil and loves helping businesses solve problems, designing user experiences and spending Saturday mornings on the golf course.\",\"sameAs\":[\"https:\/\/getstencil.com\"],\"url\":\"https:\/\/getstencil.com\/blog\/author\/adam\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Align for Success: Using Stencil's Grid Feature | Stencil","description":"Using a grid is a great way to make better visual content. Check out these easy ways to use Stencil's grid feature in order to make better content.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/getstencil.com\/blog\/align-success-stencils-grid-feature\/","og_locale":"en_US","og_type":"article","og_title":"Align for Success: Using Stencil's Grid Feature | Stencil","og_description":"Using a grid is a great way to make better visual content. Check out these easy ways to use Stencil's grid feature in order to make better content.","og_url":"https:\/\/getstencil.com\/blog\/align-success-stencils-grid-feature\/","og_site_name":"Stencil","article_publisher":"https:\/\/www.facebook.com\/GetStencil\/","article_published_time":"2016-10-11T09:00:44+00:00","article_modified_time":"2018-02-27T00:46:12+00:00","og_image":[{"width":1323,"height":652,"url":"https:\/\/getstencil.com\/blog\/wp-content\/uploads\/2016\/10\/Align-for-Success.png","type":"image\/png"}],"author":"Adam Rotman","twitter_card":"summary_large_image","twitter_creator":"@getstencil","twitter_site":"@getstencil","twitter_misc":{"Written by":"Adam Rotman","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/getstencil.com\/blog\/align-success-stencils-grid-feature\/","url":"https:\/\/getstencil.com\/blog\/align-success-stencils-grid-feature\/","name":"Align for Success: Using Stencil's Grid Feature | Stencil","isPartOf":{"@id":"https:\/\/getstencil.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/getstencil.com\/blog\/align-success-stencils-grid-feature\/#primaryimage"},"image":{"@id":"https:\/\/getstencil.com\/blog\/align-success-stencils-grid-feature\/#primaryimage"},"thumbnailUrl":"https:\/\/getstencil.com\/blog\/wp-content\/uploads\/2016\/10\/Align-for-Success.png","datePublished":"2016-10-11T09:00:44+00:00","dateModified":"2018-02-27T00:46:12+00:00","author":{"@id":"https:\/\/getstencil.com\/blog\/#\/schema\/person\/bfc291a016653e0cbee0d1902eac8629"},"description":"Using a grid is a great way to make better visual content. Check out these easy ways to use Stencil's grid feature in order to make better content.","breadcrumb":{"@id":"https:\/\/getstencil.com\/blog\/align-success-stencils-grid-feature\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/getstencil.com\/blog\/align-success-stencils-grid-feature\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/getstencil.com\/blog\/align-success-stencils-grid-feature\/#primaryimage","url":"https:\/\/getstencil.com\/blog\/wp-content\/uploads\/2016\/10\/Align-for-Success.png","contentUrl":"https:\/\/getstencil.com\/blog\/wp-content\/uploads\/2016\/10\/Align-for-Success.png","width":1323,"height":652,"caption":"Align for Success with Stencil's Grid Feature"},{"@type":"BreadcrumbList","@id":"https:\/\/getstencil.com\/blog\/align-success-stencils-grid-feature\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/getstencil.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Align for Success: Using Stencil’s Grid Feature"}]},{"@type":"WebSite","@id":"https:\/\/getstencil.com\/blog\/#website","url":"https:\/\/getstencil.com\/blog\/","name":"Stencil","description":"Stencil Blog - Graphic Design For Social Media Blog | Stencil","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/getstencil.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/getstencil.com\/blog\/#\/schema\/person\/bfc291a016653e0cbee0d1902eac8629","name":"Adam Rotman","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/getstencil.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c8098ed4c9abc956b220d02f66a7dbad?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c8098ed4c9abc956b220d02f66a7dbad?s=96&d=mm&r=g","caption":"Adam Rotman"},"description":"Adam is the co-founder of Stencil and loves helping businesses solve problems, designing user experiences and spending Saturday mornings on the golf course.","sameAs":["https:\/\/getstencil.com"],"url":"https:\/\/getstencil.com\/blog\/author\/adam\/"}]}},"_links":{"self":[{"href":"https:\/\/getstencil.com\/blog\/wp-json\/wp\/v2\/posts\/1864"}],"collection":[{"href":"https:\/\/getstencil.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/getstencil.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/getstencil.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/getstencil.com\/blog\/wp-json\/wp\/v2\/comments?post=1864"}],"version-history":[{"count":15,"href":"https:\/\/getstencil.com\/blog\/wp-json\/wp\/v2\/posts\/1864\/revisions"}],"predecessor-version":[{"id":3022,"href":"https:\/\/getstencil.com\/blog\/wp-json\/wp\/v2\/posts\/1864\/revisions\/3022"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/getstencil.com\/blog\/wp-json\/wp\/v2\/media\/3017"}],"wp:attachment":[{"href":"https:\/\/getstencil.com\/blog\/wp-json\/wp\/v2\/media?parent=1864"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/getstencil.com\/blog\/wp-json\/wp\/v2\/categories?post=1864"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/getstencil.com\/blog\/wp-json\/wp\/v2\/tags?post=1864"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}