On the design of web banner

Source: Internet
Author: User

"Location: Home first screen banner format: JPG size: 960*90 ..." At work we often receive such banner design requirements, because it is no bigger than large projects, the demand side from design cost considerations will not give designers too much time, So how do we make a banner in a short period of time? The following content only individual in the current work for banner design collection of some methods to share with you.

1, the subject is clear.

Before embarking on the design, the designer should first communicate with the demand side, and obtain the topic and the point that needs to be highlighted. Then in targeted to the advertising target, the image of a clear display of the content to be expressed. Don't put some useless stuff away unless you want to get rid of your users.

/Three The scene of the British war LV Bu and randomly placed a few comic strips, it is a good embodiment of the theme of the comic strip

/The combination of violin and rose highlights the quality of life of the nobility

/Two students with a smile to let people think about the Hope Project

2. Coordinate with the whole page.

After we have identified the topic of expression, we want to do the following design work in the environment where banner is actually placed. The color collocation should be bright and clean, should be coordinated with the whole page. It is not possible to make banner more appealing to the user's eyeballs and to use a large area of heavy color (except for special requirements).

Web Design Tutorials

3, adapt to the user's browsing habits.

We know that most users browse the page from top to bottom, from left to right. In order to make banner easier for users to browse, we should adapt to the user such browsing habits, poor design will make users at a loss, the focus is everywhere.

This is faster and more effective because the viewer's habit is to look from left to right. Do not assume that the viewer will click on the button (right) before looking at the contents of the banner (left).

/The following diagram is a case of application in the actual environment

4, click is kingly

Generally we do banner to promote, promote a product or new features, and it is itself to guide users to click Participation in the entrance, our goal is to attract users to click. So we can use different forms and methods to express, but the same place, Tong, highlighting the theme, fun, then they can make visitors interested.

/The author uses the red Curtain and the trumpet to foil the lively atmosphere, one side of the exquisite gong attracts the viewer's eyeball for the first time, lets the person look wants to pick up the next little hammer to beat the impulse

Let's think of a different way to design a banner, like cooking a dish, first we should determine what kind of dishes to cook, and then in this dish needed to put the main auxiliary materials to fry in the environment, in this process, we will according to the guests like to add seasoning, after the plate we in order to do a good job of this dish, Put some decorations on the plate to make it visually rape people's eyeballs in the first time and attract them to taste.

This article mainly from the theme, the actual use of the environment, user browsing habits and the purpose of doing banner to express my views, of course, in addition to the above mentioned method, in fact there are many we can learn from the form and ideas, here is not one by one, and hope to help. If there is any improper place, please correct me.

This article by the station cool Net-lander translation, reprint please retain this information, thanks for cooperation.

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.