This site may contain affiliate links for which a small commission is received.
Creating attractive, even eye-catching graphics and images for your visual content is much easier than most folks think; it’s just important to remember a few smart graphic design tips to make your text look good and flow. Making the most of your text and graphics is important because first impressions matter when it comes to being online. So making sure you implement the best practices for good graphic design should incorporate one or more of these techniques with your text and images. Good image and text combinations will complement and reinforce your compelling message or call to action. So here are a few essential graphic design tips for creating text to match your images and get your message seen.
Remember, it’s not the exact wording shown below that’s important; it’s how to use the text with the image. Even if you know what you generally what to say, putting text on a graphic is basically a form of copywriting. Granted it’s probably easier than most copywriting tasks because your graphic uses less text than say a sales page, but still, you want that short sweet message to be received.
All of the examples below I’ve created with FREE resources in a matter of minutes if you want to do this to just sign up and get more tips and techniques.
Start with creating a great title or slogan to go with the graphic or image then take a look at the 10 tips below.
Tip 1 – Text that relates to the image.
The text needs to relate to what the graphic is about. Here’s something fictional I’ve put together to show how a picture and text message can complement and reinforce each other. While this seems obvious, but I’ve seen graphics and text together that make no sense.
Tip 2 – Add a call to action.
If you use a call to action to make it clear what the reader should do. Say it clearly. Again, another image I’ve used with a text message and call to action button. Easy to do with the right image and text. Your call to action should be engaging.
Tip 3 – Use keywords in your alt tags
Text with searchable keywords that relate to the graphic is best and that includes the alt text that goes with the graphic. If you need a handy and easy to use tool to find keywords that you can use check out my favorite which is Mangools Keyword Finder. The alt text is an attribute that provides a description of an image file. In this case, the alt text is the description of the graphic for visitors who can’t see images in their browsers. But the alt text is also an important SEO metric and is used by search engines. So be sure to have searchable alt text associated with your image.
Tip 4 – Use easy to read complementary font pairs.
The text font should be easy to read whether on plain or image backgrounds, especially on mobile devices. Don’t let text “disappear” on the graphic or the message will never be seen. While script fonts (calligraphy style) look beautiful in print or on products, they can be hard to read on mobile so make sure what you use is truly readable. Use your brand fonts; if you don’t have brand fonts you should select them asap. Check out my article on complementary fonts or subscribe and get my 30 complementary font guide.
Tip 5 – Contrast text to highlight your message.
Use contrast to highlight text. Light text on dark backgrounds or dark text on bright light backgrounds.
Tip 6 – Text as part of the image.
With simple images and short text, you can make text part of the image. The result flows together.
Tip 7 – Text that flows in the image and doesn’t block
Make text “flow” on the graphic. If possible the text should not cover key parts of the image; it should fit logically into the image and complement it as I’ve been trying to point out with previous images.
Tip 8 – Blurring parts of the image to focus on the text message.
Although it’s best to keep images clear, there are situations where blurring images (all or part) can perfectly complement the message. Done right it’s similar in effect to a colored overlay to highlight the text.
Tip 9 – Overlay shapes with text on “busy” images.
When using a “busy” image, text in an overlay shape like a square, rectangle or circle will catch the eye. Notice in this example I’ve colored the text to match the image colors. It makes it look as if the text was “cut out” of the square. The lower menu uses light text on a dark background just like the dark text on light backgrounds will similarly be easy to read while standing out. This is like tip 5.
Tip 10 – Use different text colors to emphasize.
Make parts of the text different colors just like you’d highlight or boldface parts of a sentence. The duo colored text will help emphasize your message. Whenever possible use your brand colors when you do this.
Enough said and created. You got this.
If you liked this, please share.
Make a cool logo in less than 5 minutes with Inkscape. Here's 24 ways to do it. >>> 24 Inkscape Filter Effects With Text