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

I haven't updated the revised article for a while.

So I came back today with a revised series.

Unlike articles that review several pages at a time, my single-page revision series has the following features:

1. More systematic. Each page represents a type, which will present the whole design process more systematically.

two。 More profound. Each change will clarify the design thinking behind it, so that you know it and why.

3. More practical. Unlike a style that focuses on cool forms (mostly based on material), my revisions will focus more on the disassembly of content copywriting and solve problems rather than just looking good.

4. More innovative. Although the types of manuscripts are common, I will try my best to come up with different forms of design, not just for completion.

OK, don't say much to start today's content.

Let's talk today.

Chart page how to design PPT more creatively

The manuscript is as follows:

This is a very common chart page, which mainly introduces the vehicle sales of FAW in the first half of the year.

In the face of this page of PPT, how would you modify it? Think simply for 3 seconds

Okay, time's up. I believe that most people's idea should be like this: arrange the content neatly, and then add some pictures to embellish it.

If you feel the same way, then today's article will be very enlightening for you. (it is recommended to read word for word after collection)

In my opinion, there is still a lot of room for optimization on this page. I will teach you to make a creative chart page design through three steps.

They are: unified specification, establishment of contact, visual design.

01. Unify the standard, do it right first, and then do it well.

Before making any design, we have to verify that the content itself is correct.

Here are the problems I found:

There are three main points.

1. Missing unit

two。 Abscissa is not standard

3. Color matching is illogical.

For more design standards, check out these two articles:

About working PPT chart design, read this article is enough.

What is a professional PPT inside page like?

With regard to the first two points, it is easy to understand. After adding units and changing the Abscissa name, you get the following version:

As for how to optimize the color matching?

Although there is no clear standard to measure color, but we might as well proceed from the results, what is the purpose of color matching?

The color matching is to echo the theme so that it can be expressed more clearly.

So the first step is to define the theme of the page. By disassembling the copy, you will find that the two core sentences on the page are accompanied by three core messages:

They correspond to exactly three charts. So we adhere to the principle that key information is given emphasis color, secondary information is given auxiliary color, and the chart is re-colored.

Take "most types of tractors" as an example to modify::

Original: color matching is illogical

After optimization, the focus is highlighted.

Emphasize colors and auxiliary colors through reasonable distribution. Let the tractor part highlight, echoing with the theme copy "type multi-tractor".

The rest is also optimized according to this standard:

We got a standard page of the film, and then we moved on to the second step-making connections.

02. Establish a connection and sort out the internal relationship between charts

If we look at a draft from the point of view of the audience, we will find that there is an obvious problem with it:

The three charts are independent of each other and lack internal connection, so it is difficult to tell a complete story.

So we're going to try to connect the three. You can look for clues from the data itself:

After circling the numbers, did you find the pattern behind it?

In fact, there is an inclusive relationship among the three:

Actual sales volume 99, split into semi-trailer 65, liberation mainframe 34. The liberation main engine is divided into tractor, cargo chassis, dump chassis and dump vehicle.

Therefore, if we further clarify this internal relationship, we can get the following version:

Is it easier to understand than the previous draft?

However, at this time, there are two pie charts in the right area, which are a little tedious, so we might as well use this inclusive relationship to merge them into a whole:

This results in a standard, clear, concise page:

To be able to do this is enough to handle 99% of the tasks in daily work.

However, as a designer, this is far from enough. We also need to make the page look better.

03. Visual design refers to visual elements to make the page more vivid.

The most basic beautification is to use pictures, such as finding a picture related to the theme:

Tuyuan FAW Jiefang official website then uses the picture as the background, like this:

The visual effect at this time is indeed a lot richer, but the vehicle on the left is covered. How to further optimize it?

If you are an old friend of our official account, you will certainly be no stranger, that is, using the superimposed pressure method.

Dig out the vehicle and press it at the top of the chart:

Isn't that cool? Then optimize the right half.

The white rectangle of the square is rigid and unconformable. We might as well follow the outline of the chart, change it directly into a circle, and adjust some details to get the final version:

Can you find any details in the final draft? You are welcome to tell me in the message area.

At this point, a page of custom-level chart design is completed.

Let's take a look at the logic of the final page:

At first glance: attracted by the vehicles in the lower left corner, and then saw that the actual sales volume was higher than the planned sales volume, and overfulfilled the task.

The second eye: the circle on the right is drawn from 99, indicating that the circle on the right is extended by 99, which makes clear the relationship of inclusion.

The third eye: the red part of the ring accounts for 1/3, echoing the liberation host accounts for 1Universe 3.

The fourth eye: gradually look at the details of the split, and highlight the tractor.

Is it both beautiful and clear and easy to read? In addition, I also tried this version and shared it with you:

Finally, let's take a look at the comparison of the results before and after the revision:

To sum up, there are three points:

Unified specification, establishment of contact, visual design.

Have you failed your study? Although this is only a single-page revision, it also pours a lot of time and effort into it:

The process draft strives to make each step of the design have its own meaning, not just to look good.

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.