Traditional Culture Encyclopedia - Traditional festivals - What are the classifications of web design?

What are the classifications of web design?

Layout is to arrange pictures and words in different positions on the page in the most suitable way for browsing. Different manufacturers will have different layouts. Web page layout has the following common structures:

1. Structural layout of "Tong" font

The so-called same font is enough, which means that the top of the page is "website logo+ advertising bar+main menu" or main menu, the lower left is the secondary bar, and the right side is the link bar. The layout of specific content is displayed in the middle of the screen.

The advantages of this layout are full use of the layout, clear page structure, left and right stacking, clear priorities and large amount of information; The disadvantage is that the page is crowded and too rigid. If there is no change and adjustment in details and colors, it is easy to feel monotonous.

2. "Guo" font layout

The layout of "Guo" font evolved from the layout of "Tong" font. While retaining the "Tong" font, add a horizontal menu or advertisement at the bottom of the page, which is a favorite type of some large websites. Generally, the top is the website title and banner advertisement, followed by the main content of the website, which is divided into two small pieces, the middle is the main part, which is juxtaposed left and right, and the bottom is some basic information, contact information, copyright statement and so on. This structure is the most common type of structure seen on the Internet.

The advantage of this layout is that it makes full use of the layout, has a large amount of information and is convenient to switch links with other pages. The disadvantage is that the page is crowded and closed on all sides, which makes people feel suffocated.

3.t-shaped layout

This is a very vivid statement, which means that the top of the page is "website logo+ advertising column", the left side is the main menu, and the right side is the main content. The advantage of this layout is that the page structure is clear and the priority is clear, which is the simplest layout method for beginners. The disadvantage is that the page is boring. If you don't pay attention to the colors in the details, it's easy to make people "look boring".

4. "Three" font layout

This layout is mostly used in foreign sites, but not in China. The feature is that there are two horizontal color blocks on the page, which divide the whole page into several parts, and most of the color blocks put advertising columns, updates and copyright tips.

Contrast layout

As the name implies, this layout adopts the way of left and right or up and down contrast: half dark and half bright. Generally used for design-oriented websites. The advantages are strong visual impact; The disadvantage is that it is difficult to combine the two parts organically.

6. Popular layout

Pop is quoted from advertising language, which means that the page layout is like a poster, and a beautiful picture is the design center of the page. This type basically appears on the homepage of some websites, and most of them are exquisite graphic design combined with some small animations, putting a few simple links or just an "enter" link, or even making links directly on the pictures on the homepage without any hints. This layout mostly appears on corporate websites and personal homepages. If it is handled well, it will give people.

Bring a pleasing feeling.

7.flash layout

This layout means that the whole or most of the web pages are flash animations and dynamic. The picture is generally not gorgeous and interesting, and it is a relatively trendy layout. In fact, this is similar to the cover structure, except that this type uses the flash that is very popular at present. Different from the cover structure, due to the powerful function of flash, the information expressed on the page is more abundant. If handled properly, its visual and auditory effects are not worse than those of traditional multimedia.