By Shawn Tiny April 5, 2022
Good email design makes your emails more likely to get clicks and sales. But what if you’re not a designer? No worries – these simple email designs and layout tips can help anyone email better.
How important is the design of your email? Is a compelling message enough, or do you need to have beautiful visuals?
If you’re like many time-based business owners, you may not have much to do with your email design.
However, adding some design elements can significantly improve your email performance. Why? Because studies have shown that 90 percent of the information transmitted to our brain is visible.
So how can you use some of this knowledge to your advantage? Even if you’re not a designer, here are some of the best email design practices to make your emails look better right now.
Email Design Layout Visual Sequence
Proper visual style can distinguish between a customer who takes a step and someone who deletes your email. The attention span is getting shorter, so understanding how people read your email will help you create more effective messages.
Knowing where their eyes are most likely to go will help you create a layout that makes your email more readable and helps readers navigate your call to action. So let’s take a look at some email design tips that will help you do just that.
1 – Z-pattern
The Z-pattern marks the path of your eyes when reading, from left to right, from top to bottom.
People will read the first line, then down and to the left and back to the right again. When reading in this pattern, it forms a Z-shape.
This email design layout is best used if you have a lot of information. This framework will help your customer to access all the information in a simple and logical way.
You will often find that this type of email follows a pattern where you start with the title and text, with an image on the top left with an image on the right, then another image in the bottom left corner, with text across it. It works because:
- Readers’ eyes are naturally drawn to the picture. So by placing images diagonally from each other, you’re helping your customers follow a simple lesson.
- This creates a cleaner layout without leaving all your text on one side of the email.
2 – Inverted pyramid
Inverted pyramid is a format used for news, but it also works well for email. It is designed to draw attention and focus on the most important parts of your message. This is great when you have a thing to tell your readers and a specific call to action that you want them to take.
This layout can be used to get customers to read an article on your website, sign up for an event, or purchase a single product or service.
3 – F-pattern
The F-pattern was first identified by the Nielsen Norman Group after studying how the human eye reads a website.
Similar to the Z-pattern, a reader will receive content from left to right, then to the left. But instead of reading across the second line, they will read less. Etc.
How does this information affect your email design?
First, your most important, attention-grabbing information should be at the top of your email. Then suppose your customer is going to skim the rest of your email. So use less text as you create your email. And balance your email with the pictures on the right.
This email design layout is best used if you have a lot of information that you want to communicate. In this case you need to structure your email with the most important information at the top, then use bullets and small content at the bottom of the email and close with a call to action.
Email design elements
Great content is an essential part of a successful email, and design is a part of that content.
1 – Choose the right color
Choose colors that reflect your logo and / or brand … but make sure your message has enough contrast and clarity to make it clear for easy reading.
It is difficult to read texts that do not have enough contrast against the background.
You can use some of the color psychology we discussed above to select complementary colors. Check out this chart about the emotional effects of different colors.
Free color palette tools like Coolors will help you create a professional-grade palette in minutes, so your emails will be more aligned with your brand.
2 – Leave some breathing room
Crowded emails can be difficult to read – especially on mobile devices, where 49.7 percent of all openings occur.
This is because most people scan emails instead of reading them aloud. An email looks easy to scan if there is some white space between the elements. This basically makes the email look less visually irresistible.
There’s an added benefit to leaving extra white space: it challenges you to keep your message short and include only relevant details.
Here’s a great example from TrueCar.
3 – Use text as a design element
It also helps to format your emails for scanners The most common formatting elements are subheads, short paragraphs, bullet points, and bolded phrases. Using these types of visual cues will make it easier to find the most important points in your email.
Check out this example from Jon Persson of CultMethod, who boldly embodies important elements in the core of his email, using bullets and breaking the copy by placing the title accurately. Plus each paragraph is short and easy to read.
4 – Balance the text with the image
Split text pieces with visual images. Readers prefer short blurb of information, which can be easily achieved by including pictures and lines if necessary.
Images help tell the story of what you want to communicate with your customers, but don’t overdo it. Follow the 60/40 rule which says that pictures should not take more than 40% of your email.
5 – Plan for missing pictures
Almost all email programs give customers the option to hide pictures. Some people automatically disable the image, forcing the user to click on a link or press a button to “turn on” the image.
For example, here’s how an email with a big hero image appears in Outlook:
Since image blocking occurs in many popular email programs, you should make sure your email is still readable — and your call-to-action is still clickable — if the images are closed.
Instead of using image-based buttons that will hide your CTA when closing images, try using a “bulletproof” button. This technique combines a background color with a regular text link, providing the illusion of a button that can be seen when images are on or off.
Most email marketing services (including AWeber) allow you to easily create bulletproof buttons within email layouts.
If the images you’re using are an important part of your email, make sure you’ve added alt text to the image. This is the text that describes what the image is. If you’ve ever created a webpage or worked with WordPress, you’ve probably already added alt text to images. It’s the same thing – for email only.
Adding image alt text, even if your subscribers block the image, will enable them to read what you wanted them to show.
You don’t have to start from scratch to create beautiful emails. Here are three email design tools that make it very easy to get started.
1 – Canvas
Canvas is a widely used free graphic design tool that lets you create and edit any type of image. AWeber has a fully integrated canvas drag-and-drop button, where you can create your picture on canvas and drag it directly to your AWeber email.
2 – Email template
Sometimes simply starting out is the hardest part of sending an email. This is where an email template comes in handy. When you find the right template, most of the work is done for you. Customize it to suit your brand by adding your logo and updating colors, then you’re ready to go.
AWeber now has over 600 email marketing and newsletter templates ready to customize for your messages. These can save you time every week and avoid all the work of designing your own emails
Only a few templates are available here. Each template has at least three color palettes to choose from.
3 – Try an email generator
Online tools like Stripo, BeeFree, and Dyspatch also have template and drag and drop email editors. What you get in your email marketing provider’s account is similar, but some email designers prefer these tools.
You can design an email on any of these tools and then import it into AWeber, or copy and paste the code from the email creator into AWeber. Here’s how to put one together for use with your strip.
Start using the best practices in this email design
If you’re not a professional designer, designing an email can be a daunting task. But if you follow these email design tips or use a pre-made email template provided by your email marketing platform, sending beautiful emails can be easy.
Of course, if you want a custom-designed email or newsletter, we can help. AWeber offers custom email templates and landing page designs. The full custom design costs 229, or a modification of an existing template $ 29. Click here to learn more about our custom design services.