Webpage aesthetic design principles (II)

Ii. PlaneDesignOrchestration Structure Principle

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 onDesignCreative ideas, presentation skills, technical skills, and the ability to orchestrate lay-out pipelines.

Currently, many ChineseDesignComputer Screen visual presentation is dependentDesignOr based on years of practical experience. But "feeling" is intended to learn multimediaDesignThe "experience" is even more cruel. Therefore, the "Beauty principle" is applied to the planeDesignOrchestration and Composition Form A "PlaneDesignOrchestration structure principle ", can help beginners; or evenDesignTeachers are still able to produce standard works when they face a lack of "feeling.

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

LayoutDesignAnd stageDesignSimilarly, 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. So the master-slave relationship isDesignBasic configuration conditions.

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. SimilarlyDesignThere are also intense dynamic and quiet configurations.

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

The Greek art features the "golden ratio" inDesignWhen the length, width, height, and column type and position of a building are determined by the "golden ratio", a unique Greek architectural style can be created, it can also produce stable and moderately tight visual effects. 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 is the human perception, with a subtle difference between the left and right. 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

On the LayoutDesignThe 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.DesignWhen making a chart, the home often uses 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. About LayoutDesignThe space-time white space problem is also very important, even if the same photo, the same sentence will be difficult to express the true image due to the amount of space. No matter how good the typographical sense is,ArticleThe number of blank pages displayed by the reader has already scored well.

Layout Rate

InDesignOn paper, the typographical 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. IfDesignWhen there is a lot of information in the magazine layout, it is obviously not suitable to use a lot of blank space.

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.

generally, during multimedia visual communication Design before that, the first choice was to use the standard for the size of words on the screen, Design the process varies.