Banner ads are everywhere.

From the content recommendations in the header of the website homepage to the sidebar, from within the article to the gallery list, you will find their shadow in almost every place where content exists.

Often, they look pretty, are a bit flashy, and cannibalize your web browsing experience. Although we do everything we can to reduce their negative impact on users, a bad reputation is inevitably tied to them.

Together.

In fact, Banner advertising has a huge impact on users, and reasonable use will definitely get twice the result with half the effort.

So how to create an excellent banner advertisement that is not annoying and has a high conversion rate?

Vacant theories may not be grounded enough. You might as well learn the design skills of banner advertising from the following 50 cases.

1. Stylized image and text layout This is a set of banner ads produced by Dear Miss Modern. Each image maintains consistency in temperament and style in terms of text and image materials.

The formal sense of the font and the combination of images and graphics in the picture materials make the entire advertising banner more intense.

If the picture is not such a strong stylization, but more subtle, it should be matched with a more classic and eye-catching font. The reason is the same.

2. Create a hierarchy Visa’s holiday advertising banner takes full advantage of the hierarchical structure.

The photos are chosen to have depth of field and layers of food, which will make people attracted to it at the first moment, while the text layout covers the blurred vista, ensuring readability and adding a layer to convey the information and ensure

No confusion.

The button is placed just above the food and below the text, making it just right to attract people to click.

3. Use relevant icons. This advertising banner from Google brings a personalized experience to people through hand-drawn icons.

Each hand-drawn icon in the picture is very easy to identify. Although not complicated, it creates a feeling of walking through the world.

This indescribable but touching feeling makes this ad more than just an ad.

4. How to add unexpected elements to a recruitment advertisement?

This job advertisement from Google can be considered unexpected. There is no fancy description or beautiful girl, but a graffiti handwritten advertisement that looks like a small handwritten advertisement on a community bulletin board.

This kind of advertisement is not complicated, but it is unexpected, and the familiar feeling is touching enough.

5. Add illustrations. This case is also a Google advertising image. The addition of illustrations makes the entire advertising image full of innocence and fun. With the flat elements, the overall look is relatively unified.

This kind of illustration is not difficult to implement. It may look a bit rough, but it is really friendly.

Illustrations are different from photography. They can give designs a quality that the latter cannot. Of course, you have to use them well.

6. Layout adaptation FatCow’s advertising image was designed by Envato Studio. In order to adapt to different advertising spaces, the entire advertisement was produced in multiple versions of different sizes.

After designing the most commonly used advertising graphics, edit the elements twice to make them suitable for other advertising spaces. Some of the elements need to be adjusted, removed or added, and this can be achieved.

7. Use brilliant colors. This Google Music advertisement uses vibrant pink, paired with the same high-saturation blue. The two form a sharp contrast and leave a profound impact on people.

Compared with ordinary monochromatic banners, this colorful multi-color combination is more eye-catching, but you need to pay more attention when using it to ensure readability and coordination.

8. Keep it simple. If there is one thing that Coca-Cola does that is very outstanding, then keeping the design simple is definitely one of the many advantages worth learning.

This Coca-Cola advertising banner design continues this tradition very well: product image, LOGO, slogan, and iconic color matching.

Although the content is not much, the effect is great.

A banner advertising image that is filled with all the information will not do you any good because users will not look at it at all.

Just present the most important information.

9. Pay attention to trends. Paying attention to popular culture and current trends is very useful for you to design banner ads.

Campbell is like this. It has made good use of the IP of the Star Wars movie to launch related products to attract Star Wars fans to buy the products.

Reasonable use of popular trends and topics to promote corresponding products will definitely get twice the result with half the effort.

10. Use Texture This advertisement by Campbell is an example of using texture to enhance texture.

The brush-like jagged edges make the visual effect of the entire advertisement more subtle. Other elements in the advertisement image are not so prominent, but the addition of texture is like the finishing touch, which enhances the overall effect.