Dynamic information visualization method in visual communication design
Through the Card information visualization model and icon-based visualization method, the problem that traditional information visualization is difficult to show data changes and intrinsic correlation is solved, and the precise transformation of information and the improvement of visual communication effect is achieved.
Patent Information
- Application Number
- CN202411765814.4
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2024-12-03
- Publication Date
- 2025-03-28
AI Technical Summary
Traditional information visualization methods are difficult to fully demonstrate data changes and intrinsic correlation, which limits the effective communication of information.
The Card information visualization model is adopted to divide the information visualization process into three steps: data conversion, view conversion and view conversion. Through the icon-based visualization method, the geometric shape, size, color and other attributes are used to distinguish the data dimensions, and a visual logical structure is constructed to clarify the relationship between the hierarchy and the information.
It realizes the precise transformation from source data to view, improves the readability and understanding of information, makes the information display clearer and orderly, and greatly improves the visual communication effect.
Smart Images

Figure CN119719210A_ABST
Abstract
Description
Technical Field
[0001] The invention relates to the technical field of visual communication, and in particular to a dynamic information visualization method in visual communication design. Background Art
[0002] In the era of information explosion, accurate and efficient transmission and interpretation of information has become an important demand in various fields. As an important means of information transmission, visual communication design aims to present complex information to the audience in an intuitive and easy-to-understand way through visual elements and composition techniques. However, traditional information visualization methods are often difficult to fully display the changes and internal connections of data, which limits the effective communication of information. Therefore, the present invention proposes a dynamic information visualization method in visual communication design, aiming to improve the accuracy and efficiency of information transmission, and for this purpose, a dynamic information visualization method in visual communication design is proposed. Summary of the invention
[0003] In view of the deficiencies of the prior art, the present invention provides a dynamic information visualization method in visual communication design to solve the background technical problems.
[0004] To achieve the above object, the present invention provides the following technical solution: a method for visualizing dynamic information in visual communication design, comprising the following steps:
[0005] Obtain the original data, clean the original data, and obtain the source data;
[0006] Using the Card information visualization model, the information visualization process is divided into three different transformation processes, including the following transformation processes:
[0007] Data conversion, converting source data into data tables through data conversion;
[0008] Visual graph conversion, converting data tables into visual structures through visual graphs;
[0009] View transformation, which transforms the visualization structure into a view;
[0010] In the visualization structure, an icon-based visualization method is adopted to divide multidimensional data by designing and optimizing geometric figures with good visual characteristics as icons, using visualization attributes in terms of shape, size, and color as dimensions to distinguish data, and establishing a mapping from multidimensional data to graphic visualization attributes to achieve conversion from source data to views;
[0011] In the visualization structure, the visualization logical structure is constructed. First, the data of the visualization structure is hierarchically divided to clarify the relationship between the hierarchy and information. The initial construction of the structure is completed by grouping and classifying the information. The information of different dimensions, properties, magnitudes and directions is mapped out through graphic design, and the structures of various categories and dimensions are sorted according to the user's information needs and logical thinking relationships.
[0012] Preferably, during the data conversion process, the lie factor in the visualization chart is controlled to ensure that the LF of each part of the graphic element is within the range of 0.95, -1.05 to maintain the basic credibility of the chart.
[0013] Preferably, during the view conversion process, context information is incorporated to avoid presenting data out of its context.
[0014] Preferably, during the data conversion process, for data sets with time attributes, the timeline method is used for visualization, the horizontal axis is set to represent the time axis, and the data information is placed in the horizontal axis coordinate system in chronological order in the form of charts or pictures to express objective development laws and help users compare event trends, thereby realizing visualization of time series data.
[0015] Preferably, during the view conversion process, data changes are highlighted.
[0016] Preferably, user experience knowledge is utilized to balance the relationship between the display form, function and carrier of view conversion and user experience knowledge, and the readability and comprehension of information are improved through new visual effects.
[0017] Preferably, in view conversion, the target information is made to stand out from the background or non-target information by changing the visual effects of the shape, scale and position of the icon, while maintaining the consistency of the overall interface style, thereby ensuring visual clarity.
[0018] Preferably, the icon-based visualization method includes a star drawing method, that is, using a shape pattern radiating outward from a point, a corner of the star-shaped figure maps different dimensions of the data, and the length of the line segment represents a different value of each data.
[0019] Compared with the prior art, the present invention has the following beneficial effects:
[0020] The present invention realizes the precise conversion from source data to view through the Card information visualization model; adopts an icon-based visualization method, uses the shape, size, color and other attributes of geometric figures, effectively distinguishes data dimensions, and improves the readability and comprehension of information. At the same time, the visualization logical structure is constructed, the relationship between the hierarchy and information is clarified, the information display is clearer and orderly, and the visual communication effect is greatly improved.
[0021] During the data conversion process, the present invention ensures the basic credibility of the visualization chart by controlling the lie factor in the visualization chart, avoids misunderstandings caused by improper proportions of graphic elements, and provides a strong guarantee for the accurate communication of information.
[0022] The present invention combines context information during the view conversion process to avoid the isolation of data display, so that users can better understand the source and meaning of the data and its relationship with other information, thereby enhancing the coherence and integrity of the information.
[0023] The present invention uses the timeline method to visualize time attribute data sets, intuitively expresses objective development laws, helps users easily compare event trends, and realizes the effective display of time series data.
[0024] The present invention makes the target information stand out from the background by changing the visual effects of the icon, while maintaining the consistency of the overall interface style, thereby ensuring visual clarity and aesthetics.
[0025] Other features and advantages of the present invention will be described in the following description, and partly become apparent from the description, or understood by practicing the present invention. The purpose and other advantages of the present invention can be realized and obtained by the structures pointed out in the description, claims and drawings. BRIEF DESCRIPTION OF THE DRAWINGS
[0026] Figure 1 The dynamic information visualization method flow in the visual communication design of the present invention;
[0027] Figure 2 This is the Card information visualization model diagram of the present invention. DETAILED DESCRIPTION
[0028] The following will be combined with the drawings in the embodiments of the present invention to clearly and completely describe the technical solutions in the embodiments of the present invention. Obviously, the described embodiments are only part of the embodiments of the present invention, not all of the embodiments. Based on the embodiments of the present invention, all other embodiments obtained by ordinary technicians in this technical field without creative work are within the scope of protection of the present invention.
[0029] Embodiment 1:
[0030] This embodiment provides a dynamic information visualization method in visual communication design, which aims to improve the effect of information visualization by constructing a reasonable logical structure, ensuring visual clarity, and utilizing user experience and knowledge.
[0031] Data acquisition and processing
[0032] First, obtain raw data from various data sources, which may include databases, files, networks, etc. Raw data often contains redundant, erroneous or inconsistent information, so it is necessary to clean the raw data. The cleaning process includes removing duplicate data, filling missing values, correcting erroneous data, etc., to obtain accurate and complete source data.
[0033] Adopt Card information visualization model
[0034] Data conversion:
[0035] At this stage, the source data is converted into a data table. A data table is a structured data set, where each row represents a data record and each column represents a data field. During the conversion process, the accuracy and completeness of the data are ensured while taking into account the readability and ease of use of the data.
[0036] Visual transformation:
[0037] Next, convert the data table into a visual structure through a visual graph; a visual graph is a graphical representation method used to show the relationship and pattern between data. In this step, select the appropriate visual graph type (such as line graph, bar graph, scatter graph, etc.) and set the corresponding graphic parameters (such as color, line type, marker, etc.) according to the characteristics of the data and visualization requirements.
[0038] View Transformation:
[0039] Finally, the visualization structure is converted into a view through view conversion. The view is the final visualization result presented to the user, which contains the information and visualization effect of the data. In this step, the layout, color, font, etc. of the view are adjusted according to the user's information needs and interaction habits to ensure the intuitiveness and ease of use of the view.
[0040] Adopt an icon-based visualization approach
[0041] In the visualization structure, an icon-based visualization method is adopted, and multidimensional data is divided by using geometric figures with good visual characteristics as icons; the visual attributes of these geometric figures (such as shape, size, and color) are used as dimensions to distinguish data, and a mapping from multidimensional data to graphic visualization attributes is established to achieve the transformation of source data to view. Representative methods include the star drawing method, which uses a shape pattern radiating outward from a point. The corner of the star-shaped figure maps different dimensions of the data, and the length of the line segment represents a different value of each data.
[0042] Shape: Choose different shapes to represent data according to its category or attribute; for example, you can use a circle to represent one type of data and a square to represent another type of data;
[0043] Size: adjust the icon size according to the value of the data; for example, data with larger values can be represented by larger icons, and data with smaller values can be represented by smaller icons;
[0044] Color: Choose different colors to represent the data according to its nature or importance; for example, red can be used to represent important or urgent data, and blue can be used to represent ordinary or minor data;
[0045] By establishing a mapping from multidimensional data to graphic visualization attributes, the transformation of source data to view is achieved, allowing users to observe and understand data in an intuitive way.
[0046] Time Series Data Visualization
[0047] During the data conversion process, the timeline method is used to convert data sets with time attributes. The timeline method is one of the most commonly used methods for time series visualization. The horizontal axis represents the time axis, and the position of the set point represents the time development node and the corresponding data value. The data information is placed in the horizontal axis coordinate system in chronological order in the form of icons or pictures; for source data with multiple time dimensions, a coordinate system can be established for each time dimension, so that the data information is vertically aligned and the time nodes are horizontally aligned to accurately express the objective development law and help users compare event trends.
[0048] Embodiment 2: Based on Embodiment 1;
[0049] Dynamic information visualization optimization method based on visual communication design
[0050] Constructing a visual logic structure:
[0051] In the visualization structure, the visualization logical structure is also constructed. First, the data of the visualization structure is divided into levels to clarify the relationship between the levels and the information. Then, the initial construction of the structure is completed by grouping and classifying the information.
[0052] Hierarchical division: data is divided into different levels according to the level and relationship of data; each level represents a group of related data or information, and there is a clear hierarchical relationship between the levels;
[0053] Grouping: Grouping data at the same level or related levels into different information blocks or areas; each information block or area contains related data and visualization elements, making it easier for users to quickly find the information they need;
[0054] Information of different dimensions, properties, magnitudes and directions is mapped out through graphic design; various types and dimensions of structures are sorted according to the user's information needs and logical thinking relationships, and the objective laws of the problem are highlighted. This makes people's thinking clearer when they engage in visual thinking activities; the use of semantic comparison tables can help quickly complete the visual communication process and reduce the cognitive cost of information.
[0055] Ensure visual clarity:
[0056] The difference in visual design determines its "pop-up effect". The better the pop-up effect, the easier it is for users to filter their attention. Therefore, in the view transition, the target information can be highlighted from the background or non-target information by changing the shape, scale, position and other visual effects of the icon. Visual clarity is a question of balancing the relationship between the individual and the collective. Changing multiple visual effects at the same time can make the target information simulated, visualized and realistic. At the same time, it should be noted that the target information should be highlighted and eye-catching but not too eye-catching.
[0057] Therefore, it is also necessary to maintain overall unity, that is, the consistency of the overall interface style, so that the user's attention will not be too distracted, hindering memory and understanding.
[0058] Leverage user experience knowledge:
[0059] Users are often able to continuously learn and adapt to new information visualization products based on their past cognitive experience and knowledge. Therefore, information visualization products must not only balance new display forms, functions and carriers, but also consider users' experience and knowledge. They must also improve the readability and comprehension of information through new visual effects. By continuously training users' visual thinking and enriching their experience and knowledge, visual activities can be more effective.
[0060] Embodiment 3: Based on Embodiment 1;
[0061] Control and visualization optimization of lie factors
[0062] Calculating the Lie Factor
[0063] During the data conversion process, based on the lie factor concept, the LF value of each graphic element in the visualization chart is calculated; when LF=1, the chart does not distort the data in real time and is a credible visualization design; the calculation formula for the LF value is: LF=the amount of data expressed by the chart / the actual amount of data.
[0064] Adjusting graphic elements
[0065] According to the calculated LF value, adjust the size, position or color and other attributes of each graphic element to ensure that the LF value is within the range of [0.95,1.05]; if the LF value exceeds this range, the chart needs to be corrected to improve its credibility.
[0066] Presenting data in context
[0067] On the basis of controlling the lie factor, the view conversion process also needs to combine the display of data with its context; this includes providing the source of the data, background information, and its relationship with other data, so that users can better understand the meaning and value of the data.
[0068] When displaying data, focus on displaying changes in data rather than changes in graphics and design elements. Although changes in graphics and design elements effectively highlight some data information, they undermine the honesty of the chart. The data is already distorted, causing the highly representative units of the chart to be inconsistent, making effective comparison impossible.
[0069] Specifically:
[0070] When calculating the lie factor, it is necessary to ensure the accuracy and reliability of the data source to avoid deviations in the calculation of the LF value due to data errors;
[0071] When adjusting graphic elements, it is necessary to maintain the aesthetics and consistency of the overall interface and avoid excessive adjustments that affect the user's reading experience;
[0072] During the view conversion process, data should be displayed in context, providing sufficient information to help users understand the meaning and value of the data, while avoiding providing too much redundant information that interferes with user judgment.
[0073] Obviously, the above embodiments of the present invention are merely examples for clearly illustrating the present invention, and are not intended to limit the embodiments of the present invention. For those skilled in the art, other different forms of changes or modifications can be made based on the above description. It is not necessary and impossible to list all the embodiments here. Any modifications, equivalent substitutions and improvements made within the spirit and principles of the present invention should be included in the protection scope of the claims of the present invention.
Claims
1. A method for visualizing dynamic information in visual communication design, characterized in that: The following steps are involved: Obtain the original data, clean the original data, and obtain the source data; Using the Card information visualization model, the information visualization process is divided into three different transformation processes, including the following transformation processes: Data conversion, converting source data into data tables through data conversion; Visual graph conversion, converting data tables into visual structures through visual graphs; View transformation, which transforms the visualization structure into a view; In the visualization structure, an icon-based visualization method is adopted to divide multidimensional data by designing and optimizing geometric figures with good visual characteristics as icons, using visualization attributes in terms of shape, size, and color as dimensions to distinguish data, and establishing a mapping from multidimensional data to graphic visualization attributes to achieve conversion from source data to views; In the visualization structure, a visualization logical structure is constructed. First, the data of the visualization structure is divided into levels to clarify the relationship between levels and information. The initial construction of the structure is completed by grouping and classifying the information. Information of different dimensions, properties, magnitudes and directions is mapped out through graphic design, and the structures of various types and dimensions are sorted according to the user's information needs and logical thinking relationships.
2. A method for visualizing dynamic information in visual communication design according to claim 1, characterized in that: During the data conversion process, the lie factor in the visualization chart is controlled to ensure that the LF of each part of the graphic elements is within the range of 0.95, -1.05 to maintain the basic credibility of the chart.
3. The method for visualizing dynamic information in visual communication design according to claim 1, characterized in that: During view conversion, context information is incorporated to avoid displaying data out of context.
4. The method for visualizing dynamic information in visual communication design according to claim 1, characterized in that: During the data conversion process, for data sets with time attributes, the timeline method is used for visualization. The horizontal axis is set to represent the time axis, and the data information is placed in the horizontal axis coordinate system in chronological order in the form of icons or pictures to express objective development laws and help users compare event trends, thereby realizing the visualization of time series data.
5. The method for visualizing dynamic information in visual communication design according to claim 1, characterized in that: During the view conversion process, the focus is on displaying data changes.
6. The method for visualizing dynamic information in visual communication design according to claim 1, characterized in that: Utilize user experience knowledge to balance the relationship between the display form, function and carrier of view transition and user experience knowledge, and improve the readability and comprehension of information through new visual effects.
7. The method for visualizing dynamic information in visual communication design according to claim 1, characterized in that: In view transition, the target information is highlighted from the background or non-target information by changing the visual effects of the icon's shape, scale, and position, while maintaining the consistency of the overall interface style to ensure visual clarity.
8. The method for visualizing dynamic information in visual communication design according to claim 1, characterized in that: Icon-based visualization methods include star drawing, which uses a shape pattern radiating outward from a point. The corner of the star-shaped figure maps different dimensions of the data, and the length of the line segment represents the different values of each data.