MENU service case
Website construction website design Beijing website construction high-end website production company Shangpin China
We create by embracing change
360 ° brand value__
simplified Chinese character
Simplified Chinese English

Shangpin China Joins Hands with Beisheng Internet to Create a New Chapter in Website Construction

Type: Shangpin Dynamic Learn more

Website design is actually the composition of points, lines and planes

Source: Shangpin China | Type: website encyclopedia | Time: December 25, 2015
Dots, lines and planes are the basic elements of visual space, and are the basic design language to express the visual image. Website Design In fact, it is how to manage the relationship between the three, because no matter what visual image or format composition. In the end, they can be summarized as points, lines and surfaces. A button or a text is a point: the arrangement of several buttons or texts forms a line; while the movement of a line or several lines of text or a blank can be understood as a face.

1、 Point composition

In a web page, a single and small image can be called a dot. In comparison, for example, a Chinese character is composed of many strokes, but in the whole page, it can be called a point. A dot can also be a relatively small and simple visual image in a web page, such as a button, logo, etc.

It should be noted that not only circular objects are called points, but square, triangle and free form can all be used as visual points. Points are visual elements that exist relative to lines and faces.

Point is the most basic unit of web page. In web page design, we often need to add some points subjectively, such as adding NEW after the news title, and adding a square or round point in front of each small line of text. Dots play a lively and vivid role in the page. If used properly, they can even play a finishing touch. A web page often needs a number of points with the most different shapes. The shape, direction, size, location, aggregation or divergence of points can bring people different psychological feelings.

2、 Composition of lines

The extension of a point forms a line. The role of a line in a page is to indicate direction, position, length, width, shape, quality and thread.

Line is one of the main elements of page segmentation and the basic element of page phenomenon. Lines are divided into straight lines and curves. This is the overall shape of the line. At the same time, the line also has the body shape and the shape of both ends. The overall shape of the line includes vertical, horizontal, inclined, geometric curve and free line.

Lines are divided into four categories: straight lines, curves, polylines, and a mixture of the three. There are three forms of straight line: horizontal line, vertical line and diagonal line. Among them, the horizontal line gives a feeling of calm, openness and ease: the vertical line gives a feeling of loftiness, straightness and seriousness; Curved, folded and curved lines have a strong sense of movement, which is more likely to cause the line of sight to move forward, backward or swing: free lines are the best means of expressing emotion. Applying different lines to page design will achieve different results. Knowing when to use what kind of lines can fully express what you want to reflect. As shown in the figure below, it is a web page composed of lines.

Signing the website production project of China Agricultural Development Group Cooperative Development Company

3、 Face composition

A face is a combination of countless points and lines. The mask has a certain area and mass, and occupies more space, so it has greater and stronger visual impact than points and lines.

When there is a point in the page, it can attract people's attention. When there are two points, people's vision will flow back and forth between them. When the two points are staggered, the line of sight swings in a curve. When two points are different in size, the line of sight will flow from the big point to the small point, and produce a perspective effect, giving people a sense of distance. When there are three points in the page, the line of sight flows between the three points, which will make people associate faces. When irregular points appear in dense points of the same shape, they can attract people's attention.

It can be seen that the visual flow caused by the arrangement of points introduces the factor of time. With the change of the size, shape and distance of points, you can design a page rich in rhythm. The continuous arrangement of points forms a line. The closer the distance between points is, the more obvious the characteristics of the line will be. The dense arrangement of points forms a surface. Similarly, the closer the points are, the more obvious the characteristics of the surface will be.

Only by properly arranging the relationship between the parties can we design web works full of beauty, artistic sense and practicality. In the visual composition of web pages, points, lines and surfaces are not only the most basic modeling elements, but also the most important means of expression. When determining the position and dynamics of the main image of the web page, points, lines and surfaces will be the first factors to be considered. Only by reasonably arranging the relationship among points, lines and surfaces can we design a page with the best visual effect. As shown in the figure below, it is a web page composed of faces.

Website Production Project of Contracting State Nuclear Power Planning, Design and Research Institute
Source Statement: This article is original or edited by Shangpin China's editors. If it needs to be reproduced, please indicate that it is from Shangpin China. The above contents (including pictures and words) are from the Internet. If there is any infringement, please contact us in time (010-60259772).
TAG label:

What if your website can increase the number of conversions and improve customer satisfaction?

Make an appointment with a professional consultant to communicate!

* Shangpin professional consultant will contact you as soon as possible

Disclaimer

Thank you very much for visiting our website. Please read all the terms of this statement carefully before you use this website.

1. Part of the content of this site comes from the network, and the copyright of some articles and pictures involved belongs to the original author. The reprint of this site is for everyone to learn and exchange, and should not be used for any commercial activities.

2. This website does not assume any form of loss or injury caused by users to themselves and others due to the use of these resources.

3. For issues not covered in this statement, please refer to relevant national laws and regulations. In case of conflict between this statement and national laws and regulations, the national laws and regulations shall prevail.

4. If it infringes your legitimate rights and interests, please contact us in time, and we will delete the relevant content at the first time!

Contact: 010-60259772
E-mail: [email protected]

Communicate with professional consultants now!

  • National Service Hotline

    400-700-4979

  • Beijing Service Hotline

    010-60259772

Please be assured to fill in the information protection
Online consultation

Disclaimer

Thank you very much for visiting our website. Please read all the terms of this statement carefully before you use this website.

1. Part of the content of this site comes from the network, and the copyright of some articles and pictures involved belongs to the original author. The reprint of this site is for everyone to learn and exchange, and should not be used for any commercial activities.

2. This website does not assume any form of loss or injury caused by users to themselves and others due to the use of these resources.

3. For issues not covered in this statement, please refer to relevant national laws and regulations. In case of conflict between this statement and national laws and regulations, the national laws and regulations shall prevail.

4. If it infringes your legitimate rights and interests, please contact us in time, and we will delete the relevant content at the first time!

Contact: 010-60259772
E-mail: [email protected]