Logo special training camp section II collocation relationship between words and graphics

In the second quarter The collocation relationship between words and graphics

One 、 Identifying pictures and texts Logo Good or bad

The most common LOGO Combination is “ Image & Text ”.

written words ： The soft 、 hard 、 Neutral .

Common Fonts （ Not directly commercial , It needs to be changed ）：

Free commercial Fonts ：

Don't rely on free fonts ！ Try to design by yourself . Later, I will teach you how to design fonts , Don't worry now .

Case a

ask ： Above three Logo Which one is reasonable ？

obvious , The third is more reasonable .

The first font is more designed , But we need to consider whether it can be applied on different platforms .

If you put it on your business card , The fonts will crowd together , It's not good .

the second , The edges of the text are too hard .

Third , The font edges are more rounded , Match the pattern .

Case 2

ask ： Above three Logo Which one is reasonable ？

obvious , It's the third .

first , Compared with the third , The sense of form is not in place .

the second , The words and patterns don't fit at all .

Third , The style of words and patterns is similar .

Case three

ask ： The four above Logo Which one is reasonable ？

obvious , Is the first .

The pattern is consistent in thickness , Figure 4 is the lining body , There are thick and thin and not smooth enough , It doesn't match the pattern .

Figure 3 is also , typeface “ Horizontal thin vertical thick ”, It's not reasonable .

Figure 2 , Text too “ Thin ”, Not plump enough .

Figure 1 , The font edges are rounded . Font width 、 The style is consistent with the graphic itself .

Case four

ask ： The four above Logo Which one is reasonable ？

obvious , It's the third .

The pattern itself is exquisite , The font of Figure 2 is too thin .

Figure 4 handwriting is suitable for decoration , For example, small words .

Figure 1 ,“B” It is serif body , And the text below is a mellow font , No match .

Figure 3 , The edge of the font is serif , Echo with the pattern .

Two 、 Standard drawing

finish Logo, In order to make it more standardized , We need to make it “ Standard drawing ”.

“ Standard drawing ” It's also called “ Ruler chart ”.

Standard drawing , What is determined is the size relationship and position proportion relationship between each element .

（1） Several standard cartographic cases

①

ask ：a What is it? ？

a It's a standard , We usually use the height or width of the figure , Defined as a, So as to calculate other dimensions .

a Not much cm, But a reference unit .

②

③

（2） Make standard drawings

There are several ways to express standard drawings ： One is through lines and arrows , As shown above ①;

Second, through the face （ The area is represented by a surface ）, As shown above ②.

Noodles （ Indicates the area ） And an arrow can .

Case study ：

For example, we take this Logo For example , Suppose it's done Logo, Now let's make standard drawings .

Defining units a

Company a You can take the width and height of the drawing as a reference , It can also be a minimum unit .

<1> Standard drawing

Let's start with a more standardized , To use our “ Grid tools ”.

①Ctrl+'' Open grid

②Ctrl+K Adjust grid spacing

obvious , We can see that the grid above is too wide .

Now we need to adjust the mesh width .

For example, let's change to 10.

You can see , The grid becomes dense .

The denser the grid , We Logo The higher the accuracy of .

③ Make the pattern and text tangent to the edge of the grid

Select a part and use Ctrl+G Group , It is convenient to zoom in and out at the same time .

The words on the right are the same .

then Alt+ Mouse wheel Enlarge the screen , Selected drawing , Tangent its top to the grid .

The top is tangent , What to do below ？

Continue to select , Hold down Shift Zoom in and out equally , Until it fits .

The same is true for left and right .

We should constantly adjust Logo The size of the mesh and its fit with the mesh , Adjust the deviation of the original drawing properly , Reach the final standard of perfection .

③ Frame it with dotted lines .

Don't use solid lines , Use dotted lines ！

then , We With a small grid In units of a. When we draw the standard , This unit a Also to .

Just put it in the lower left corner .

④ Calculate the width and height

With a In units of , Count the grids and mark them .

notes ： Dotted lines and numbers , Should be light grey , The depth cannot exceed Logo The color of the ！

⑤ Use arrows or areas to indicate width or height

For example, use arrows to mark ：

Mark with area ：

In order to avoid overlapping area marks , Make it difficult to recognize . Something like this ：

We can stagger up, down, left and right to show ：

It's over , Just like the following figure ：

<2> Rough mapping

We take one side as a unit a Make a picture .

For example, take the left side of the figure as the unit a.

But in that case , Other sides are not easy to express ？

What shall I do? ？

We can find a small grid as a reference .

Make another copy of ： Select this graphic , Hold down Alt key , Hold down the left mouse button and drag down , You can quickly copy the same pattern .

Then keep it like this ,Ctrl+D Repeat the previous step . That is, duplicate and add small squares .

Then we can get a unit composed of small squares a.

Here we use even numbers to express , namely 10 A small square represents a a, So it's easy to calculate , Each small square is 0.1a.

here ,10 A small square does not fit the edge .

We can lengthen it , bring 10 A small square coincides with the edge of the pattern .

So we get a reference .

Next , You can calculate the size of other edges .

You can put 10 Make a group of small squares （Ctrl+G）, Then press and hold Alt Click and drag the left mouse button to copy a paragraph a, Then change the angle .

here , It doesn't fit .

Cancel the grouping first （ The right-click drop-down box has ）.

Select a small square , Then make a copy of , Copy again , Until the length is reached .

The following is an example , We copied again 4 A little cube , But the last one is more .

Use your eyes to estimate , yes 1/10 A little cube .

A small square =0.1a, that 1/10 A little cube =0.01a.

So the whole thing is , Namely a+3*0.1a+0.01a=1.31a

The other calculation is the same , I won't show it here .