Place large website ads in cramped web space

Article Description: in the narrow space how to place a big picture, we provide you with three kinds of solutions

There are narrow spaces: page banners, news headlines, columnar ads, but a picture from a camera is much larger, and their proportions are generally 6x4 inches. How do you deal with the relationship between the two? In this article we offer three solutions.

first, the news title:

We want to apply a big picture to the title area.

Bold Cut:

If your picture is as empty as the width of the area you want to apply, we can make bold cuts to the photos. What may be fascinating to you is that a small photo can also convey the essence of a big picture.

Select the most vivid focus of the photo and then apply the cut on the photo. To your surprise, the narrower you cut, the more powerful the picture is!

With a glimpse of the image above, our eyes are able to receive all kinds of information quickly, including:

their age; their sex; their hair; their clothes; their faces; their relations;

And all of this is exactly what we need!

Apply the cut picture to the title of the report on the retirement service, the effect is very good, compared with the original full picture effect is better!

Second, fill the background

As opposed to just cut, if the original picture is very small, and the need to apply a wide range, how to do? If the background of this picture has a solid color or a regular pattern, we just need to color or copy it on its background, and then fill in the space that will be applied.

Let's take a page banner for example:

The picture in the image above is already very small, and the white area we are applying to is very wide, and the ratio of the two is very large. We first take a color on the background of the picture, such as black on the image above.

When we fill the white area, we now focus on the pumpkin. It feels like an actor in the spotlight on the stage.

We have a special but still keep a low-key text, so that the text and pictures can be beautifully combined-pumpkin appears to be very powerful, and the text appears to be open space.

three, two together.

If a picture is not enough, use two. The two pictures can be either put together or separated. The proper cutting of the picture at the beginning will be more conducive to a clear message.

Let's take the example of designing a bookmark:

There must be "read a book:a pathway to imagination" on the bookmark (reading: The Road of Imagination), in order to convey this message, we need to put two pictures in a narrow erection space.

In this bookmark design, we will apply the above two pictures

When we have a picture with a complex composition (as pictured on the jungle path above), its background does not have a fixed solid color to copy, and then we can do two things:

Figure 1 above: vertical shearing

What we need to be aware of is how much to cut to convey the main message of the original picture. The image cut above only accounts for One-sixth of the original image, but it still conveys a clear "path in the Jungle" theme. But it's still too big, because we have something else to put up, so ...

Figure 2: Cut off half again.

In fact, we cut off the left half of the picture, still do not affect the image we have to convey the message. And cut off, the following can leave enough space for the text.

We will now apply the second picture (the picture of the stack), and the text can make a contrast between different styles and colors. The second picture can also cover the edges of the image, while also conveying the second message of the bookmark.

Figure 1 above: separating

The picture and the white space form an attractive visual effect. Pictures of trees and books are separate, this design is to make a deep impression by contrast.

Figure 2 above: overlapping

To reduce the visual effect of high contrast in the middle, we will fill the lower whole white background with a closer color to the road. And that stack of books is placed in the junction place, so that two pictures form a whole. The layout looks very full, but the whole composition is a little crowded.

Figure 3 Above: blending

We blur the path in the picture so that the entire bookmark is mixed together. At this point we will see that these two pictures form the visual effect of a picture.

The color values used in this article are as follows:

(End of full text)