Step-by-step post

How to Design Social Media Posts: Graphic Design Guide

Graphic design and trends

|

|

6

6

min read

min read

|

|

You don't have to be a designer to create a neat post. In this guide, I'll walk you through the entire process: what to prepare once, how to put a post together in six steps, which tool to choose, and the most common mistakes I see, along with a solution for each.

You don't have to be a designer to create a neat post. In this guide, I'll walk you through the entire process: what to prepare once, how to put a post together in six steps, which tool to choose, and the most common mistakes I see, along with a solution for each.

Figma logo surrounded by 3D icons of popular social networks and applications
Figma logo surrounded by 3D icons of popular social networks and applications

Most people who run their company's social media profiles on their own have never studied design. They create posts between other tasks, in a tool they opened for the first time last week, and are often unsure why one post looks neat while another does not. The difference usually lies in a few simple rules and the order in which the post is put together.

This guide is a step-by-step process, from a blank canvas to the finished file. First, what needs to be prepared once, then the six steps of creating a post, followed by a comparison of tools and the most common mistakes I see, with a solution for each. The examples are from Instagram, but the same process applies to any network.

What you need to prepare before your first post

You do this once, and use it in every post. If you skip this part, every post will look like it comes from a different profile.

Visual identity in a nutshell

  • Logo: a version that is legible even when it is very small, for example in a profile picture or in the corner of a post.

  • Color palette: 3 to 5 colors. One or two primary colors, the rest for backgrounds, text, and accents.

  • Fonts: 2 to 3, one for headlines and one for text. Choose ones that are easy to read on a phone, and set decorative and very thin fonts aside.

Write this down in one place, even if it is in a plain document. Consistent use of the same colors and fonts is how the audience recognizes your posts, and it is also the foundation for branding on social networks.

Primer Instagram objava u istom vizuelnom stilu

Composition and hierarchy

Hierarchy is the answer to the question of where the reader looks first.

  • Focus point: every post has one main element. This can be a headline, a product photo, or a call to action (CTA), but not all three in the same size.

  • Balance and white space: arrange the elements so that nothing is crammed into one corner and leave white space around the text. A cluttered post gets skipped.

  • Rule of thirds: imagine a canvas divided into nine equal fields. Place the most important elements on the intersections of the lines, and the layout will look more dynamic than when everything is in the center.

Tipovi različitih kompozicija u dizajnu objave

Legibility

  • Contrast: dark text on a light background or vice versa. Combinations like yellow text on a white background cannot be read. If you are not sure, you can check the contrast of two colors in the free tool WebAIM Contrast Checker.

  • Font size: posts are viewed on a phone. If you cannot read the text when holding the phone at arm's length, make it larger or shorten it.

How to create a post in six steps

The order is important. Anyone who opens a tool first and starts arranging elements usually ends up with a post that does not have a clear message.

Step 1: determine the goal of the post

Before you open the tool, answer one question: what is this post supposed to achieve?

  • Education: advice, a short guide, or an infographic.

  • Inspiration: a quote or a good photo.

  • Sales: a photo of the product with one or two clear features.

  • Audience engagement: a question or a poll.

The message follows from the goal. Write it down in one sentence before you start designing. If it does not fit in one sentence, you have material for two posts or for a carousel.

Step 2: choose the format and dimensions

One image is enough for a single message. For a story or a guide in multiple parts, use a carousel (multiple images in a row), and for Story and Reels, use the vertical 9:16 format.

Wrong dimensions are noticed immediately: the network cuts off part of the image or text. The safest option is to choose a pre-made format for the specific network and type of post in the tool, because networks occasionally change supported aspect ratios, and tools keep track of that. Tools like Canva for social networks have ready-to-use templates with the exact dimensions.

One dimension is worth remembering: Instagram states that it displays photos in a width of up to 1080 pixels (Instagram Help Center). A square post is therefore 1080 x 1080 pixels, and there is no point in exporting wider files. I have listed the formats and dimensions for other networks, such as a Facebook cover photo or TikTok video, in the guide on design by networks.

Step 3: set the background and the main image

Start with a clean background: a color from your palette or a single high-quality photo. If you use a photo, make sure it is sharp and well-lit. If there is text over it, choose a part of the photo that is calm, or place a semi-transparent surface in the brand color under the text.

Step 4: add a headline and text

The headline is the largest element and should be understood at a glance: a few words, one font. If there is additional text, keep it short and noticeably smaller than the headline. Longer explanations belong in the caption of the post, not on the image.

Step 5: add a call to action and brand mark

Tell the reader what comes next: "Swipe left", "Link in bio", "Save this post". Sometimes an arrow is enough. Place the logo or website address discreetly, in one corner, always in the same place.

Carousel tip: on the first image, put a topic that promises something specific, for example "5 mistakes in preparing an offer", and on the next slides address them one by one. The same layout and an arrow on the edge of the slide help people keep swiping.

Step 6: check on your phone and export

Before publishing, look at the design on your phone, in its actual size. Check three things: can the headline be read without zooming in, is anything important too close to the edge, and is the main message clear. Export posts with text as PNG, and photos as high-quality JPG.

What is different with Story and Reels formats

  • Short duration: Stories are viewed briefly, so the message must be clear at first glance.

  • Less polishing: Stories can be more relaxed than a feed post. Polls, quizzes, and questions belong here naturally.

  • Safe zone: the profile name is at the top, and the response field is at the bottom. Keep key text in the middle of the screen.

  • Reels: the beginning of the video should immediately show the topic, and text on screen helps those who watch without sound.

Bezbedna zona za Instagram Story i Reels

Here I am focusing on creating a single post. I explained what changes when you publish the same content on Facebook, LinkedIn, or TikTok in a separate article on how to adapt design to each network.

Which tool to choose

You do not need Photoshop for social media posts. The choice of tool depends on how much control you want and how much time you have for learning.

Tool

Who it is for

Advantage

Limitation

Canva

Beginners and everyone who values speed

Ready-made templates and formats, works in browser and on phone

Templates are recognizable if you do not customize them to your brand

Adobe Express

Those who already use Adobe tools

Connected to Adobe fonts and photos

Less known, so it is harder to find tutorials in Serbian

Figma

Those who want full control over templates

Precise layout and components that change in one place

Takes time to learn, does not have ready-made templates for every network

Photoshop and Illustrator

Designers

Photo editing and custom illustrations

Paid and require serious learning

If you are just starting out, I recommend Canva. Save your colors, fonts, and brand logo in it, make two or three of your own templates, and use them to create all your posts. Detailed instructions are in the article how to use Canva for social networks.

Logo Canve i Adobe Expressa

Most common mistakes and how to fix them

Inconsistency

Blue today, red tomorrow, a different font every week. The audience then does not associate the posts with the same brand. Solution: write down your colors and fonts on one page and use only them.

Clutter

An attempt to fit everything you have to say into one post. Solution: one post, one message. The rest goes into the caption or into the next post.

Poor choice of fonts

Too many different fonts or fonts that are hard to read. Solution: maximum of 2 to 3 fonts, and when choosing between beautiful and legible, go with legible.

Text outside the safe zone

A headline that ends up under the profile name or the response field in the Story format. Solution: keep key text in the middle and preview the post on your phone before publishing it.

Blurry images

A photo downloaded from a chat message or enlarged beyond its actual size looks blurry. Solution: use original files and export in the full size of the format.

Start with one template

You do not have to become a designer to have a neat profile. Define your colors and fonts, make one template following the steps in this text, and use it for a few weeks. Only when that becomes your routine, add a second one. Consistency on social networks is noticed before a single highly successful post.

You can see what consistent visuals look like in practice in the Instagram campaigns I did for MerchKing.

Frequently Asked Questions

Frequently Asked Questions

In which format should I save the post: PNG or JPG?

For posts with text, icons, and flat colors, use PNG, as it preserves the sharp edges of the letters. For posts that are just photos, a high-quality JPG is sufficient, and the file size is smaller. For Instagram, there is no point in exporting wider than 1080 pixels.

When is Canva no longer enough?

For regular posts, Canva is sufficient for most people. Limitations are felt when you need your own illustration, more demanding photo editing, or a large template system used by multiple people. At that point, it makes sense to switch to Figma or Adobe tools, or hand that part of the job over to a designer.

How can my design for social media look professional?

Three things: consistency, simplicity, and quality. Use the same color palette and the same fonts in every post. Stick to one message per post and leave some whitespace around it. Use only high-resolution photos and icons.

What is visual identity and why is it important on social media?

Visual identity is a set of visual elements of your brand: logo, colors, fonts, and photography style. On social networks, it is important for recognition: when these elements are the same in every post, the audience recognizes your content even before they read the text.

How much time does it take to create one post?

The first post takes the longest, because you are choosing colors, fonts, and layout along the way. Once you create a template, a new post comes down to just replacing the text and photo, and it goes much faster than starting from scratch. That's why it's more worth investing time into two or three good templates than starting from scratch every time.

About the author

About the author

Nikola Živanović

Nikola Živanović

Senior UX/UI and product designer from Belgrade, with more than 10 years of experience. He has collaborated with clients such as MerchKing, Bex courier service, Balkan Group, Maeti, 502 Solutions, DataWiz, and many others. He holds Google and Adobe specializations and a Uxcel certification in UX/UI design.