Talking about the design of banner

About the design of banner, I believe that many people have seen this experience to share, I come to the company also did some banner design, that in which through continuous learning, practice accumulated some of their own small experience and methods, below to share my summary of the banner design experience. If there is a mistake, despite the brick, the young woman humbly ask to learn.

Banner design is actually the most common kind of work after we touch http://www.aliyun.com/zixun/aggregation/7138.html > Internet work. So what is banner? Banner's core mission is to attract users ' attention and then be clicked. His main theme is clear themes, highlighting key content, capturing the attention of users. A banner He is composed of "background, main vision and title text" Three parts, I have just received the demand, I first analysis of his key words, words, want to express what, analysis of the paper can be painted on the draft, in the brain has a general visual effect, the idea of more words can draw a few version of different, Finally, according to the draft set a final, then you can find material to do. In the course of doing, but also pay attention to the overall aesthetic, make people look comfortable.
The following from the three parts to share one by one.

We draw students may know that a picture can not be exhaustive, the focus of the need for meticulous characterization, and some a stroke can be. Design a banner8630.html "> sometimes like painting, the first to have a big environment, that banner background is like a big environment, in fact, mainly play a foil, foil the role of the atmosphere." A new demand comes, first we consider to create a kind of environment, what kind of atmosphere, is cheerful, sad, lovely or ... For example, the new year, may use red orange, such as children's class, the color should be pure, lively point and so on.

But note that the background can not be too flower, otherwise it will affect the whole of a readable, simple, clear.

Banner in the main vision to clear, consistent with the theme, the element should not be too much, otherwise it looks like a mess. Some people do as long as there is a place, full full, in fact, the appropriate page "white" is also a good way to improve the quality of the picture. Visual elements, whether people, or other, must be clear, when we look for materials to find pixel quality, I will usually go to stand cool, network, petals or direct Google search, not too much. There is also a point of attention is not to steal other people's work, Avatar and so on. Everyone knows:

The following banner looks like a mess, there are too many things, want to express too much, this time need the user to think about what it wants to tell us, and often the user is not willing to think, one is the picture does not know what he wants to express, the second is the overall does not attract the user's eyes, This banner is a failure in this case.

Title text is very important, is the whole banner theme, the key text must be highlighted in the background, regardless of color contrast, amplification, deformation design or even do stereo effect and so on. (Here I share an experience, is to create a new black layer on the page, the style changed to saturation, the overall black and white effect after a glance can be seen)

This banner caption is used with strokes and projections, and it comes out of the background, but still look uncomfortable, mainly his text useful curve, slash way, people can not help but will follow the character of the typesetting, he read it in different directions of the slash with more, this way to see more will be more tired, did not form a unified.

This banner looks fresher, does not have too many elements, but the emphasis is the text, because the background uses the light color, the text also uses the light color, the user is very difficult to see, affects the user the reading sex.

1. Picture overall unification, the color matches looks comfortable;
2. Page elements to be in groups (such as the spacing between text and text is not too large, so that people appear to be a group)
3. The use of attractive language, or add "rushed to participate" and other irritating words such as buttons, so that users in the shortest possible time to click on his desire.
4. The primary and secondary contrast trenchant, the reasonable arrangement page layout;
5. The output K number should not be too large, otherwise the loading speed will be slow;
6. Finally, the most important point is that the preliminary work must be communicated with the demand side, you know, in the work, communication is a very important thing.

The above is the work of their own summary of a little bit of experience it, I hope to learn the design of the students a little help, but also hope that the masters of a lot of guidance, I will humbly study. Some of the pictures are from the Internet to find, borrow here, if the infringement of your right, please inform. Thank you.

(Weibo UDC original blog, reprint please specify the source