Dotted Composition Notebook Layout Design Needs To Pay Attention To The Three Kong Fu

Dotted Composition Notebook Layout design needs to pay attention to the three "kong fu"

Every time we develop a website or design any work, we need to put some effort into the appearance. Behind every successful design is a successful layout. For further explanation, we need to know some basic knowledge about layout structure.

Layout structure

Layout structure refers to something that allows the viewer to clearly and easily understand the message of the work, a clever arrangement of different elements on different media. Here are some basic elements of designing a good structure.

To build an excellent structure, you must look carefully: learn to look closely at the "structures" around you, such as trees, flowers, mountains, beasts, pets, children, and so on. Flip through magazines, books, flyers, etc., and try to understand how the graphics are structured.

What color scheme was used? Why? What type of font is used? Why? What effect do they have on the overall picture? Why? "Why" is the key question and should be emphasized more.

After a lot of observation, you will learn what is good and what is bad. To enhance the effect of observation, you must create a mental picture of the elements and environment you want to express. This will aid in the design. In fact, it is a process that never stops.

Color perception

Many times a good layout is ruined by the wrong choice of color scheme. In fact, the color scheme is a powerful weapon to sublimate a layout structure. If you use color carefully, you are likely to get unexpected results.

The choice of color depends on "visual perception". For example, colors related to women are often used in pink, lavender, bright blue or peach. Colors associated with children's themes are usually warm yellow, sky blue, orange yellow, red, baby green or bright purple. The colors of medical-related themes are sea green, emerald green, dark and shades of gray. Nature related themes, or special color schemes that go against social traditions can use warm colors such as red, black, bright yellow, etc. The color scheme should vary according to the theme.

To get started, you can use color books sold on the market that offer different color schemes for different purposes.

typeface

After the color scheme, what can perfectly and appropriately express your thoughts is the "font".

Fonts are divided into two categories: Serif fonts and Sans-Serif fonts. Serif fonts are made up of Times NewRoman, Caslon, Caxton, Souvenir, etc. Sans-Serif fonts are composed of Helvetica, Zurich, Verdana, Arial, etc. Serif fonts are commonly used for headlines and headlines, and Sans-Serif fonts are commonly used for body text or repetitive information.

Using too many characters in a project can look confusing and confusing. You should only have a maximum of 3 fonts in a set of structures. One is used as a header, one is used as a button and small label, and the other is used as a text.

Fonts can say a lot, for example if you want to say "heavyweight champion" use Futura Black or Compacta fonts, because these fonts themselves look "heavy". On the other hand, if you want to express the "friction of feathers", then use very light CaxtonItalic font to express the effect of feathers.

The main and most important part of structural planning is "alignment" and "balance". You must be very clear about the weight of text, color, and images, or your layout will look unbalanced when finished.

In some cases, a layout can consist of more graphics and less text. In this case, you can mix the images, use abstract stitching, and the fertile areas can be filled in with text. In the beginning, we had to decide what to highlight, words or images. If you decide to focus on the pattern, then the main part should be filled with the pattern and the text will take up a relatively small space. If you want to highlight the text, use a large font for the title, then fill in the appropriate supporting pattern to complete your design and make it look balanced.