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

Original title: "PPT style grinding | such a textured PPT is so handsome! "

Before we often said: UI design, there are many places to learn and learn from.

However, this description is more general, most people still do not know what its characteristics are, or have been using a similar style, but do not realize it.

UI design, also known as user interface design, is often used in the overall design of software human-computer interaction, operation logic and beautiful interface.

There are many applications of its style, such as the popular one in the previous two years: new mimicry and dispersion effect.

The source network, but we rarely see these styles fall to the ground, most of which are like this:

Then how can the style of these UI works be extended and applied to PPT?

Today, I will talk to you in detail, the second issue of PPT style grinding: Ui style exploration.

If you miss the first issue, you can go back and flip through it:

Open a new column: PPT style grinding

01. The basic elements article begins with several examples of applications that may feel different in style, but it would be wrong to think so.

In terms of color alone, you can't classify the style, but it depends on its basic elements.

By comparing different applications, I found some features:

① is minimalist with no excessive design.

② page elements are dominated by arcs.

The contrast level of ③ is clear

④ is used to using shadows

⑤ bright background, large margin space.

Let's take a look at some App designs and compare them to see if they are these features.

Case 1:

The main hue of the image source network is blue, with high saturation but not dazzling, with high saturation light green and low saturation ice blue, the overall color matching is very comfortable.

The shape inside is mainly a rounded rectangle, with a circle in part.

Case 2:

The contrast of the background and content of the image source network is very strong, which highlights the hierarchical sense of the content, and contrasts with the colors of different brightness.

In addition, rounded rectangles are also used, and strokes are added to the highlighted parts.

Case 3:

Figure source network in this case in addition to fillet, the shadow effect is also very obvious, and added some ground glass, frosted texture.

Combining the above, we can get some style features of UI design: permeability, bright color, breathing sense.

Extended to PPT, it can usually be used in PPT pages with business, Internet and other topics, looking clean, professional and beautiful.

02. Next, according to the common characteristics of the above analysis, we will modify the actual combat case to see what can be done to extend to the PPT.

First of all, don't think too complicated. if PPT looks like a UI design, it must be beside the point.

Take a desensitized page as an example:

Talking about the retail Civic digital intelligence data, mainly divided into three aspects, Party A hopes to be able to make a light color, a strong sense of penetration.

Fill the background with light blue, and then add a white gradient round color block to get it:

Next, make the color block with frosted texture.

Still set a gradient first, using the ground glass function in the OKPlus plug-in to generate it with one click.

Then change the shadow of the color block to the dominant blue, and increase the transparency:

Then fill in the data and content, pay attention to adjust the distance between the contents, ensure the sense of breathing between the text, and reduce the pressure of reading and recognition:

This is a PPT page with a lot of data. What should I do if it is a chart?

For another example, the chart below is a pie chart:

The whole page has only one title and pie chart, and there is very little content, so you may need to make some tricks on the pie chart to give the page a visual focus and make it look less monotonous.

Change a set of colors first:

Then disassemble the pie chart, copy and paste it into an enhanced metafile, and cancel the combination twice:

Add depth and 3D rotation to it:

Find the 3D format option in the shape settings, and after setting the depth, modify the material, and select translucent powder:

After the setup is complete, you can get the following effect:

However, it is found that after using transparent material on a light-colored background, it is like adding a mask, which looks gray, so it needs to be superimposed.

Make a copy, adjust the transparency of the pie chart, about 30%, and finally stack it with the pie chart that sets the transparent material:

At present, the overall color of the page is not bright enough, and the 3D angle of the pie chart needs to be fine-tuned:

Finally, add the data to:

Now if you look at this pie chart, it's much more exquisite.

If the above two cases are relatively simple, let's take a look at the last one:

The content is the solution of water treatment, with a total of six points, which can be considered as a circumferential layout.

Or give priority to the background, filling it with light blue:

To make the background more hierarchical and less monotonous, I added two gradient blocks:

Now that you are considering a circular layout, you can first draw two circles in the center of the page, set them as ray gradients in turn, and stack the two circles together:

At present, the sense of hierarchy is not enough. You can draw a few more circles and at the same time pay attention to the distance between each circle so that it has a certain density change, so that it is not too uniform and rigid:

Further relevant to the theme: water treatment.

Then you can add some water droplet material as decoration, and use halftone particle material to imitate the water ripple and connect it with the circle:

Expanded content: vector halftone particle material collection

If you have enough richness, just fill in the content:

One more thing to note here: the circle at the bottom of the icon has also been ground-vitrified to further enhance the design of the page.

All right, these are some ideas about the application of UI design to PPT.

Finally, let's review these examples:

So far, this is the whole content of today's PPT style grinding, if you find it useful, you might as well give me a three-company, which will give me a great motivation!

This article comes from the official account of Wechat: self-discipline Rhythm (ID:yinlvPPT), author: Junmeng

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.