In fact, Banner advertising has a great influence on users, and reasonable application will definitely get twice the result with half the effort. So how to create an excellent Banner advertisement that is not boring and has a considerable conversion rate?
The vague theory may not be grounded enough. Let's learn Banner advertising design skills from the following 50 cases.
1, stylized graphic typesetting
This is a group of Banner advertisements produced by Dear Miss Modern, and each picture maintains the consistency of temperament and style in both text and picture material. The formal sense of fonts and the collocation of images and graphics in the picture material make the whole advertisement Banner feel stronger. If the picture is not so stylized, but more subtle, it should be matched with more classic and attractive fonts, and the reason is the same.
2. Create a hierarchy
Visa's holiday advertisement Banner makes full use of the advantages of hierarchical structure. The selection of photos is a kind of food with depth of field and layers, which will attract people at the first moment, while the typesetting of words covers the blurred vision, which ensures readability and adds a layer to convey information and ensure that it will not be chaotic. The position of the button is just above the food and below the text, which is just right to attract people to click.
3. Use related icons
This advertisement Banner from Google brings a personal experience through hand-drawn icons.
Every hand-drawn icon in the picture is very easy to identify. Although it is not complicated, it gives people a feeling of walking through the world. This indescribable but touching feeling makes this advertisement no longer just an advertisement.
4. Add unexpected elements
What should a job advertisement do? Google's job advertisement is also unexpected. There are no tall instructions and beautiful girls, but graffiti handwritten advertisements like small handwritten advertisements on community bulletin boards. This kind of advertisement is not complicated, but it is unexpected, and this familiar feeling is touching enough.
5. Add illustrations
This case is also Google's advertising map. The addition of illustrations makes the whole advertising map full of childlike innocence and fun, and with flat elements, it looks more unified as a whole. This kind of illustration is not difficult to implement. It may look a little rough, but it is really friendly. Illustration is different from photographic pictures. It can endow designers with temperament that they can't match. Of course, you have to use it well.
6. Layout adaptation
This advertisement picture of FatCow was designed by Envato Studio. In order to adapt to different advertising spaces, the whole advertisement was made in several versions with different sizes. After designing the most commonly used advertising map, the elements in it are edited twice to make it fit the size of other advertising spaces, and some elements need to be adjusted, removed or added, so that it can be realized.
7. Use colorful colors
This Google Music advertisement uses vibrant pink and blue with the same high saturation, which is in sharp contrast and has a profound impact on people. Compared with the ordinary single-tone Banner, this colorful multi-color collocation is more eye-catching, but more attention should be paid when using it to ensure readability and coordination.
8. Keep it simple
If there is anything outstanding about Coca-Cola, then keeping the design simple is definitely one of many advantages worth learning. The Banner design of Coca-Cola's advertisement is a good continuation of this tradition: the iconic color matching of the LOGO slogan of the product map. Although the content is not much, the effect is great.
A Banner advertisement filled with all the information will not do you any good, because users will not read it at all. It is enough to present the most important information.
9. Pay attention to the trend
Paying attention to popular culture and the trend that is becoming popular is very useful for you to design banner advertisements. Campbell is like this. It makes good use of the IP of Star Wars movies, launches products of related subjects, and attracts fans of Star Wars to buy products. It is absolutely twice the result with half the effort to publicize the corresponding products with the help of popular trends and topics.
10, using textures
Campbell's advertisement is a model of using texture to improve texture. The jagged edges of the brush make the visual effect of the whole advertisement more subtle, and the other elements in the advertisement picture are far from outstanding, but the addition of texture is like the finishing touch, which makes the overall effect improved.
1 1, with the help of niche
Niche refers to the market subdivided by the advantages of enterprises. Advertisements usually need to be targeted at the target population, so as to achieve the best results.
If the advertisers of Target's infant products are aimed at mothers, what could attract them more easily than a pink and lovely scene?
12, show with pictures, not words.
Zarbee's vitamin advertisement banner is quite outstanding in the use skills of pictures. Fruit replaces vitamins and strengthens concepts, rather than describing them in words, which is ingenious and intuitive.
13, clear focus point
When advertisements have a clear focus, the communication between brands and users will be more direct. This Banner advertising map is also designed for Target. The brand LOGO is conspicuous from the position to the color, and with the structural guidance of the beautiful woman's posture, the brand LOGO of Target is undoubtedly the focus of the whole advertising map.
14, using images as guidance
This advertisement of McDonald's is a typical use of images instead of words to convey information, and the word coffee is replaced by corresponding pictures. At the same time of conveying information, it also makes the whole advertisement picture no longer monotonous and become mixed with pictures and texts. Simple words and pictures can convey information, but mixed use is more interesting and distracting.
15, let the product sound.
In this advertising picture, McDonald's McFlurry is undoubtedly the core, whether in sense or visually. The gray background makes the colorful MacFlurry subject stand out. Let the product itself stand out in the advertisement, which can make the whole Banner more expressive and targeted.
16, create angle
Audi's advertising map presents different information by dividing the space, but the most striking thing is the unique visual experience brought by the slightly twisted angle. This adjustment makes the specific information more eye-catching, and with the angle of the car body itself in the picture, the whole advertising picture is more dynamic.
17, use cover
Using a translucent layer with a specific color to cover the background image can make the text content information in the foreground stand out. This design technique is not uncommon now. It allows the background information to emerge from the cover, and at the same time makes the text content more readable and the overall layering enhanced.
18, setting the scene
Tiffany & The design of the advertising chart of Co jewelry can be called fun. The rotating cocktail glass and beautiful jewelry combination suggest that they often appear in the same scene at the same time, creating an elegant and exquisite feeling. Through the combination of related items, users are prompted to make up the scene by their own brains.
19, creative fonts
Good typesetting can attract users' attention, and this advertisement of Nike is particularly prominent. Its font design is creative, and these dismembered fonts also have strong recognition, but this design makes them look lighter and more scientific. This visual enhancement makes advertisements and products more attractive.
20. Use stylized illustrations.
Illustrations can be simple or full of details. Stylized illustrations can increase the thickness of information, tell stories and convey feelings through details and styles. This illustration is full of power and energy, which is quite in line with Nike's brand temperament.
2 1, using multiple elements
Although there are risks, it can produce a good sense of form by reasonably matching a variety of different elements in an advertising map, just like this ebay advertising map. Beautiful product drawings, standard fonts, handwritten fonts and illustration elements are harmoniously combined into an advertising drawing. Of course, every element exists for a reason, and it does its job, not randomly. Please remember this.
22. Become a popular weather vane
Incorporate trends and trends into Banner's design, and make it a link between advertisements and users. This advertisement from ebay does just that. Replacing "Hotline Bling" with "Haute Line Bling" can better interpret this popular culture, thus attracting more users who pay attention to this fashion.
23, free stretch
Not every advertising Banner has to use the grid to make every element aligned accurately, and the free stretching design is equally effective. Yoplait's advertisement is designed in this way, which makes it more interesting and childlike. Of course, whether such a design is suitable depends on the temperament and characteristics of its products.
24. Create contact
In the process of design, it is very important to keep enough correlation between the pictures and words in your advertising map. The temperament of pictures and words in Talbots' advertising pictures is very close.
25, manufacturing comparison
Contrast is an effective means to attract users' attention, and the design of this advertisement Banner of ESPN is well versed in this skill. On the crimson background, the white characters stand out. Fonts are also sharp and light types, so that the effectiveness of information transmission is higher.
26, symmetrical design
Symmetric design can well balance the elements in the advertisement. Designers may have experienced in-depth thinking to get this design, but the output is very rapid. This advertisement from Apple is not complicated. The black and white photos of musicians are basically symmetrical around Apple Music, while maintaining a certain beauty. This simple design is simple but clear-cut.
27. Life Guide for Target Users
Just like the advertisement Chegg, if you want to attract a specific user group, you might as well stand in their position and inject lifestyle guidelines for them into the advertisement. Representing and displaying products from the standpoint of specific users can make it easier to get * * * clicks and thus get more clicks.
28. Use dynamic effect
In a static page, it is undoubtedly the dynamic elements that attract people's attention most easily. If you use dynamic effects to present the advertising content you want to express, you can make your content get to users faster. Of course, the premise is that the design should be concise enough, so as to avoid trivial content and make it easier for users to Get it.
29, sharp and distinct
The advertisement of Gillette shaver can be regarded as a sharp and vivid model visually. The sharp angle, sharp razor picture on dark background, angular font and strong contrast color scheme all make this advertisement clear and eye-catching visually, which makes people want to stop.
30. Create visual depth
Honda's advertising graphic design is not complicated, it is characterized by yellow line strokes on the background. The car that seemed to be suspended in the air seemed to fall on the ground against the line. You don't need too complicated design, you can create visual depth for the advertising map and leave an impression.
3 1, use a unique font
Using personalized fonts in the Banner diagram of advertisements can also effectively attract users' attention. The font used in Pepsi's advertisement is full of individuality, but also clear and readable, giving people a playful and interesting feeling without affecting the transmission of information.
32. Use a variety of beautiful typesetting.
For beautiful text typesetting, the vast majority of users still eat this set. This advertisement of California Pizza Kitchen was carefully designed by McGrath Creative for them. Not only was the typesetting design exquisite, but it was also creatively combined with pizza itself.
33. Use simple pictures
Simple and intuitive pictures are very practical on the website. They usually show the content more efficiently and make the message of advertising Banner more intuitive. At present, designers usually use simple illustrations with flat style to set off the main body and increase the amount of information, just like this advertisement of Coda.
34. Use texture to increase visual depth.
The advertising picture of Adidas is very interesting visually, and the texture of the background is not complicated, but the regular and scientific lines not only increase the visual depth, but also create a sense of speed that fits the brand temperament.
35. Use brand colors
If PayPal's iconic blue color is not used in the banner advertisement, only the picture in the picture will not leave a deep impression on you, but it is the use of brand color that binds the picture and the brand together, promotes each other and makes you remember.
36. Don't just think about promotion.
Advertising Banner is used for promotion, which is no problem, but sometimes it doesn't need to be so obvious. This advertisement from Free People encourages users not to just buy from buy buy, but to see more, shop more and compare more. Although this can also promote sales, it looks more like giving advice from the user's point of view.
37. Use bold colors
I, Anna's advertising picture color matching can be called bold and full, red is full of vitality and eye-catching, and the addition of yellow makes the whole color matching more coordinated and easier to attract users' attention.
38. Give a simple illustration.
Sometimes, exquisite illustrations don't necessarily conform to your brand or what you want to express. This advertisement of Starbucks was born in this situation. The exquisite and exquisite pictures don't meet their needs, but the flat and slightly childish illustrations are more simple and in place. It shows the composition of the new drinks, and this advertising picture makes you feel like you are looking at the menu in Starbucks.
39, the introduction of dynamic effect
This advertising picture from Starbucks shows a very attractive and dynamic element in a small area. The ripple starts from the center and diverges outward. When users see this advertisement, they will be involuntarily attracted by it.
40, fully move.
If you are skilled enough in the use of dynamic effects, you might as well make the elements in the whole advertising Banner move, which makes it easier to stand out. The designer fully shows the use process applied in the tablet with the help of dynamic effect, and in just a few seconds, you can get more information than the static Banner diagram, and the experience is excellent.
4 1, using geometric texture
This advertisement of Corona applies the popular Low-Poly element to the image of orange. This geometric texture gives the orange a cool and transparent feeling, which makes you interested in Corona's beer.
42. Divide the space with interesting graphics.
Brightgreen's advertising picture is divided into two different spaces by diamond, which makes the advertising picture become two natural levels. The blank part carries the text information, while the green part carries the picture, which makes the whole picture clear and full of texture.
43. Add shadows
Long shadow is a design trend that has been popular for a long time before, and this advertisement created by Webduckdesign is a very good use case. If there is no shadow, then the whole picture will look quite monotonous. The addition of long shadows makes it look less flat and has layers.
44. Take the pattern as the texture.
Different from delicate patterns, superimposing specific patterns as textures on the background can create a specific atmosphere. This advertisement designed by Anne Sophie Hostert uses the patterns and textures of ice cream and pineapple to create a summer feeling.
45, using color block segmentation
If you don't want to use the picture in hand only as the background in the advertising picture, you might as well divide it into different parts and use it together with monochrome color blocks, so that the whole advertising picture has a stronger sense of form.
46. Use line decoration
Advertising pictures are mostly composed of pictures and words, but adding some decorations properly will make the advertising pictures look fuller. Compared with all kinds of highlights, the lines are not weak in decoration, but also more free and the effect is quite good.
47. Tell stories
The ultimate goal of advertising is to sell products, and the most effective way is to tell the experience of real users. This advertisement is designed for Amazon's e-book APP Audible, and the scene in the picture aims to promote that their products can be used without interference in many scenarios.
48. Be humorous
Humorous display is usually more effective than strong sales promotion, and they are more willing to see funny content.
49. Use simple font collocation.
Without complicated typesetting design, matching several fonts with the same style and easy to identify, like this advertisement of Pizza Hut, can also achieve the effect of increasing information and pleasing.
50. Use simple graphics to emphasize.