Introduction to DataV Digital Large Screen Design

更新时间:
复制 MD 格式

This paper mainly introduces the design style and construction ideas of digital large screen, as well as the common problems and solutions encountered in the design of digital large screen.

Design Style

The unique and clear style endows the digital large screen with unique industry attributes. In the design of the digital large screen, the demand side often requires the design to be cool, among which the cool keyword mainly include the sense of science and technology, the sense of space and the sense of light.

  • First of all, for the sense of science and technology, you may first think of science fiction films, sophisticated equipment and some scenes in the future. The background color is mainly color matching with high saturation.

  • The sense of space mainly refers to grand scenes, such as aerial views of the universe, planets and cities.

  • As the embellishment of the digital large screen, the sense of light is convenient to create the overall atmosphere, and the right sense of light can give the digital large screen a stronger visual impact.

Note

Those that meet these three elements can be used as reference points for digital large screen design. You can search and collect these materials in the design website for later use.

炫酷

Building ideas

How to complete the digital large screen design efficiently and with high quality, the key points of digital large screen design should first be clear: design serves data, and details serve the whole. Data is the main body of the digital screen. Therefore, in the visual design, we should first analyze the requirements, determine the data content, data volume and display dimensions in the digital big screen, and then select the appropriate chart components. Conventional components, such as bar charts and pie charts, are better for understanding the data. However, the advanced sense of design sometimes comes from strangeness. Appropriate use of some novel components can enhance the texture of the digital large screen. After the data content is determined, the layout phase is entered. You can use the following methods to plan the layout.

  • You can connect story lines from top to bottom and from left to right according to the reading habits of modern people. In the following image, you can see the title first, then the left panel, then the two side-by-side panels on the right, and finally the bottom panel. You can use this space arrangement to read the contents of the digital large screen conveniently and smoothly during the explanation. 布局方式一

  • Another way is to merge similar items. Plan the content with the same meaning together, and then extract a highlight data for main display. The map content or architecture diagram is usually arranged in the middle. With the content of the support field and the data panels on both sides, the large digital screen will appear full. As shown in the following figure, the distribution of wind power plants is placed in the middle of the map as a highlight, and two sets of data are placed left and right. 模板展示

  • You can also use wireframe layout to place the data title on the panel first, which makes it easier to organize the data content.

FAQ

Problem 1: The data in the digital large screen is less, which makes the content empty and not full enough.

Solution: Display the same data in different forms in the design. For example, when you use a pie chart to display the proportion of a data metric, you can also use some flip charts to display specific values. You can expand the same data in multiple dimensions to enrich the block panel. In addition to this, you can also make use of the decorative element data to make an emphasis. 充实可视化应用

Question 2: The designed digital large screen is messy and not advanced enough

Solution: First consider whether the layout is correct, and secondly consider whether the color matching is appropriate. It is recommended that you use the 361 color matching method. The overall page does not have too many colors. Generally, there are no more than three types of colors to distinguish the layering of the screen. In addition, to follow the chart is greater than the decoration, avoid complex decoration. 举例设计

Video Link

DataV small class live video: Collect design ideas and inspiration.