Shulou(Shulou.com)11/24 Report--

Today is the favorite "fan revision column".

Let's first take a look at the demand:

This is an education-related "summary of local news", which consists of three pages:

I chose the most complex page:

So far, everything seems to be quite normal. Isn't it just multi-map typesetting? there are many exquisite cases on the Internet. just copy one and put it in, such as this:

The source network, but if you look closely, you will find that the multi-image templates on the network are all matched with high-definition and beautiful large images, and no one uses a bunch of "ugly" pictures to show them.

This creates a practical problem, the actual work is faced with specific problems, it is impossible to meet your so-called "beautiful" needs to use some flashy landscape maps.

As a result, I stood up to the difficulties and made trouble.

Today, let's talk about the typesetting of pages full of "ugly" pictures.

It still adopts the usual three-step method: analyzing content-combing logic-visual expression.

01. Analyze the content. The first step in any design is to define the content.

The design form of the manuscript is more complex for easy understanding. You can first clear the style and present it in the most concise form:

It is mainly about the "Liangjian" campaign, listing some schools and their performances.

02. At first glance, the page of combing logic is a juxtaposition of six items. However, if you take a closer look, you will find that there is no text description in the picture in the upper left corner, which can be seen when you zoom in:

There are many queues of schools, and it is actually introducing the background of the activity: the representative teams of the primary schools in XX are performing art shows, so its level should be higher than the other five:

The whole is a 1-5 structure.

03. After combing the content of visual expression, we have to think about how to make it more beautiful.

For formal reporting occasions, I prefer to be clean and concise. So I mainly made some optimizations in the details:

Change part of the picture from a circle to a rectangle:

In multi-graphic typesetting, rectangles are placed together in a more orderly manner. (the proportion of some pictures is distorted, and I also reset it.)

The copywriting part of the text level adds a thick and thin contrast:

Can distinguish the school and the performance content at a glance, the level is more distinct.

At the same time, "Liang Jian" action is the theme, the use of misplaced typesetting to improve the sense of design:

After the small details are modified, the elements are integrated to form a page of qualified design:

If you feel monotonous, you can add a little change:

At this point, I think it is all right: clear logic, prominent focus, clean and concise.

But the only problem is that the form is not novel enough, and the leaders under the stage may not leave any impression after reading it.

A lot of people should get stuck in this step when designing. What would you do if it were you? Think about it for a few seconds

Okay, time's up. I think the key to breaking the game is to "change". I have two ideas here:

Change the shape and style to change the rectangular picture into an unusual figure (such as honeycomb, water drop, or even brush ink, etc.)

Advantages: more novel forms

Disadvantages: due to cropping, some pictures will be obscured

Adhering to the principle of information presentation first, I did not adopt this form.

Increase the vertical dimension, break through the plane, since the two-dimensional plane is nothing new, then try to upgrade the dimension!

The breaking point is hidden in the following picture:

The runway below provides a good perspective. I used the shape tool to extend down the direction of the runway and added a three-dimensional rotation to the picture and placed it on the runway:

Not only does the picture get the maximum display, but also has a great sense of immersion. It seems that each school is showing its talents on the playground in turn.

The idea is not bad, right, but it actually has a small problem: the shadow is going in the opposite direction!

If you take a closer look at the shadow of the characters in the queue above, you will find that the shadow is facing forward, so the light is coming from behind. After a little adjustment, the final draft is obtained:

It is worth mentioning that the shadow that comes with PPT is backward, so the current shadow is drawn by me with editing vertices. At the same time, it also adds thickness to the picture and makes it more three-dimensional.

Take a look at the comparison of the results before and after the revision:

How many points do you think you can score?

Finally, to share a colored egg, I invited my good friend Wu Peiwen (chief designer of Xiangtiange PPT team) to participate in this revision.

However, due to the busy affairs at the end of the year, there was not much time and energy to revise the manuscript, so Pei Shen quickly released two editions in only 10 minutes.

Wu Peiwen's works

Wu Peiwen's works

Wu Peiwen's work is right. It was returned to me within 10 minutes after I sent it to him. I was surprised by Pei Shen's hand speed. Haha.

These two editions are relatively practical, and some changes have been made on the basis of the conventional layout, which are also shared with you for reference.

In fact, similar to this kind of material "not good-looking" multi-picture typesetting, my suggestion is to achieve primary beautification is enough: accurate content, distinct levels. As for the extension of creativity, it depends on personal skills.

This article comes from the official account of Wechat: Slidecent (ID:Slidecent), author: Lin Limeng

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.