Visual large screen design

Visualization tool

Chart plug-in

Large screen data visualization is a data visualization design with large screen as the main display carrier. The big screen is easy to leave a shocking impression on people's perception, and it is convenient to create some unique atmosphere and create a sense of ceremony. After the invisible data is visualized, it can arouse people's emotions, arouse people's voices and convey enterprise documents and values.

Using the characteristics of large area and much information to be displayed, key information is shared through the big screen, which is convenient for team discussion and decision-making. Therefore, the big screen is often used for data analysis and testing. At present, large-screen data visualization mainly includes information display, data analysis, monitoring and early warning.

Common large screen types are 16:9 screen, ultra-wide screen, folding screen, three-sided screen and T-screen. ...

Splicing large screen

Almost all large screens are spliced screens. UI design does not need to consider the influence of screen gap on content presentation, and the content will not be lost, but it may affect visual performance. Therefore, the reference line of notch position can be established in the design to avoid similar situations. At present, there are three kinds of splicing large screens commonly used in enterprises: seamless, 1.7mm gap and 3.5mm gap. The smaller the gap, the more expensive it is.

Display characteristics

screen size

For example, the size is (10500mm+24000mm+10500mm) x 6000mm, the pixel is 6 144x 1024, and the PPI is 45.

For example: 3x5 large screen

screen resolution

In order to optimize the display effect, it is necessary to know the aspect ratio of the physical large screen and determine the size of the design draft. Secondly, we should understand the internal principle of large-screen system: signal source-large-screen receiver-playback control equipment.

Generally speaking, the resolution of design draft is 1920 x 1080, and four concepts need to be understood:

Best display effect

The core idea expressed by the principle of data ink proportion is conciseness, conciseness of charts and data. Large-screen visualization is a highly refined story based on understanding the complexity of data for customer scenarios.

The popular theory of data visualization is to tell stories with charts. People never care about data, and data is not the point. It is just a means to an end and the meaning behind the data that people care about.

study

Design keywords: technology, dynamics and interaction.

Key indicators are some general words that refer to a set or series of data. Generally speaking, an indicator monopolizes an area on the big screen. Through the definition of key indicators, it is what will be displayed on the big screen and how many pieces will be divided into. After the key indicators are determined, the priority (level 1, level 2 and level 2) of each indicator is calculated according to the business requirements.

The big screen must be centered on displaying data, and any cool performance must be based on the effective display of data. The big screen will definitely have a clear theme, and it is recommended to use the multidimensional disassembly Polaris index method.

sight

express

data

design

After determining the size of the design draft, it is necessary to make layout and page division. The principles of dividing data layout are: clear priority, clear organization and attention to blank space. According to business requirements, key indicators are extracted, which are divided into primary, secondary and auxiliary according to their importance.

The purpose of layout is to reasonably present business indicators and data. Global business is generally divided into two levels: primary indicators and secondary indicators. The main indicators reflect the core business, and the secondary indicators are used for further elaboration and analysis. Recommend the layout of primary and secondary distribution, so that the information can be clear at a glance, or evenly distributed, or a combination of the two.

For example, due to the huge amount of monitoring, the monitoring screen is often divided into the main screen and the auxiliary screen. The main screen is mainly used to display event status trends, risk early warning and risk handling progress. The split screen is mainly used to display detailed data analysis and risk event handling. How to organize data needs to be closely combined with business needs and user experience.

Four principles should be followed in the layout of large screen typesetting (nonsense).

Color matching of large visual screen is an important part of visual presentation, which is often closely related to industry types, business forms, application scenarios, design concepts and atmosphere creation.

The principle of color matching

For example, the overall background is dark, mainly dark blue. It is recommended to match a single element transparent color, and the transparency should be set at around 10%.

For example:

Decoration: adding appropriate decoration effects such as borders and pictures to element titles and numbers will help to improve the overall aesthetics.

What are the considerations for the font of visual materials?

Specification design: font specification, color usage, interface elements, graphic icons and interface overview.

The font is not less than 12, which can be used for chart marking. Suggested data information is greater than 14. There is not necessarily only one font, but a font with a strong sense of technology can be used.

The process of data visualization is: data collection-data cleaning-data analysis-data visualization.

/p/d8fccd0c55d6

Line charts are used to represent the changes and trends of data, and the different axes have a great influence on the change range of broken lines. About two-thirds of the position data above and below the broken line are clear and reasonable.

The line thickness of the line chart is reasonable. Too thin a broken line will reduce the data performance, and too thick a broken line will lose the details of data fluctuation in the broken line, so it is difficult to find the corresponding value of the broken point intuitively and accurately. It is suggested to use a line of two pixels, which seems more appropriate.