User interface generation method based on scene tree

Abstract

The invention discloses a user interface generation method based on a scene tree. The method comprises the following steps: 1) determining the number of interfaces of a user interface and the appearance and function of each interface according to user interface requirements; 2) constructing an interface tree according to the information in the step 1); 3) selecting a node in the interface tree, and editing a primitive on an interface corresponding to the node; wherein each edited interface has an exit or return interaction primitive; 4) selecting a node in the interface tree, entering a state transition diagram editing interface corresponding to the node, and editing the node; entering a state transition diagram editing interface of the node for the first time, drawing the node, a sub-tree node of the node and an exit or return interaction task of the node according to the interface tree, and generating a state transition diagram of the node; and 5) converting the edited interface tree into a corresponding code through the generation template of the target language, and then compiling the code to generate the user interface.

Description

technical field [0001] The invention relates to a method for generating a user interface based on a scene tree, and belongs to the technical field of software. Background technique [0002] User Interface (UI for short), as the facade of software, is becoming more and more important in the wave of rapid development of information technology. Designers generally design the user interface by hand-drawing the rough outline and requirements of the user interface according to the requirements, and then refine it through interface design tools. At present, there are many user interface design tools available in the industry, such as Axure, Adobe XD, etc., which can not only draw interface prototypes, but also set simple interactive actions; many online design tools also support multi-person collaboration, which can realize more complex function. [0003] Designers design user interface prototypes (tools), which can cover users' static interface requirements, and can also realize...

AI Technical Summary

Problems solved by technology

[0003] Designers design user interface prototypes (tools), which can cover the user's static interface requirements, and can also realize some dynamic interaction requirements; but its business requirements are often difficult to reflect

In addition, the work of designers and software developers are independent of each other. In the software life cycle, developers usually use the design prototypes provided by designers for secondary development or redesign, which leads to the cost of work connection between different teams increase

In addition, most of the existing technologies and products are based on the network structure. Although the functions are enriched, it increases the user's learning cost and increases the workload.

Images