Photography and Visuals

Creating Simple Graphics for Posts

Basic layout principles for non-designers: use one message, strong contrast, readable type and ample space to make clean graphics for your posts.

On this page
  1. Start With One Message
  2. Basic Layout Principles
  3. Text: Fewer Words, Larger Size
  4. Images and Icons
  5. Size and Format
  6. Tools
  7. Accessibility
  8. A Short Review Checklist

Start With One Message

A graphic for a post has a short window. People scroll quickly, and an image has a moment to communicate before they move on. The simplest improvement a non-designer can make is to give each graphic a single job: one quote, one announcement, one tip, one number.

If you find yourself fitting three ideas into one image, split them into separate graphics or put the extra detail in the post text. A graphic does not have to carry the whole message. It can work as a hook that makes the text easier to notice.

Whether a graphic improves how many people respond to a post is hard to know in advance and varies by audience, so think of this as a way to be clearer, not as a guaranteed boost.

Basic Layout Principles

You do not need a design degree to apply a few reliable principles.

Hierarchy

Hierarchy means the viewer knows what to read first. Make the most important text clearly larger or bolder than the rest. A typical simple structure is:

  1. A headline or key phrase, large
  2. A line of supporting text, smaller
  3. Your name or website, small, in a corner or at the bottom

If everything is the same size, nothing stands out.

Contrast

Text needs to be easy to read against its background. Dark text on a light background, or light text on a dark background, works well. Be careful with text placed over photos, since busy areas make letters hard to see. A solid or softly darkened area behind the text, or a photo with a quiet region, helps.

White space

White space, also called negative space, is the empty area around elements. It is not wasted. Leaving room around text and images makes the layout feel calmer and more professional. Crowded designs tend to look amateur even when each piece is good.

Alignment

Line things up. Aligning text to the same left edge, or centering it all consistently, gives structure. Mixing alignments in a single graphic tends to look accidental.

Repetition

Using the same colors, fonts and layout across graphics makes them recognizable as yours. Reusing a template is easier than starting from scratch each time, and it contributes to brand consistency. Decisions about color and fonts are covered in their own article, so keep to your chosen set rather than trying new ones for each post.

Text: Fewer Words, Larger Size

Aim for a short sentence or two. If a quote runs long, consider trimming it or presenting it as post text instead. Choose a clear, readable font. A handful of words in large type is usually more effective than a paragraph in small type, which is difficult to read on a phone.

Images and Icons

If you use photos, choose images that clearly relate to your message and are of decent quality. Blurry or heavily compressed images look careless. Stretching an image out of proportion also looks off, so resize by dragging a corner, which keeps the shape.

Only use images you have the right to use. Pictures found through a web search are not automatically free to reuse, and the topic of image rights deserves care. Many tools include libraries with clear licensing terms, which can be safer, though you should still read the terms. Taking your own photos is a reliable option.

Size and Format

Different platforms display images in different shapes. Square and vertical formats are common on many social feeds, while wide formats suit blog headers. The recommended sizes change over time, so check the current guidance for the platform you use. Whatever the format:

  • Leave a margin so text does not get cut off at the edges.
  • Check how the graphic looks small. If you cannot read it on a phone, it is probably too detailed.
  • Export at a reasonable resolution so it does not look fuzzy.

Tools

Many free and low-cost tools offer templates, such as design apps, presentation software and the editors built into some platforms. Any of them can produce a decent result. A template is a good place to start, but resist the urge to fill every space. Remove elements until the graphic feels clear.

You can also make graphics in presentation software by creating a slide at the right dimensions and exporting it as an image. The same ideas you would use for slide design apply here.

Accessibility

Remember that not everyone can see the graphic. Put the key information in the post text as well, and add a short description using the alt text option where the platform provides one. Strong contrast also helps people with low vision or those reading in bright light.

A Short Review Checklist

Before you publish, ask:

  • Does the graphic make one point?
  • Can I read the main text at phone size?
  • Is the contrast strong?
  • Is there space around the elements?
  • Do the colors and fonts match my other materials?
  • Have I checked spelling and any numbers?
  • Do I have the right to use every image?

If every answer is yes, it is probably good enough. Good graphics are rarely perfect; they are clear. Publishing something clean and consistent regularly tends to serve you better than spending hours on a single complicated image.

Graphics also fit neatly into a wider plan for content repurposing, since a quote or tip from an article can become an image with little extra work. Keep claims in graphics accurate, since a short, punchy image leaves little room for nuance and can accidentally overstate things.

The complete guide to photography and visuals

Photography Basics for a Professional Image
Read the guide

Keep exploring

Guides from other topics

All topics →