It's not that simple. Viewing the graphic relationship of website design from visual design

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

Visual design tends to be concise, the layout of graphics and text become more and more important.

Now, let's go back to the most basic part of the design, the graphics and text relationship is a very easy problem, if we do not know how to deal with these relationships, then the final design interface effect will be very bad.

Let's take a look at how to use it correctly.

1. Text left alignment

The four basic layout methods, the most frequently used is left alignment, the main line as the benchmark left alignment is very easy to read, we have been using the left-aligned method of writing, its use from the traditional concept of convenient beauty.

The so-called left-aligned, that is, after reading this line of sight back to the next line of the same place can be very convenient for readers. Also, alignment is one of the ways to create beauty.

Brochures, magazines, posters, web pages All of these things are left-aligned. No matter how messy things are, as long as the word is aligned, it will appear orderly, full of beauty. Either vertical or horizontal, you can use the left alignment.

Left-aligned is easy to read, but also rich in beauty. Make the text paragraph left-aligned. Left alignment examples abound, I hope you can refer to the examples around.

The new visual image design works of heavy Mo Tang

By increasing the size of the jump rate, insert large photos and other ways to make readers emotional high psychological effect.

2. Text Center arrangement

Centering is the most traditional method in typesetting techniques, that is, to make the overall design elements live in the middle of the screen techniques.

Center has the effect of making the screen look neat and tidy. The advantage of centering is that it can make the picture more even and tidy.

Symmetrical layout design, more easily feel taste and style, so often used in classical concert posters, band ads, advanced exhibition posters and cover.

Ink Enterprise Culture cooperation

Because centering also makes the design look more mundane, adding some of the elements of change is key.

Text screen layout along the Central line, you can make the picture symmetrical.

The left and right sides plus some design, you can break the balance, creating a rhythm, rich in change.

Draw a line in the center of the picture to know that the design is completely centered.

One point to note is that the theme pattern should also be symmetrical and therefore the key to design.

Although the center can make the picture looks neat and tidy, but also can let the picture lose vigor. In general, the pattern, color, text to give it change.

The overall balance must be taken into account when arranging text.

The center design loses its vigor if it is too symmetrical.

3. Symmetry

We usually refer to the axis of symmetry, in fact, there are two types of symmetry, of course, is axisymmetric.

There is also a point-centric, the same pattern around a point symmetry, also known as "center symmetry."

4. Right Alignment

In the four ways, the least used is right alignment, which is to align the end of the article. If the book is opened from the left, at this time, the right side of the text, using the right alignment, flipping looks easier. This is the right alignment, which is the technique of aligning the end of the article.

In the right turn book, because it is not left aligned, so it is not very convenient to read. But as long as the book is opened from the left, you must use the right alignment. On the cover and the pages of the magazine, the right alignment is an important technique to take advantage of the right end. This technique ultimately pays attention to the right side.

Right alignment is a technique that aligns the end of the article with the right side of the photo along the baseline. In this way, the beginning of the article becomes very messy, read very difficult, so or less appropriate, only in a small range of use, this is very important point.

Right-aligned, there is a baseline on the right. If you align all the articles at the end of the article, you will have a sense of unity and discomfort to readers.

5. Graphic "Packing type" arrangement

The number of words in each line is fixed, look at the text is like a set in a small box. This kind of paragraph row buffa is called "Packing type". The body usually uses "boxed".

In addition to the text, the description section usually uses "boxed", because the method looks very beautiful.

"Boxed" text input, that is, first determine the number of words per line, after a full change to the next line. Where you need special emphasis you can use lines to frame the text, which is the border.

The most traditional and stable is to put the text into a four-corner shape. Turn the corners round to make the graphic look softer. Although the diamond seems to be the most unstable, but very eye-catching. The circle is more suitable for symbolic content or some special news. An arrow shape that can indicate direction and enter related text information.

The border form, is the line to the text box inside, we generally use less conspicuous lines, because as long as we let you know that this is a need to pay special attention to the place.

If you want to make this part more visible, you can use thick lines or lace.

However, the use of too much border, it will lose the overall sense of unity on the page, so the use of the border in a screen must be moderate.

6. Decorative Frame

Decorate the text around the border, which is called the trim box. It is said to have been in use as early as the ancient Greek period. After that, the paintings and statues of the religion were framed with decorative frames, which is the prototype of the modern decorative frame. The Renaissance private began to collect paintings to decorate houses. Layout design is often used in decorative boxes to achieve outstanding results. Decoration and simplicity are two opposite concepts, but at the same time they are the basis of design. The text is decorated by a border and sometimes works better.

Alan Works

Concluding

Graphic relationship is very subtle in visual design, even more than simple language description. Even in the simplest of applications there are rich changes in tone and style. It is like saying the simplest of the surgery, but also the most basic of the operation, the essence of the strong man!