版式设计原理（Format design principle）

1、版式设计原理（Format design principle）, the first resource layout design principle, section.Space compositionOne, the composition of dot and space arrangementIn the layout, the visual and psychological effects are different due to the size, shape and location.* the narrowing of the dots plays a role of emp

2、hasis and attention, and the enlargement of the dots has a sense of face. They pay attention to the image of emphasis and performance, giving emotional and psychological sense of quantity.* the amplification plays a leading, stressed and lively layout and become a visual focus effect.* place on the

3、layout: 1, when the point is in the geometric center, the upper and lower left and right space symmetry, visual tension equal, that is solemn and rigid. 2, when living in the visual center, there is a sense of balance and comfort of visual psychology. 3, when the left or right side of the point, res

4、ulting in centripetal movement trend, but too side, but also produce centrifugal sensation. 4, do the upper and lower settings, there is a rising, sinking psychological feelings.In design, the introduction of viewpoint into the design of visual centers is now common. In order to pursue the new forma

5、t, more deliberately pursue the left, right, upper and bottom changes, has become a common format of todays format. In addition, the accurate use of point of view design to perfect expression of emotion, that is, the connotation of the design works more exciting, moving, which is the higher realm of

6、 layout design pursuit.Two, the composition of lines and space1, lineThe trajectory of the point motion is line. The configuration of the lines in the composition is complex, with clear lines, dashed lines, and spatial visual flow lines. However, the concept of line only stays in the clear line of l

7、ayout, but the visual flow line of space is often neglected. In fact, we are in the process of reading a picture in the line of sight is moving with the movement process of each element, have the experience of the process of everyone, but people do not pay attention to your habits build in visual ps

8、ychology this is virtual and real line, so it is easy to ignore or see. In essence, the visual flow line of this space is of great significance to every designer. Thats what were going to talk about in the next chapter. In order to make a clearer picture of the elements and shapes of lines in choreo

9、graphy, the illustration reads as follows:2, the line space segmentationIn the process of page segmentation, we should consider the shapes that each element dominates, and pay attention to the internal relations of space. Ensure a good sense of visual order, which requires the space to be divided in

10、to the corresponding primary and secondary relations, echoing relations and forms of relations, in order to achieve the overall harmonious visual space.* equal division of space. The spatial division of several identical or similar forms in order to obtain order and beauty.* in the space division of

11、 the lines, the order of clarity and orderliness is obtained, and the factors of unity and harmony are also obtained.* through the space division of different proportion, the layout produces the contrast and rhythm of each space.* insert a line in bone column segmentation columns more clear, more co

12、herent, and flexible, enhanced the visibility of the.3, the lines of space force fieldForce field is a kind of virtual space, which is the perception or induction of a certain range of space, so it becomes mental space. The following are weiqi, sun umbrellas, falling love and so on. The force field

13、produced in the layout can only produce the stand induction when the space is divided and limited. Specifically, to insert a line or line frame are segmented and defined in the text and graphics, text segmentation and scope is limited and or graph which produce tension and cause visual attention, th

14、is is the space induced stress field. This approach enhances the spatial interdependence of the layout, and makes it a whole, and makes the layout clear, lively, coherent and flexible. As for the magnitude of the force field, it is related to the thickness and the actual situation of the line. The l

15、ine is coarse and solid, the force field induction is strong; the line is thin and imaginary; the force field induction is weak. In addition, the gap between the columns and columns is defined as static expression;The act of dividing by line; marked by motion.4, the space constraint function of the

16、wireframe. In the bleeding diagram emphasizing emotion or motion, if the line frame is configured, the dynamic and emotional are accordingly stable. In addition, the frame layout is fine, light and flexible, but the induction field is weak; when the wire frame image has been bold, emphasize the feel

17、ing, also induced visual attention; but the line is too thick, the layout becomes stable, rigid and closed space, the field of induction was significantly enhanced.Three, the composition of the plane and spaceThe concept of the surface in the page can be understood as point enlargement, point densit

18、y or line repetition. In addition, the line segmentation produces various proportions of space, and also forms the surfaces of various proportional relations. It has the function of balance, rich spatial arrangement, foil and deepening theme in the layout.Four, three-dimensional space compositionThe

19、 three-dimensional space in life is three-dimensional space, visible and tangible, in-depth, such as when we entered the classroom feeling, while in the planar layout in 3D space, the plane is in a two-dimensional space is established on the spatial relationship in different stereo. Visible and not

20、touched, is the illusion of space. This kind of illusion is expressed by means of many spatial relations, namely, space factors such as proportion, movement and image, texture, etc.1, the spatial level of the proportion relationThe size ratio is near the small space level, far away. In the arrangeme

21、nt, you can enlarge the main image or title text, reduce the secondary image, and establish a good spatial relationship of primary and secondary, strong and weak, in order to enhance the rhythm and brightness of the layout.2, the spatial level of positional relations* the spatial arrangement of the

22、positional relationship between pre stack and back compression. The image or text is arranged in front and back to form a strong rhythmic three dimension space.* the spatial level created on the left, right, bottom, and middle of the page. The best view of the page is the location of the visual cent

23、er and the visual focus, followed by the upper, left, right, and lower visual positions. The arrangement, compliance order, information or visual process important information in areas with high attention value, and other information on the subject to the corresponding left or right configuration un

24、der such a relationship, as before and after superposition technique the effect is strong, but a high degree of visual attention.* the spatial level of spatial relationship created by density. Before and after the overlapping relationship or layout, and sit right, location, location arrangement dens

25、ity, weight, speed, space level generated by the elastic, but also relieve tension or psychological feelings.3, the spatial level of black, white and grayWhether it is colored or colorless pages, are black and white color of the three dimensional space. Black and white are contrasting polar colors.

26、They are simple, strong and eye-catching. They can keep long-distance visual transmission effect. Gray can generalize all the middle colors, and it is gentle and harmonious. The near and far space of the tricolor is determined by the specific shading of the page.The layout emphasizes the tonality of

27、 colors. An excellent design, the tone should be very clear, or high profile, low-key, gray, or contrast strong; or contrast soft. On the contrary, confusion and ambiguity. Therefore, we should strengthen the contrast relation between shape and space, size and area, the whole relationship of writing

28、, and use the area of concentrated approximation to achieve the unity of tone.4, the spatial level of the relationship between the dynamic and static relation and the image textureThe act of making the page vibrant and gaining greater visibility; silence makes the page cool, implicit and stable. Bot

29、h in the layout of the organization, to move for the former, static as the later, each other to the dynamic contrast of space to create a sense of space.With small words or images arranged in the layout, from the overall sense of texture, and its spatial relationship is based on the size of the skin

30、 texture and the relationship between the intensity of the color.The basic type of typographySkeletal typeSkeleton type is a standard and rational segmentation method. The common bone vertical banner, double bar, three bar, four bar and the horizontal banner, double column and three column and four

31、column etc. In general, the vertical column is.In the arrangement of pictures and characters, it is arranged and configured strictly according to the proportion of bones, which gives people the beauty of preciseness, harmony and reason. The layout of the bones after mixing with each other is both ra

32、tional and coherent and lively and resilient.Two, full versionFull page to page is full of images, mainly images for visual communication and strong visual appeal. The configuration of the text is placed on the upper, lower, left, or middle images. Full version gives a generous, relaxed feeling, is

33、a common form of commodity advertising.Three, up and down segmentationThe whole page is divided into two parts, the upper half or the lower half of the picture, and the other part of the configuration copy. The pictures are partly emotional and dynamic, while the copy part is rational and static. Th

34、e pictures arranged in the upper and lower parts can be one or more pictures.Four, left and right segmentationDivide the whole page into two parts, and configure the copy on the left or right. When the two parts of the left and right form strong and weak contrast, the visual psychology is unbalanced

35、. This is only a visual habit of the problem, but also naturally inferior to the visual process of segmentation of nature. However, if the line is divided into virtual lines, or the text is left and right repeated or crossed, the left and right images become natural and harmonious.Five, axial typeAr

36、range the graphics in horizontal or vertical directions, copy the above, or the left and right configurations. The horizontally arranged layout gives a sense of stability, quiet, peace and reserve. The vertical arrangement of the page gives a strong sense of movement.Six, curve typePictures or text

37、are arranged in a curvilinear arrangement on the page layout to produce rhythm and rhythm.Seven, inclined typeLayout of the main image or more plates tilted layout, resulting in a strong dynamic layout and unstable factors, eye-catching.Eight, symmetricalSymmetrical typography gives a sense of stabi

38、lity, decency and reason. Symmetry has absolute symmetry and relative symmetry. Generally, relative symmetry is adopted. To avoid being too strict. Symmetry is generally dominated by left and right symmetry.Nine, central typeThe focus of three Kai read. 1, directly with an independent and clear imag

39、e occupy the center of the layout. 2. Centripetal: the movement of visual elements into the center of the page. 3, centrifugal: as if the stone into the water, resulting in a circle of outward diffusion arc motion. The gravity format creates visual focus that makes it strong and prominent.Ten, trian

40、gleIn the round, square, triangle and other basic forms, the equilateral triangle (Pyramid shape) is the most safe form of stability factors, while the round and inverted triangle gives a sense of movement and instability.Eleven, juxtapositionA repeated arrangement of the same or different pictures

41、of the same size and location. The layout of the page has the meaning of comparison and explanation, and gives the order of complexity, quietness, harmony and rhythm to the originally complicated and noisy page.Twelve, free formThe free movement structure is irregular, random arrangement, which is l

42、ively and brisk.Thirteen, four cornersA graphic composed of four corners in a layout and diagonal structures connecting four angles. The layout of the structure gives a strict, normative impression.Composition of textFirst, font size, font spacing1, font sizeThe size of the area, there are calculate

43、d font number system, series system and point system (also known as the pound). The number is usually referred to as the number, name. The typesetting machine uses a millimeter system, the basic unit is K, and the first stage is 0.25 millimeters. It is calculated in series. Point system is the world

44、s popular standard system for computing fonts. The word is also used computer calculation points system (each point is equal to 0.35 mm) title words generally about 14 points or more; the word is generally 9 - 12 points, text layout, font size can be reduced to 7 - 8. Note that the smaller the word,

45、 the higher the precision, the greater the integrity. But too little will affect reading.2, row spacingThe width of the row spacing is difficult for designers to grasp. The line spacing is too narrow, the upper and lower characters interfere with each other, and the eyes cannot scan along the lines,

46、 because there is not a blank band leading the eyes, but the distance is too wide,Too much width makes the line difficult to last. These two extremes of arrangement can make reading a long text tired. Row spacing in the regular ratio is: 10 words, row spacing is 12 points, or 10:12.In fact, in addit

47、ion to the conventional ratio of line spacing, the width of the line is narrow depending on the subject matter. General entertainment, lyric books, space out to reflect light, stretch mood; also have purely decorative effect and the layout space out to strengthen the space level and elasticity, can

48、be used for both wide and narrow way.3, font, font size, line spacing visual levelIn one layout, choose between three and four fonts for the best visual effect. Over four or more are messy and lack of wholeness. To achieve the visual richness and variety of the page, you only need to make the limite

49、d font thicker, thinner, elongated or flattened, or adjust the width of the row spacing, or change the size of the font size. In essence, the more fonts used, the worse overall.Two, the four basic forms of writing1, about the sameThe text from the left to the right end of the length uniformity, appe

50、ars to be correct, precise and beautiful family words. This arrangement is one of the most commonly used books and newspapers.2, Qi ZhongTo the center axis, both ends of equal spacing. Its characteristics are that the line of sight is more concentrated, the center is more prominent, and the whole is

51、 stronger. When the picture is arranged in the arrangement of the text, the central axis of the text is best aligned with the central axis of the picture so as to achieve the unification of the line of sight.3, Qi, left or rightFlush left or flush right arrangement has a tight song, does, can breath

52、e freely, elegant and rhythmic. Even the left or right, or at the end of naturally produced a clear vertical line, and made the same point in coordination with easy and graphics. Qi left seems natural and conforms to the habit of moving peoples eyes while reading. On the contrary, right and left are

53、 not very suitable for peoples reading habits and psychology, so they are less useful. But writing text in a neat right way seems novel.4, word arrangementInsert the bottom picture into the text, and the text is arranged directly around the edge of the picture. This kind of technique gives people a

54、cordial, natural, fusion and vivid feeling, and is the most common form of illustrations in literary works.Three, the title and text layoutIn the title and text of the layout, you can first consider the text as double column, three column or four column layout, and then put the title. The text is di

55、vided into two bar, three bar, four bar, is for the layout of the space and flexibility, vitality and change, to avoid the monotony of the banner and insert the title stiff. Although the title of a whole paragraph or article, it does not necessarily follow the paragraph above. It can be arranged in

56、the middle, horizontal, vertical or side. Some more directly into the word group, to the new format to break the old rules.Four, the emphasis of the text1, line frame, symbol emphasisThe intentional enhancement of the visual effect of a certain text element, so as to make it particularly eye-catchin

57、g in the whole, is to emphasize. The stressed element is the focus of the page, or the compelling effect. Usually, in order to highlight the theme and weaken the allocation of other factors, the master and object are contrasted. The weaker the object, the stronger the subject.2, the emphasis onThe e

58、nlargement of the first word or letter of the text is the current trend of design. The invention of this technique traces back to the medieval European scribe. This technique is used today because it plays a prominent role in stylistic emphasis, attraction, attention, and active layout.The falling type is at present the most used techniques emphasize. The first word or letter in the text will be enlarged and inserted into the head, and the magnitude of the drop should straddle the upper and lo