How to Use Visual Hierarchy to Create Beautiful Posts

Design is primarily about communication. That doesn’t mean that your custom-designed images do not have to be visually pleasing, but making them pretty isn’t the only goal. More important is to create them in a way that will communicate message clearly and focus viewers’ eyes on the intended first action you expect from them. One way to achieve that is to use principles of visual hierarchy that help you to organize fonts, colors, shapes and images in a way that will prioritize your message and highlight its most important parts. In order to make that happen you need to ask yourself where do you want your audience to look at first and what is the call-to-action you want to emphasize? If you skip that important step you will end up giving equal visual importance to all your elements and making everything look flat and equally (un) important. Once you have decided on your text let’s move to three basic principles that will help you achieve great visual hierarchy: size, color and contrast.

Size
The bigger the element the more importance it holds, is the simplest way to explain the principle of size. Our minds associate size with importance so if we make certain elements larger than others we help viewers to go through our composition and differentiate more important from less important information. In your social media the best way to execute this principle is to pay attention to font sizes of your title, subtitle and body copy in posts. The title is usually first thing people notice so it should stand out with larger font size or prominent font type. Subtitle and body copy follow in progressive order with smaller type sizes that should not be decorative or overly elaborate but rather simple, clean and easy to read.

Color
Colors evoke emotions and create a distinction between important and less important information. Our eyes are immediately drawn toward bold, contrasting pops of color so choosing them for your font color will highlight your message and focus our attention to it. Similarly, dull and pastel colors easily blend in and should be used for less important part of the information. Another way to show distinction is to match the color of text with most dominant, and preferably vibrant, color in the background image. It will bring life to your image and make it a dominant feature of your design.

Contrast
Dramatic shifts in color, text size or font type will grab the attention as they signal that something is different. You can try moving from light to dark colors of your text, mix between lighter and darker backgrounds or go from thin, italic serif font to a heavy modern sans serif font to show importance of information and develop hierarchy. Always remember that brighter colors and bigger font sizes should be left for words that are most important such as “sale” or “attention”.


Hope we have shown you how visual hierarchy can enable your design to tell a story and communicate the most important elements first. Make sure to test these tips with your next custom-designed image and let us at Content Creator know if we can help you in any way!