Thinking Construction of Visual Interface of Infographic

ADDI: A tool for automating the design of visual interfaces

: The ADST ARWA Visual System Module Interface Design Document describes the detailed design CSCI interfaces. This IDD outlines the interfaces between the VSC and various hardware items co the VSM, as well as interfaces between the VSM and the SSM and FSM CSCIs.

Research purposes:To find out the da'wah visual communication design from the animated film 'I'm the Best Muslim, season 1' on the Free Qur'an Education YouTube channel. Research Method: Qualitative Descriptive. Research Results: Based on research conducted on 17 captures or stills from the animated film 'I'm The Best Muslim, Season 1, Eps. 8' which was broadcast on the Free Qur'an Education YouTube channel account, through the analysis of Charles Sanders Pierce's semiotic theory, namely triangle meaning, there are 3 elements in it (Icon, Index and Symbol). From all film captures/cuts, the average design refers to a type of image that is a combination of illustration, typography and digital imagine, namely the meaning of the visual design of icons, indexes and symbols is the visual depiction of eyes in the form of hamzah letters, illustrations of characters who have separate bodies or has no neck, a star symbol that is in line with the theme or title of the animated film, the background and characters are orange with the meaning of enthusiasm, energy, cheerfulness and positive vibes, as well as typography in the form of the FQE logo in each capture. Conclusion: The visual communication design produced by the animated film 'I'm the Best Muslim has a design concept that focuses on animated depictions that refer to the laws or rules of drawing according to Islamic law, color. The colors and designs created or displayed in the film are still in the safe category, containing no elements or forms of deviation in visual design, illustrations, typography and color. .

In order to achieve information visualization, realize good interaction between users and information, and meet the needs of users, this study first studied the interaction behavior of the user when using the smartphone was studied, and analyzed the visual factors of the smartphone interface were analyzed from the user sensory interaction level, and the user operation mode level, from the expression of visual form to the commonly used interface mode and User Interface (UI) component space. On this basis, the situational visual expression of the scene in different interaction scenarios was analyzed. Secondly, the basic theory of visual design of smartphone application interface was explained from the perspectives of aesthetics, semiotics and Gestalt psychology, In other words, the visual design of the application interface should be metaphorical, highlighting the key points in the overall visual style, and conforming to the user’s psychological model. At the same time, in order to meet the user’s personalized needs for control, it must add customized options. Finally, the model of the interface visual design method of the interdisciplinary “Shared Communication” system for the interface design of the mobile APP was constructed, and the case of Didi Chuxing was analyzed, which preliminarily confirmed the feasibility of the construction of the interface visual design method model of the “Shared Communication” system.

This thesis is the result of a collaboration with the College of Arts and Humanities at Swansea University. The goal of this collaboration is to design novel visualization techniques to enable digital humanities scholars to explore and analyze parallel translations. To this end, chapter 2 introduces the first survey of surveys on text visualization which reviews all of the surveys and state-of-the-art reports on text visualization techniques, classifies them, provides recommendations, and discusses reported challenges.Following this, we present three visual interactive designs that support the typical digital humanities scholars workflow. In Chapter 4, we present VNLP, a visual, interactive design that enables users to explicitly observe the NLP pipeline processes and update the parameters at each processing stage. Chapter 5 presents AlignVis, a visual tool that provides a semi-automatic alignment framework to build a correspondence between multiple translations. It presents the results of using text similarity measurements and enables the user to create, verify, and edit alignments using a novel visual interface. Chapter 6 introduce TransVis, a novel visual design that supports comparison of multiple parallel translations. It incorporates customized mechanisms for rapid and interactive filtering and selection of a large number of German translations of Shakespeare’s Othello. All of the visual designs are evaluated using examples, detailed observations, case studies, and/or domain expert feedback from a specialist in modern and contemporary German literature and culture.Chapter 7 reports our collaborative experience and proposes a methodological workflow to guide such interdisciplinary research projects. This chapter also includes a summary of outcomes and lessons learned from our collaboration with the domain expert. Finally, Chapter 8 presents a summary of the thesis and future work directions.

This study investigated the impact of graphical user interface (GUI) design on the efficiency and effectiveness of map-based tasks on mobile devices, using time-based weather data as a case study. Three different GUI designs (button-type, circle-type, and slidebar) were tested in a between-subjects design, with 50 participants completing a set of map-based tasks on each GUI design. The results showed that GUI design significantly affected the effectiveness of map-based tasks. Participants performed better at tasks involving the search for the highest and lowest temperature amplitudes on the button-type GUI whereas the circle-type GUI showed lower effectiveness for tasks involving the search for day temperatures. Analysis of the visual attention distribution based on fixation count revealed that different GUI designs led to different patterns of visual attention. The study highlights the importance of considering GUI design in the development of mobile map applications, particularly for map-based tasks involving time-based data. The study shows that separating the date from the time navigation panel reduces necessary visual focus on the GUI itself and is a valuable insight for future GUI design.

With the progress of the times and the development of society, big data technology has initially covered all areas of society, which has brought great help to people's lives and enterprise innovation. In the era of big data, computer technology is one of the simplest, most widely used and most frequently used technologies. With the improvement of people's quality of life and aesthetic standards, traditional image design and visual communication can no longer meet people's aesthetic standards. Therefore, relevant design enterprises have introduced computer technology into the system of graphic image design and visual communication design, in order to innovate image design and improve visual communication quality. According to the quality and aesthetic problems existing in current graphic image design and visual communication design, this paper analyzes the concepts and functions of computer graphic image design and visual communication design, and then summarizes the system composition of computer graphic image design and visual communication design, so as to reflect the powerful functions of computer graphic image design and visual communication design system. Keywords-analysis computer;

Visual communication design and space design is discussed in this paper the complementary relationship between, it is worth mentioning that the visual communication design can be a good blend of collision and space design, so the analysis of the blend mode in the design of visual communication design elements in space, and space visual design elements of law, more reasonable and effective use of visual communication design elements in space design activities for better design services, become a carrier capacity and environmental design in visual communication design concept, therefore, in the design of the two classify, between the two cannot be away from each other, can only promote better design complement each other. As is known to all, the most direct contact between human beings in this world is vision, also known as sight and sight, followed by hearing, smelling and tasting. Therefore, the more intuitive feelings of human beings will be conveyed by vision. In 1960, the term ＂visual communication＂ popular in the world design congress held in Japan, including printed newspapers and magazines, posters and other promotional material design, and television, movies, electronic billboards and other media, through the eyes to convey to the brain for modelling of expressive design is widely referred to as visual communication design, there's a phrase can express: show people design, design. Moreover, in the design of contemporary exhibition space, visual communication design elements are often used. These design elements not only have the function of transmitting information, but also have unlimited commercial value and propaganda effect. Left the concept of positioning, space design is only the so-called functional platter; Ignore the visual communication of visual language, no matter how good the environment will be due to graphic design style gap and left a failure. As we know, one of the most important functions of visual communication design elements is to help present the most complete visual effect in the spatial display. The organic connection between visual communication design and display space design not only harmonizes the relationship between two-dimensional plane and three-dimensional space environment, but also expands the cooperation between subjects and strengthens the research space between the two design disciplines. Only in this way can designers solve complex and comprehensive problems and help designers make full use of their advantages to create better works.

With the rapid development of digital media technology, digital media context emerges as the times require. Visual communication design also presents language features, aesthetic features and communication features, which have a great impact on visual communication design to a certain extent. However, based on the analysis of the actual situation, visual communication design is still in the situation of challenges and opportunities. Based on this, this paper studies the multiple characteristics of visual communication design in digital media environment. This paper expounds the main characteristics of visual communication design, and analyzes the changes of visual communication design performance in the digital media era. It also discusses the influence of digital media era on visual communication design from three dimensions: changing the form of information dissemination, promoting the development of multidimensional design and realizing virtual design. Finally, the paper compares the visual communication design based on digital media environment with the traditional visual communication design method, aiming to provide reference for the digital development of visual communication design. Research shows that visual communication design can reflect the characteristics of digital media era, break through the limitations of time and space, and bring more aesthetic experience to people. It is worth noting that on the basis of the visual impact brought by digital media technology, it is necessary to alleviate the contradiction between the progress of the times and the development of visual communication design.

The article is based on the basic theories of computer graphic image design and visual communication design, combined with the historical background, tasks, creative rules, educational methods, involved fields and thinking styles of computer visual communication design. Combining the needs of visual communication graphic design, the paper designs a graphic design visual aesthetics computer-aided analysis system based on design geometry, which realizes the import of graphic design works, the interactive segmentation and acquisition of design elements, and the analysis and judgment of the relationship between proportion and composition. And other basic functions. The system can be used to judge the visual aesthetics of design works and can also provide design support related to geometric aesthetic principles to users engaged in graphic design.

Design method is an important part of design, and it is an important product of academic and educational research practice. This paper discusses different fields of visual design and their methodological issues, based on the definition of visual communication design, WOS and a search of relevant literature on the Internet, with the aim of understanding the essential properties of visual communication activities from a methodological stratification perspective and clarifying the norms of different disciplines involved in visual communication. The objectives, content, processing, and output of two types of visual design activities with purpose and means are analyzed in terms of design process, conceptual framework of visual representation, and qualitative and quantitative aspects. As an interdisciplinary design discipline, visual design is essentially a comprehensive activity of information dissemination that occurs in a variety of scenarios, including business, education, and science. It is necessary to keep the boundary, clarify the ideographic and stylistic characteristics of visual design, and improve the ontological quality of visual design profession, but it is also necessary to cross the boundary on the basis of keeping the boundary, so as to better cultivate visual ability, promote the transformation of visual design methods in other fields, and improve the disciplinary growth of the profession in the new era.

With the rapid development of big data technology, information technology and visualization technology, traditional national headdress design has gradually been combined with it. The strategies and applications related to national headdress design also fully reflect the beauty of modern science and technology, which is a model of the combination of national classics and modern technology. Based on this, this paper will deeply analyze the various links and processes of the design based on the data based on the specific information of Yao ethnic headwear. At the same time, based on the existing visual design, this paper will take spring, hibernate and other systems as the basic software architecture of the design system and deeply study the visualization principles and data information visualization methods of spring, hibernate and other software, and carry out data information visualization processing on the relevant design of national headwear, to build the corresponding digital material library with national characteristics and the digital design process of national headwear. Through the digital processing and matching of the whole design, the current design of national headwear can be simplified and optimized, and the design efficiency can be improved to provide reference samples for the design of other national characteristics. In the specific design part, this paper will carry out design verification based on Yao nationality's corresponding characteristic headdress design and evaluate the corresponding design from the perspective of artistry, practicality and nationality of headdress design. The practice results show that the information visualization design of national headwear proposed in this paper has obvious advantages over the traditional design, which greatly improves the design efficiency and simplifies the design process.

New technologies have made the world highly visual, making visual literacy an important and relevant 21st-century skill. Educators and students are often required to produce visual communication products such as infographics, but they often lack the confidence and proficiency in visual design skills to create higher-quality infographics. We conducted a case study to examine how graphic and instructional designers perform the visual design process (i.e., a series of actions performed in composing an infographic, such as creating layout and alignment) when applying visual design principles. The goal was to investigate the visual design processes and identify differences in the strategies used to develop higher versus lower quality infographics rated across 18 design criteria. We identified the design actions and computed the transitional probability between the design actions to construct a process model for composing effective infographics. Results reveal that high-rated infographics were developed using a more systematic approach, starting by creating a well-planned structure (e.g., setting margins and columns) followed by setting spatial zones to map out a visual hierarchy prior to working on fonts, colors, and graphic elements, and using a consistent application of visual rules. These target processes were encapsulated into a five-stage Infographic Visual Design Model.

Object-oriented logic configuration platform design for large power grid security and stability simulation

Digital advertising is increasingly embedded within contemporary human–computer interaction (HCI) environments, where advertisements function not only as persuasive messages but also as structural elements of digital interfaces. Despite the rapid growth of online advertising, research examining how interface design influences advertising effectiveness remains fragmented across HCI, communication science, and marketing. This study synthesizes interdisciplinary research on how HCI-related interface variables affect visual advertising attention, avoidance, and persuasion outcomes. A systematic literature review following the PRISMA 2020 framework was conducted using four major databases: Web of Science, Scopus, PubMed, and the ACM Digital Library. The review covers peer-reviewed studies published between 2000 and 2025 that combine HCI methodologies—such as eye-tracking, usability evaluation, interaction logging, and user experience measurement—with advertising outcomes including attention, recall, persuasion, and avoidance. A total of 118 studies met the inclusion criteria and were analyzed using narrative synthesis. The findings indicate that advertising effectiveness is strongly shaped by interface-level variables including visual complexity, animation, interactivity, aesthetic congruence, and user task context. Visual attention operates through a dual-pathway mechanism in which bottom-up visual salience interacts with top-down goal-directed browsing behavior, explaining phenomena such as banner blindness. The review highlights the need for stronger theoretical integration between HCI and communication-based persuasion frameworks.