On the Artistic Performance of WWW webpage based on the principle of beauty

I. Principle of beauty

What is beauty? What are the conditions for beautiful things?

Based on the common beauty of human beings, we can develop ten principles of beauty: continuity, gradient, symmetry, comparison, proportion, balance, reconciliation, rhythm, unity, and integrity.

Before discussing the principles of beauty, you must first understand the meaning of "unit. The Unit is the most basic unit element in the same or similar image combination. The Unit shapes can be arranged separately or in a "unit-form combination". Then, the unit-form combination is used as the basis for regular and repeated arrangement. The following legends describe eight "" types in a "" configuration 」.

Create eight "unit-form Combinations" with a "unit-form" configuration

Each "unit-form combination" can be repeatedly developed into a complex and interesting method in the form of linear regression, that is, two-party continuous regression, and four-party continuous regression, loops, radiation, and mirroring. plane Diagram. It is a Plane Chart composed of ring-shaped development.

A plane chart composed of loops

The following is an overview of the ten beautiful principles:

Continuous

"Continuity" is a kind of strict order arrangement with no beginning, no end, and no edge. It is only a special case of repetition, so regular repetition may not necessarily produce continuity. "Continuous" is an infinite expansion that can go beyond any frame restriction. "Continuity" includes "two-party continuity" and "four-party continuity 」.

The "two-party continuity" refers to the regular arrangement in the unit form to the left or right or up or down. It can be extended in straight direction, twists and turns, and wavy directions.

"Is a phenomenon in which the Unit is scaled up and down, and a continuous graph can be generated. It is one of the methods to create a four-byte continuous graph by adding the lines that are consecutively arranged between the two sides and the left and right sides.

Twenty gradient

"Gradient" is a gradual change with certain order and regularity. In addition to shape gradient, "size gradient", "color gradient", "position gradient", and "direction gradient" can be used independently or in combination.

Any gradient that forms an element has its start and end, or starts from one party. After the gradient, the original cycle is restored. For example, a shape gradient can gradually change from a shape to another shape, or gradually return to a shape from another shape. Whether it is the beginning or the end, it can become the focus of the design in the gradient design, and in the whole process of repetition of the beginning and the end, it will lead to a sense of rhythm.

The form of gradient can be developed from top to bottom, from left to right, or from the center, or diversified.

The gradient is shown in the following forms:

Gradient 1 gradient of the natural image, gradient 2 gradient shape, gradient 3 gradient size, gradient 4 gradient position,

Gradient 5 in the direction of the gradient, gradient 6 in the color gradient.

Symmetric

Visually, a point or line is regarded as the reference, and a shape that looks equal up or down or left or right is called symmetric 」. "Symmetry" indicates that it is commensurate, homogeneous, and integral. Symmetric shapes are always considered stable and functional.

The form of symmetry includes:

Region 1 is symmetric, Region 2 is symmetric, and Region 3 is symmetric.

Generally, symmetrical images have simple aesthetic and static security, but they are easy to flow and dull. In general, a simple symmetric image has a generous and powerful character. A fine symmetric image can increase the filling of the work. Many product designs use this feature.

Comparison between limit 4 and limit

The elements are configured together and compared to each other to form a tension between the two types of resistance, which is called "comparison 」. This is a commonly referred to as "comparison element", which leads to relative exclusion 」.

The comparison element is widely used in terms of shape, color, texture, direction, and area. The circle, triangle, and square shapes are compared. For example, the red bricks and bricks have the same shapes, and their texture is obviously different and have a comparative nature.

The intensity of the comparison depends on the configuration relationship of the comparison elements. In general, the combination of different elements will stimulate each other and lead to a comparison, which will make the strong stronger, the weak weaker, the larger, and the smaller the small. That is, through the comparison, the characteristics of individual elements can be enhanced.

The comparison takes the following forms:

Comparison of Region 1 and Region 2 shapes, comparison of Region 3 and region 4 brightness,

﹝ 5 ﹞ Color comparison, ﹝ 6 ﹞ Color comparison, ﹝ 7 ﹞ texture comparison, ﹝ 8 ﹞ dynamic comparison,

Comparison of the 9-digit position and 10-digit other comparison.

5-digit ratio

In terms of shape, the so-called "proportion" refers to a ratio between the length or area, which describes the relationship between the part and the part; or between the part and the whole.

In human history, proportions have been applied to buildings, furniture, crafts, and painting. In particular, the "proportions" in Greek and Roman buildings are considered a beautiful representation. In addition to architecture, there are several ideal proportions. Ancient scholars formulated it as the basic principle of design for unification and change. The most basic and important proportion is the "golden ratio 」. In ancient Greece, the "golden ratio" was regarded as the perfect proportion, and the style was in use. The basic method is to divide a line into two segments. The length ratio of a small line to a large line is equal to the length ratio of a large line to that of all lines. This proportional split method is "golden ratio 」. Limit 6 balanced

"Balance" means that two forces maintain each other. That is to say, two or more components are evenly configured on a base pivot, in order to maintain a mechanical balance and reach a stable State.

In an order of creation, "balance" is an extremely important one. Because the generative work is not really concerned about the actual weight relationship, the word "balance" should be a visual balance in the world of Plane Shapes. This is different from the balance of mechanics, the balance of mathematics, and the "average" in other disciplines.

For "balance", there are symmetric and asymmetric balances. In the "balance" exercise, the focus is on how to achieve visual stability and psychological balance. Such as shape, color, material in the screen weight, size, light and shade, color, strength, texture... and so on.

When the two components exist together, if the gap between the two components is too large, the comparison is triggered 」. If the two components are similar, the contrast stimulus becomes smaller, and a common order can be generated to reconcile the two. For example, black and white are a strong contrast color, and the gray in it is the "Harmony" between the two 」.

"Harmony" Visually gives us a sense of beauty. Therefore, the principle of reconciliation has always been a topic of interest, especially color or shape. However, in order to achieve "Harmony", the unification of various elements is still necessary. For example, the combination of colors, tone, and brightness can produce "Harmony 」. The width and size of the line on the shape will affect the shape, but as long as the shape can be consistent, it can also produce a sense of harmony. In addition to color and shape, texture is also an important factor in "Harmony. For example, using the same material as materials for building or garden design is also one of the ways to achieve "Harmony.

8.

All regular or irregular repetition and arrangement, or periodic or gradual change, are "active 」. It gives people a sense of unity and frustration.

In general, rhythm is closely related to time, because in other time-based art fields, rhythm beauty can be expressed, such as music, dance, film, drama, and poetry. In terms of music, the use of time interval will make the voice strong or strong show rhythm and beauty, and show a sudden change. In our living environment, changes in the Four Seasons, growth of plants, movements of animals, and various physiological reactions are subject to rhythm. In addition, the image of waves, sand sands, wheat waves, smoke, and roof tiles in the natural world has been continuously developed and repeatedly presented with a visual rhythm.

Uniform

Combine the common elements to organize and organize the elements of the same or similar form, color, and texture in sequence or draw a picture, so that they are in an orderly and interrelated or commonly used role, yes 」.

"Unification" is a beautiful fundamental order. In general, a unified expression can express noble and authoritative emotions, and can also achieve a balance and a harmonious aesthetic. However, excessive unification will lead to the loss of vivid and rigid data. For example, when the size, shape, and color are exactly the same, and the distance is arranged, it will produce a monotonous feeling. So while paying attention to unification, we need to pay attention to the issues of changes. "Change" is also a form of beauty. The so-called "change" seeks change among the heterogeneous elements. In other words, it is appropriate to organize different forms, sizes, colors, brightness, color, direction, and texture to make them vivid, lively, and free from disorder.

Complete

No matter how complicated the creation process is, the artist's instant pursuit of perfection applies to any piece of work of art. Integrity is divided into sensory aspects based on the human perception and needs. The sensory aspects include various sensory aspects, concepts, and functions. For example, a good dramatic performance not only brings visual and auditory integrity to the audience, but also provides the audience with a complete creative idea that the Playgirl wants to express.

Ii. composition principle of graphic design and Arrangement

On the one hand, a multimedia viewer obtains information and responds to the visual representation presented on the computer screen. On the other hand, according to his aesthetic experience, the visual presentation on the computer screen is pleasing to the eye, causing his good communication mood. A pleasing visual presentation depends on the designer's creative idea, presentation skills, and the ability to orchestrate an interactive lay-out presentation.

At present, many of the computer screen visual presentations designed in China rely on the designer's feelings for processing, or rely on its years of practical experience. However, "feeling" is difficult for people who want to learn multimedia design, and "experience" is even more cruel. Therefore, the "beautiful principle" is applied to the orchestration and composition of graphic design to form the "Principles of graphic design orchestration", which can help beginners. For designers, in the face of a lack of "feeling", they can also produce standard works.

Comparison of shard 1 shard size

The relationship between dimensions and dimensions is one of the most important factors in shape creation. It almost determines the relationship between images and reconciliation. There are few differences in size, giving people a more gentle feeling, a greater difference in size, giving people a more clear feeling, and a strong sense.

Comparison between the brightness and brightness of the second half

Yin and Yang, is opposite, day and night, etc. Such a comparison statement can make people feel the relationship between light and shade in daily life. The early birth of babies can only distinguish between light and shade visually. Although cattle, dogs and other animals can easily recognize black and white, they cannot easily identify the color or color, the dark, dark, and white colors are the most basic elements in a sense of color.

Comparison of thickness between three dimensions

The thicker the font, the richer the male spirit. If it represents fashion and female, it is usually represented in fine words. If the font size increases, the font size should be reduced. Such a combination looks bright.

Comparison between four-digit curve and straight line

The curve is soft and relaxed. the straight line is strong, sharp, and masculine. In nature, both of them are properly mixed. We usually do not pay attention to this relationship. However, when a curve line or straight line emphasizes a shape, we are deeply impressed and at the same time have a corresponding emotion. Therefore, we often emphasize some straight lines in order to deepen the curve impression. We can also say that a small number of straight lines will make the curve more eye-catching.

Texture comparison

In the daily life of ordinary people, texture may be seldom heard, but in the aspect of art, texture is a very important element of creation. For example, relaxation, smoothness, and moisture all describe texture. Therefore, texture not only shows emotion, but also integrates with this emotion. We observe the painter's work, and often pay attention to the color and Image structure. In fact, texture is the main factor that determines the style of the work. Although the color or object will change, as a basic texture, it is closely related to the essence of a painter and is not easy to change. It is easy for outsiders to neglect this point. In fact, this is the most important basic element and the strongest influence on emotions.

Comparison of the position of the sixth percentile

Placing an object on both sides of the screen not only can be emphasized, but also can be compared. The upper and lower sides of the screen, the left and right sides, and the diagonal lines have potential features. In this case, you can configure photos, titles, logos, and marks to show hidden power. Therefore, in the potential positions of opposites, place distinctive elements to show the contrast and produce a compact picture.

Comparison between master and slave nodes

The layout design is the same as the stage design. When the relationship between the protagonist and the secondary role is clear, the audience's psychology will settle down. It is a very orthodox method to clearly express the master-slave mechanism, which gives people a sense of peace of mind. If the relationship between the two is vague, the relationship will be at a loss. On the contrary, if the protagonist is too strong, it will become a vulgar image. Everyone can see the main character in the drama. If the layout shows who is the main character, the readers will be more familiar with the content. Therefore, a master-slave relationship is the basic condition for the design and configuration.

Comparison between dynamic and static la s

The beginning of a story includes beginning, explanation, transformation, and result. In a courtyard, there are also the cooperation of rockery, pool water, vegetation, waterfall and so on. There are also fierce developments and static parts in the design configuration.

The shape of diffusion or flow is "dynamic 」. The horizontal or vertical enhancement is in the "quiet" shape 」. In contrast, the two are configured, while the "dynamic" part occupies a large area.

The "quiet" part occupies a small area, and the surrounding area is properly reserved to emphasize its independence. This arrangement is generally used to configure the focus of the four pictures. Therefore, although the "quiet" part only occupies a small area, it has a strong sense of presence.

9. Comparison of multiple types

There are also various comparisons between curves and straight lines, vertical and horizontal, acute angle and blunt angle. If we combine the aforementioned comparisons with these elements, we can create a changeable picture.

Starting from and receiving

The space of the layout is dynamic due to various forces, and thus the space is dominated. Generate dynamic shapes and accept these dynamic shapes. They work together to make spatial changes more vivid.

When we want to build a rockery garden, we pay great attention to the export of water because the export of water is a dynamic starting point, and the whole garden will be affected by it. When talking about the layout structure, the principle is the same. The starting point and the receiving point will echo and coordinate each other. The longer the distance between the two, the more obvious the effect, and the two sides of the screen can be used, but the starting point and the receiving point must pay special attention to the balance, and there must be appropriate changes in strength and weakness, if one party is too weak, it cannot resonate.

11. Geo chart and location

When the light and shade are reversed, the relationship between the map and the Earth changes. Generally, printed materials are printed on white paper. White Paper is called the ground, and black words are called graphs. On the contrary, sometimes the anti-white effect is printed on the black paper. At this time, the black bottom is the ground, and the white word is the figure. This is a phenomenon of black and white conversion. 12th percentile balance

When walking and kicking a rock, the body will fall out of balance. At this time, it is natural that a hand or foot will be quickly stretched out to maintain the balance of the body. Based on this natural principle, if we change the position of each part of a good original work and compare it with the original work, we can easily understand the composition principle of the sense of balance.

Ipv13th symmetric

Start from a point and expand to the left and right sides at the same time. It is called the Left and Right symmetric shape, and the English name is ry. The symmetrical principle can be used to develop complicated states such as Vortex shapes.

In daily life, there are indeed many common symmetrical things, such as the Buddha statue configuration or the temple configuration in the Japanese shrine. Symmetry will show high-profile, stylized images.

14th highlight

In a layout with the same style, adding appropriate changes without affecting the style will produce the effect of emphasis. It breaks the monotonous feeling of the layout and makes the layout vigorous, vivid, and changeable. For example, the layout is a text arrangement, and it looks tasteless. If illustrations or photos are added, it is like a stone throwing into the calm water, resulting in a wave of Ripple.

15th percentile

Greek art features the golden ratio. If you can refer to the golden ratio when designing the length, width, height, and column type and position of a building, it can generate a unique architectural style in Greece and a steady and moderately tight visual effect. Length ratio, width ratio, area ratio, and so on can produce the same functions as other shaping elements and provide excellent images. Therefore, it is very important to use appropriate proportions.

The shape with a common impression can produce a sense of rhythm when arranged repeatedly. You don't have to use things of the same shape as long as you have a strong impression. Three or four appearances can produce a relaxed sense of rhythm. Sometimes, only the shape with secondary features is used repeatedly, which will produce a sense of rhythm.

The center of gravity around the 17th percentile

There is a subtle difference between the left and right in people's feelings. Because there is a strong attraction in the bottom right corner. When considering the balance between left and right, how to deal with this issue becomes a critical issue.

Human Vision is more natural for the flow from top right to bottom left. The title and illustration are left empty in the lower right corner of the orchestration text, which produces a natural flow. If it is reversed, it will lose its balance and become unnatural. This balance between the left and right directions may be related to people's right hand!

18th percentile centripetal force and Proliferation

In our emotions, we will always be aware of the central part of things. Although we don't care about things, in our hearts, we always want to detect the central part, as if so, to have a sense of security, which constitutes the central vision. In general, it seems gentle to the heart, which is also a favorite method, but it is easy to be ordinary. The centrifugal layout can be called a diffusion type. A typical example of modern orchestration with diffusion.

19th percentile JUMP Rate

In layout design, the title size must be determined based on the content. The ratio of the title to the size of this article is called the Jump rate. The larger the Jump rate, the more lively the layout; the smaller the Jump rate, the higher the layout style. According to this scale, it is easy to judge the layout effect. After determining the font size of the title and the text in this article, we also need to consider the proportional relationship between the two sides. How to further adjust it is also a great learning.

﹝ ﹞ Unification and reconciliation

If the comparison relationship is put too much emphasis on, and the space is reserved too much or too many shaping elements are added, the picture may be confused. To reconcile this phenomenon, it is best to add some common shaping elements to make the image have a common style and have a feeling of overall unity and reconciliation.

Repeated use of the same things can make the layout more harmonious. If we put the same shape together, we will be able to have a continuous feeling. They work together to create a unified and harmonious effect.

Lead

A guide line is formed based on the direction of the eyes or objects. It is called a wire. When designing a diagram, designers often use wires to make the overall picture more eye-catching.

Images of the second and second worlds

The general orchestration format is in the standard shape of the Four-angle character layout, and all other forms are deformed. The four corners of the corner are at a right angle, giving people a regular feeling with few expressions, while other variants present a variety of expressions. For example, a triangle that becomes an acute angle has a sharp and clear sense. It is close to a circular shape and has a mild and weak feeling.

The same curve also has different expressions, such as the regular and the circle drawn by the instrument, which has a hard feeling, but the circle drawn by the hand has the beauty of the soft circular curve.

Horizontal line

At dusk, the horizontal line is combined with the sunset. At dawn, the bright sunrise rises from the horizontal line. The horizontal line gives a stable and peaceful feeling. No matter the beginning or end of a thing, the horizontal line always expresses a static moment.

Vertical Line

The vertical line is the opposite of the horizontal line. The vertical line represents the dynamic force of stretching up, and has a hard and rational image, making the layout look calm and clear. If the unreasonable emphasis is placed, it will become cold and stiff, making it difficult for people to approach.

Comparing the vertical line with the horizontal line can make the two more vivid, not only make the picture more compact, but also avoid indifference and rigidity, intercept between them, and make the layout more complete.

Sun and sun

When looking at the bright outside of the dark cave, the characters in the cave always show only the outlines, and the outside scenery should be carefully painted. This is to grasp the daily situation and abnormal brightness at the same time, revealing incredible space.

The normal light and shade status is called "Sun and sun". The opposite is "yin and Sun 」. When creating a layout, you can use the relationship between the sun and the sun to draw new images with different daily feelings.

Limit limit of white space

The fast speech method is suitable for evening news broadcasting, but not for ceremonies because there are too few blank spaces in each sentence. It is also important to talk about the space-time white space in layout design. Even if the same photo is used, the same sentence will be difficult to express the true image due to the amount of blank space. No matter how good the sense of balance in the layout is, the article is beautiful, and the readers have already scored it when they read the blank space of the layout.

Layout Rate

On the design paper, the layout area used in this article is called the layout, and the ratio of the layout to the whole page is called the layout rate. Blank spaces have a decisive influence on the layout. If you add more blank spaces, the style will be improved and the layout will be stable. A small number of blank spaces will make people feel lively. If a large number of blank spaces are used to design a magazine layout with a rich amount of information, it is obviously not suitable.

The font size on the screen.

Multimedia images are usually displayed on a computer image monitor or television.

According to the analysis, for visual comfort, the smallest and clear Chinese font displayed on the computer image display should be a 16 pixels drawing W x 16 pixels drawing H character matrix font. The smallest and clear Chinese font displayed on the TV should be a 36 pixels drawing W x 36 pixels drawing H # lattice font, because the TV needs to be viewed from a long distance. In terms of reading habits, the best condition for people to read Chinese horizontally is that a column should contain no more than 35 words.

According to the requirements of the viewer, the resolution of the Multimedia Computer Image Display is preferably set to 640 pixels × W × 480 pixels × H × ﹞. Generally, the resolution of a TV is fixed to 512 scanning lines in the upper and lower directions. The two are much smaller than that of the average print resolution of 350dpi.

In general, before designing multimedia visual communication, the first choice is the use of the size of words on the screen, which is different from the general graphic design process.