The design of the website-Homepage

Source: Internet
Author: User
Tags key
Design  

In our comprehensive consideration of the site's columns, link structure and the overall style, we can formally make the home page.

There is a saying: "A good beginning is half the success."

In the website design is also so, the homepage design is a website success or not the key. People tend to see the first page that has a whole feeling about your site. is not able to encourage viewers to continue to click into, whether to attract visitors to stay in the site, all by the home design of the "skill".

Therefore, the home page design and production is absolutely to pay attention to and spend the mind. Atzie's experience is: the General home page design and production accounted for the entire production time of 40%. You'd rather spend more time in the early days, so that you don't have to do all the work later, and that would be the most wasteful effort.

Here, first insert a "cover" question. Cover refers to no specific content, only put a logo click into or only a simple graphics menu of the home page.

Do you need to design a "cover page" for your site? Atzie's personal view is: no need!

Unless you are a very artistic site, or can be sure that the content is unique, you can attract visitors to further click into the site, otherwise, the cover-style home page does not give you a site to bring any benefits. We surf the internet need is fast, valuable information, if you wait for xx minutes, only show a cheap "ENTER" icon, then believe that no one will be patient wait to enter the next page.

Because of the importance of the home page, Atzie will focus on 8 articles to carefully discuss all aspects of the design of the home page, the general outline is as follows:

0 Tips for layout layouts
0 Color Matching
0 font settings and table nesting
0 subtle places to see the skill
0 consider different browsers and resolutions
0 Design your banner and location.
The importance of 0meta labels
0 Home Design Tips

Today, just a primer on the homepage design. Let's take a rough look at the steps of the homepage design.

The homepage, basically is the whole station content directory, is an index. But just listing the catalogue is obviously not enough, how to design a home page? The general steps are:

Determine the function module of the first page
Design the layout of the home page
To deal with technical details

a). Determine the function module of the homepage.

The content module of home page refers to the main content and function that you need to realize on the homepage. Some modules are required for general sites:

Website name (logo), Advertising Bar (banner), main menu,
News (What ' s new), search, links,
Mailing Lists (maillist), counters (count), copyrights (copyright).

Choose which modules to implement, and whether you need to add other modules are the first page design needs to be determined.

b). Design the page of the homepage

After the function module is determined, begin to design the page of the homepage. Like building blocks, each module is a unit block, how to spell a beautiful house, it depends on your creativity and imagination.

The best way to design a layout is to find a blank sheet of paper, a pen, sketch out your ideal sketches, and then use the Web page to make the software.

III. Processing of technical details

Atzie often received a letter to the question is: how can I make the home page at different resolutions to maintain no distortion, how to be in IE and NC look is not too ugly, how to set the font and link colors .... And so on, Atzie will be in the following several articles for you detailed introduction.

Home design is the whole Web site design difficulties and key, Atzie hope to be able to communicate with everyone, summed up a more reasonable and easy to learn the design method, thus extrapolate, so that we can more easily complete the design of the entire site. If you are willing to share your experience with you, please write a letter ajie@soim.com, thank you!



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.