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

What is a big data screen?

Simply put, it is a data kanban based on data generation, which can also be called a visual project or visual application.

Transform data from a single number to a variety of dynamic visual charts, so that the data can be updated and displayed to users in real time.

There are many kinds of scenarios for its application, such as traffic command center, data monitoring center, double eleven trading large screen, etc.

Through collecting, observing and sorting out the map source network, I have summarized some characteristics:

interactive

sense of technology

visualization

updated in real time

Style components numerous

01. Style exploration mentioned earlier that the big data screen has a sense of technology. I found some inspiration pictures from the Internet. Let's take a look:

From the color analysis, it is dark background with high saturation color:

Analyzed from the elements, the title bar and the container that holds the content are both styles composed of wireframes.

From the layout analysis, are modular, although a lot of content, but one by one divided:

Each piece of content should put what information, primary and secondary clear easy to distinguish.

02. Style component Style component, translated into PPT discourse is: text box in PPT page, color block combination, etc.

Component styles in the big data screen will be richer and more uniform, such as chart styles:

There are many similar chart components on the web, such as bar charts, bar charts, radar charts, line charts, and pie charts.

The visual effect of a single chart is not obvious. When combined and used in a page at the same time, it gives a strong visual impact.

In addition to charts, there are also title bar styles:

In order not to let the title text sit there bare, some decorative elements are usually added, and the combination of text and elements is called the title bar.

If you want to use these component materials, you need to redraw them with PPT.

Students who want to save trouble, you can also find elements to download PNG format, but modify it will be troublesome.

03. Next, we changed last week's "PPT data dial" to technology style.

The original layout is no longer changed and can be retained.

First, determine the color:

Dark background, with high saturation colors, while doing gradient processing on the background.

Then determine the style component.

① Border style:

Draw a rectangle, adjust transparency, and add solid lines and gradient lines to the top and bottom of the rectangle.

Such a border style component is completed, convenient to call at any time later.

② Circular style:

Draw a perfect circle, adjust the gradient fill, and the gradient effect of the border.

You can start modifying it.

First, deal with the background part. There are two layers, the chart layer and the background layer:

Chart layer, divided into menu bar part and data display part, the background of data display part is set to linear gradient.

At the bottom stack a picture of a data wave:

Adjust the image gradient and overlay a gradient mask over the entire page.

Fill the icon in the menu bar into the circle style:

To allow for interactive effects, the first circle style is set to fill with solid colors and the others to gradient circles.

The data section adds a gradient to the text, followed by a simple title bar decoration element:

It should be noted that since the data in this is updated through Excel, the chart and data shape format need to be modified in Excel.

At this point, the changes are complete:

Of course, this version I made is also interactive:

Found no, as long as the style component is done first, without considering the interaction, the whole page is still very simple to do.

I also changed another version, you can refer to it:

04. At the end of the article, I shared two knowledge points for making large data screens with PPT today, namely style exploration and style components.

Style Exploration:

The large screen of data tends to have a sense of science and technology, and the color saturation is relatively high. The title bar and container are composed of wireframes.

Style Component:

Although there are many styles and types in the page, the style components of the same level of content are the same.

After you have done the style component, it is not difficult to put the content into the container and assemble the big screen of data.

That's all I've shared today. I hope you like it.

This article comes from Weixin Official Accounts: Self-discipline Music (ID: yinlvPPT), Author: Jun Meng

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.