Advertising banner Design on Web page

Source: Internet
Author: User
Tags add requires string
Advertising | design | Web page banner is a tool that websites use as a means of making a profit or releasing some important information. But it is not the main content of the Web page, because its main purpose is to attract people's attention, let people buy a product, or let people pay attention to some of the trend of the site, some new things to let users know. From this point of view, it determines its nature. That is a foil, but it is a very important part, this is the banner of some of the basic characteristics and requirements.

The appearance of the banner brings a lot of things to the production of the Web page, it is not just a request to add something that may be the designers do not want added, so they have to make the Web page at the same time to the advertising as a part of the overall consideration, of course, this is also a will, through the production of advertising, to add luster to the page. Can change a point of view, you can see the ad as a Web page itself decoration, which requires good advertising, because the content of the page itself can not do too much decoration, what line ah, color block ah, not too much, otherwise will affect the use of functions. So you can use advertising to make the appropriate decoration, kill two birds with one stone. This can be the style of the Web page to show, primary and secondary trenchant. For example, you can make the Web page in accordance with their own style of classicism, as long as their own advertising strips are a unified trimming, is their own page showing an antique atmosphere, suitable for a number of special websites. can also be made into a post-modern style, as long as in their own web site as a decorative advertising to do some processing, in accordance with breaking the balance, the use of color break the conventional, bold use of some of the form of broken sense of treatment. This can be done without compromising the use of the situation can make the page to do the overall feeling strong, more convenient to use. Let's talk about the rules of design for the advertising bar itself.

From the functional point of view, the banner of the Web page has a major feature to highlight, is eye-catching, can attract people's attention. Because it's in position or size, advertising bar is in a disadvantage, but because it is usually to let people click to achieve its role, so from its own start, make some special impact effect, to be able to do this, I think should be from the following several aspects.

The first is to be beautiful, sometimes in a very small area to want people to click, is not good, is not the user should be concerned about the content, so if there is no special things, he will not go to click, coupled with the design of advertising is not beautiful, it will aggravate the mood. The clicks may go to naught. Conversely, if you're going to be very nice in this small area, it makes people look comfortable, even if it's not something they want to see, or something they can't see (and that's a lot of things) that they're interested in looking at and clicking is the logical thing. Because the design of this little local area represents, in a way, the level of the things it's going to recommend, which is a psychological ascension, Loving buck coal Zhi  strong Cang boaster Huan Haze belch tea from the Alpha pine spoon Boingo squint mold  Cang swing surname 庋  shoot ji  the riddle card kill Snipe  Slaughter 鞴 愀 yan acyl na ladle tired  gray  Halo  Dizzy  car mother Dcb 铮  maid  Huan  pomelo Jue Cherry  Emperor owed satisfaction grandmother male porcelain string, ┳ zheng  ant  The Qiang, by the string  qi 痪, warm sunfaith 铮 Meng four rock more mail it? Br>
Moreover, from the function to consider is to facilitate the click, because the purpose of advertising is to pass a large number of users click to make ads for manufacturers, or to let users know what information. In order to be satisfied with the manufacturers, so that their own site satisfaction, it is necessary to find ways to more users to click. So consider the placement of the location to fit the click, such as the usual design in the top and right of the page, so that users can easily move the mouse to click on; there is also a number of web site advertising design is not considered, is the hot links, mainly with a picture of the advertising bar, Some in the picture only in some local hot links, rather than very clear exactly in what position, let a person click, the mouse moved to move on the map is not to find the target. There are some of the ads are some rotation of the picture, and in these rotated pictures some of the pictures made a link, that when you see the things you are interested in, the mouse to move up to click when the picture is changed away. This is a serious impact on the use of the function, so in the design of this time, try to use this area of hot links. This is convenient for people to click, and even if you want to use the rotation of the graphic, but also consider the time the Hotspot link appears, take into account that people can see this image (there is clickable link) to the time of the click, so that they can have enough time to click, rather than to move the mouse to the advertising bar, waiting to appear on the click! This is a lot of people do not want to do, the recommendation is to use the entire advertising bar as a link; there is to do the link to the page can not be too large, causing a long time after the click can not be displayed, probably a lot of the content of this page is the user just look at things, if so they have not patience to see all the show. This is the design of designers to consider.

There is also a point is that the banner and the entire Web page coordination, can not let the banner of the entire Web page to rob the scenery, so really is distracting. Because if you visit the Web page is certainly the first purpose is to look at the main content of the page, if the main purpose of watching the news is to see the main news content, rather than mainly to see the advertising bar, some personal homepage in this area do very bad. The whole page is full of a mess of some ads, what online money, a click how much money and so on, so that people look at the other content of the interest is gone. So to make people interested in their own advertising, you must make the design of the advertising bar with the entire page coordination, but also prominent, eye-catching. Although this is a theoretical concept, it is not impossible to do. There are a few things you can do to make the whole page coordinate. is to use color with the main hue of the page, such as the main color is light yellow, advertising bar with color can be used in some other colors. Do not use some contrasting colors, such as if the body color is red (in some need strong emotional color of the site) on the page do not use green. Lest it be too exciting. At the same time also appear to be more tacky. Use color to distinguish is should, this difference is based on a degree, can not overdo, over this degree can only achieve the opposite effect.

And then look at the content of the banner itself, as a part of a Web page, but it is a whole, so it is necessary to analyze the composition as a whole, generally speaking, it is composed of text, pictures, and animation of these components, the text in a way that is essential, Because in such a small space to inform the user information, if only use the picture to show, it is difficult to do this, with the text can be concise and clear information, in order to avoid monotonous, generally use pictures as a background, plus text to explain, through collocation, can be rich at the same time and can clearly express the information to be explained.

In this way, from the status of words, it is necessary to highlight it, in the design of the advertising bar in the local area to try to highlight through the color and size. This text does not need to consider the whole page with the coordination problem, because it is as a part of the advertising bar as a whole, if the former has been coordinated with the overall, it is also coordinated. So you can make the text more eye-catching, attract some people. This can be used in the form of animation, can be flashing the way, or some gradient or shadow of the way, so that both the page is rich and colorful, but also let people browse the time to notice the content of the banner. Sometimes the effect is that the user is mainly concerned about the content of the time inadvertently see something to attract it, so click on the. At this level, the designer's goal is achieved.

The ingenious design of the same text is very important, put forward some empty slogans is disgusting, at the same time straightforward people can not afford the spirit, which requires the designer from the things to publicize, found that the user is interested in things, this time to ask the designer to experience or to do a certain survey, do not think it is a small advertising bar , do not think it is just a Web page appendage, to be able to do, so that their clients can not be satisfied with the work: if it is a computer business advertising, ask you from their own perspective, to see if you buy this similar products, the most concerned about is what? What does your favorite manufacturer offer? If you do not have this experience, do a small survey, to their colleagues, friends survey, look at the same content what do they think? As long as the capture of this information, you can design this kind of advertising article to come up with a unique idea, to get their own sophisticated text, of course, some of the text itself in the use of rhetoric can also reflect a certain level, but also a factor in attracting people.

The content of the text design occupies the main position, the same picture and animation is also very important, because the page is full of text, sometimes text ads will be submerged in the ocean, so if some of the beat of the picture can play a particularly good effect, so in the design of the picture is to be beautiful, but also the need to communicate with their own things linked , some of the pictures have no connection can only let users see it, can not impress them to move the mouse. The same is true for animation design. Good animation attracts people's attention to the top of it. Some design is like a story, a little poem (instantaneous feeling), so that in the art of ascension to a good level, can impress the user.

Finally want to talk about the overall page is the number of ads on the issue, the above talk is how to design their own advertising can impress people, can attract people. If only from this point of view, it can be said that some Web site advertising bar design is to achieve this goal, but their abuse is disgusting, the entire page is full of advertising, from the top row, left a column, the right is more full, severely compressed the entire content of the Web page, but also designed everywhere is dotted, Are some small hints of animation in the flashing, so the small part of the advertising bar may be successful. But the bigger view, in the Web page design is a failure, "with, Mao?" "So to make their own small local access to more clicks, the first to make their own web page design more beautiful, more convenient to use." As a designer to a large extent to accept the task, and sometimes inevitable to add a lot of advertising on their own web page, this time to consider the problem of norms, through a number of fixed formats, to standardize and organize them. At the same time with animation can not he more, a person can not focus on many aspects at the same time, so to have a choice, some focus. This is very important.

As a part of the Web page, to be able to fully consider the above forms and functional factors, carefully conceived, you can make a good advertising, but also for their own web page luster Luster!



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.