Web Design
Mobile Internet
Brand Design
Innovative
News
Encyclopedias

What is the layout of website page design?

Date:2016-12-23 Source: Shangpin China Type: website encyclopedia
Word Size: small   medium   big

The layout and display form of the website page directly affect the convenience of users to use the website. Reasonable page layout enables users to quickly discover Website construction Core content and services: If the page layout is unreasonable, users do not know how to obtain the required information, or it is difficult to find the corresponding information, then they will leave the site, or even will not visit the site in the future. The common layout forms of web pages are roughly "country", "factory", frame, cover, Flash and title text.

1、 "National" layout

The "national" shape layout is shown in the following figure. On the top is the logo, advertisement and guide column of the website. Next is the main content of the website. Some columns are listed on the left and right, with the main part in the middle and some basic information of the website at the bottom. This structure is a common layout for some large and medium-sized websites in China. The advantage is that the layout is fully utilized and the amount of information is large. The disadvantage is that the page appears crowded and not flexible enough.

 "National" layout

2、 "Factory" shaped layout

The "factory" font layout means that the top of the page is a sign+advertising bar, the bottom left side is the main menu, and the right side displays text information, as shown in the following figure. This is a layout method widely used in web page design, which is generally applied to the secondary pages of enterprise websites. The advantage of this layout is that the page structure is clear and the primary and secondary are clear, which is the most easy layout method for beginners. In this type, a very common type is that the top is the title and advertisement, and the left is the navigation link.

 "Factory" shaped layout

3、 Frame layout

The frame layout is generally divided into upper and lower or left and right layout. One column is the navigation column, and the other is the body information. The complex frame structure can divide the page into many parts. The common layout is a three column layout, as shown in the following figure. Image ads are placed in the upper column, navigation bar is displayed in the left column, and text information is displayed on the right column.

 Frame layout

4、 Cover layout

The cover type layout is generally applied to the main page of a website or the advertising page. It adds simple text links to the refined images to point to the main columns of the page, or to the next page by entering the link. The following figure shows a page with a cover page layout.

 Cover layout


5、 Flash layout

This layout is similar to the cover page layout structure. The difference is that the page uses Flash technology, which is very dynamic and can greatly enhance the visual effect of the page, as shown in the figure below.

 Flash layout

6、 Header Body Layout

This type refers to the title or something similar on the top, and the body below, such as some article pages or registration pages. As shown in the figure below, the title body page layout is adopted.

 Header Body Layout


Please contact our consultant

+86 10-60259772

Please provide your contact number. The project manager of shangpin China will contact you as soon as possible.