Current location - Recipe Complete Network - Catering training - How to do a good job in the layout design of web pages
How to do a good job in the layout design of web pages
The column planning of a website is a detail that is easily overlooked in the process of website production, because more attention is paid to the design of pages and the functions realized by the website in the process of website production. In fact, the column planning of the website plays a decisive role in the process of website production, and it is a navigation chain for users. Some columns are exquisitely set, which can take users to another page, let users stay in the website and let users know more about the enterprise. So the website column is also a core point. The following Wallan website summarizes some suggestions on website column planning. 1, the focus of website column planning is navigation:

In website planning, we should pay attention to the obvious unified position of navigation bars. Some websites can't do this, which will bring users a circle that is easy to get in and not easy to get out, which will lead users to close the website directly and increase the bounce rate.

2. The column structure of the website should be distinct and clear:

When you open a website, there are many contents and various products, and the column is an important navigation for users to find what they need. Therefore, Jialing Road applet production company suggested that it should be structured and clear, and it is best not to have more than three columns on the website, so as not to let users find what they need layer by layer, which will also have an impact on promotion.

3, website column naming should be clear and easy to understand:

China's writing style is extensive and profound, and some enterprises like to take some column names creatively, which is really good. However, if you want to know the meaning of a name, it is easy to have the opposite effect. If you can create something that is easy to understand and creative, so much the better.

4. The layout of website columns in website construction should be reasonable:

The reminder column of Jialingdao applet production company is not left casually, but also needs to cooperate with the overall collocation of web page design in website construction to achieve the best state of both. The book version is formatted, and the font size, number of lines and number of words are formatted and inverted. Founder typesetting software is generally used. The webpage is different. Page typesetting is to adjust the position and size of various elements such as text, pictures and graphics on the website page to make the layout clear.

Reasonable page layout can make users find the information they want in a short time, and can also give users better visual effects; It can make the whole website look uniform in style and reasonable in collocation; Reasonable layout is also more in line with users' reading habits, such as clear text, appropriate spacing, moderate text and comfortable reading experience. The shape, size, number of images and their relationship with the background are closely related to the content.

Shape processing of (1) image

The appearance of the image can change the atmosphere of the page and directly affect the interest of the viewer. Generally speaking, squares are serious, triangles are sharp, circles or curves are soft and friendly, and basemaps and some irregular or borderless images are lively.

(2) the area of the image

The area occupied by an image in a web page can directly show its importance. Generally speaking, the big picture is easy to form a visual focus, has a strong appeal and conveys strong emotions; Commonly used small pictures are interspersed in word groups, which are concise and exquisite, and have the function of embellishing and echoing the theme of the page. In a page, if there is only a big picture without a small picture or fine words, it will appear empty, but only a small picture without a big picture makes the page lack visual impact.

The size of the image not only determines the master-slave relationship, but also controls the balance and movement of the page. The size contrast is strong, giving people a sense of jumping and making the protagonist more prominent; If the size contrast is weakened, the page will be stable and quiet. This is because when visitors browse the page, they will first notice the large image and then see the smaller image. This guidance from big to small makes the viewer's eyes flow on the page, creating a dynamic situation and making the page vivid.

Therefore, when designing a web page, we must first determine the main picture and the auxiliary picture, expand the area of the main picture, and reduce the role of the auxiliary picture to a subordinate position. Only the combination of large and small images can form the best visual effect of the page. Page layout design is an important link in the website. So, what methods and principles should be paid attention to when designing the layout? Next, Bian Xiao of Huizhou Huaxin Global Technology Co., Ltd. will discuss this issue with you.

Create an appropriate grid on the page. The layout grid is composed of some vertical and horizontal lines, which can be used to structure the content of web pages. Grid is a whole frame, and it can also be used as a layout to organize the text and pictures of the frame. This is a good design foundation, which is conducive to the layout of creative games and makes the design reasonable. Using grid can better solve the problem of positioning elements in the page, thus making the layout planning more accurate, and at the same time using grid can also make the layout design more efficient. In web pages, harmonious visual aesthetic feeling can also be constructed through a series of repetitions and fixed intervals, such as the size and spacing of some fonts, the distance between modules and so on.

In any space or interface at different levels, the organizational structure and elements of content exist, while the content planning and page design at the visual level are actually designed according to the same principle, and the stippling of visual art in primary and secondary schools is also divided into primary and secondary schools. In layout design, the objective existence of hierarchical relationship should be reconstructed through layout. By doing this, you can improve the visual clues of elements such as text and images, so as to obtain better interface clarity and make it easier to read the contents of website pages. In the design, we can deal with the classification effect through font size comparison, text effect, color block and so on. For example, the text should be large, the text should be small, and the color block should be important and light.

Web page layout design is not difficult. We can plan and control through fonts, line spacing, color blocks, grids, etc. To complete the page layout, we should also pay attention to the position of the picture on the page and control the size and color. If you can control the pictures available on the page well, it will promote the appearance and feeling of the page layout. The proper collocation of various elements on the page makes the text, pictures and other contents on the page more harmonious, thus designing a good page layout.