Traditional Culture Encyclopedia - Traditional virtues - What are the layout types of web pages?

What are the layout types of web pages?

1, "Guo" font

It can also be called "Tong" font, which is a favorite type of some large websites, that is, the title and banner advertisement of the website are on it, followed by the main content of the website, which is divided into two small pieces, the left and right, and the main part in the middle. Here are some basic information, contact information and copyright statement of the website.

2. Corner type

This structure is actually only different from the previous one in form. Actually, it's very similar. There are headlines and advertising banners on it, a narrow list of links on the left, and wide text on the right. Below are some auxiliary information of websites. In this type, a common type is the title and advertisement at the top, and the navigation link on the left.

3. Title text type

This type is the title at the top or something similar, and the following text, such as some article pages or registration pages.

4. Vegetation types

This type is basically the homepage of some websites, mostly some exquisite graphic design combined with some small animations, putting a few simple links or just an "enter" link or even directly linking on the picture of the homepage without any hint. Most of these are corporate websites and personal homepages. If handled well, it will give people a pleasing feeling.

5. "T" structure layout

The so-called "T" structure layout refers to the combination of the top and left side of a web page, with the horizontal website logos and advertising bar at the top of the page, the main menu at the bottom left and the content displayed on the right. This is the most widely used layout method in web page design. In actual design, the form of "T" structure layout can also be changed.

For example, the left and right two-column layout, half is text, and the other half is images and navigation. Or arrange the text in two columns, and separate the picture from the text by distinguishing the background color.

This layout has its inherent advantages, because people's attention is mainly in the lower right corner, so most of the letters that enterprises want to publish to users can be obtained by users as much as possible, and it is very convenient, followed by clear page structure, clear priority and convenient use. The disadvantage is that the rules are rigid. If you don't pay attention to details and colors, it's easy to make people "look boring".

6, "mouth" layout

This is an image. There is an advertising column at the top and bottom of the page, with the main menu on the left, the friendship link on the right and so on, and the main content in the middle.

The advantages of this layout are full pages, rich content and large amount of information. It is a common layout of comprehensive websites, especially the row of small icons at the top and middle has played a positive role.

The disadvantage is that the page is crowded and inflexible. There are also four sides left blank, and only the middle window is used for design. For example, Netease wallpaper station adopts multi-frame form, only the central part of the page can scroll, and the interface is similar to the game interface. Entertainment websites that use multidimensional games in this format.

7. Three-type layout

This layout is mostly used in foreign websites, but not in China. Its characteristic is that there are two horizontal color blocks on the page, which divide the page into four parts, and most of the color blocks put advertising strips.

8. Symmetrical contrast layout

As the name implies, it refers to a layout that is symmetrical left and right or up and down, half dark and half bright, and is generally used to design websites. Its advantage is strong visual impact, but its disadvantage is that it is difficult to combine the two parts organically.

9. Popular layout

POP comes from advertising terms, which means that the page layout is like a poster, with a beautiful picture as the design center of the page. Often used in fashion websites, the advantages are obvious: beautiful and attractive, but the disadvantage is slow speed.

Web design (also called Web UI design, WUI design) is to plan the website function according to the information that the enterprise wants to convey to visitors (including products, services, ideas and culture), and then beautify the page. As one of the publicity materials of enterprises, exquisite web design is very important to enhance the internet brand image of enterprises.

Web design is generally divided into three categories: functional web design (service website &; B/S software client), image web design (brand image station), information web design (portal station). The purpose of designing web pages is different, so we should choose different web page planning and design schemes.

Extended data

With the rapid development of the network, websites have risen rapidly. As the main support of surfing the Internet, it becomes very important because people frequently use the Internet. Because enterprises need to present products, services, ideas and culture through websites, or provide some functional services to the public. Therefore, web design should first make clear the purpose of designing the website and the needs of users, so as to make a feasible design scheme.

Professional web design needs to go through the following stages:

1. We need to make a comprehensive analysis according to consumers' needs, market conditions and enterprises' own conditions, so as to establish a marketing model.

2. Carry out functional planning centered on business objectives and make a columnar structure diagram.

3. With the goal of satisfying the user experience design, use AXURRP or similar software to plan pages and make interactive use cases.

4. With exquisite page design as the goal, use PS, AI and other software to adjust and beautify the page design with more reasonable colors, fonts, pictures and styles.

5. According to user feedback, adjust the page design to achieve the best results.

References:

Baidu encyclopedia-web design