Graphical user interface for program editing interaction of an electronic device

Abstract

1. Name of the product in this design: Graphical User Interface for Program Editing Interaction of Electronic Equipment. 2. Purpose of this design: An electronic device. 3. The key design feature of this product is its graphical user interface. 4. The image or photograph that best illustrates the design's key features: the front view. 5. Purpose of the graphical user interface: The product is divided into playback control logic and screen editing logic; the control logic can realize the fast playback control of the screen by clicking and dragging; the screen editing logic is used to realize the overlay editing of video from various screens into a program. 6. Human-computer interaction method of graphical user interface: The main view interface is the interactive interface of the program page; in the main view interface, after clicking the icon to the right of "Home" in the upper right corner of the interface, the interface change state diagram 1 is displayed; in the interface change state diagram 1, after clicking "Scene Arrangement" in the interface, the interface change state diagram 2 is displayed; in the interface change state diagram 2, after clicking the "+" icon in "Program List" on the left side of the interface, the interface change state diagram 3 is displayed; in the interface change state diagram 3, after clicking "New", the interface change state diagram 4 is displayed; in the interface change state diagram 4, after entering information and clicking "OK", the interface change state diagram 5 is displayed; in the interface change state diagram 5, after selecting one of the items in "Add Layer" in the middle (e.g., 2K video image), the interface change state diagram 6 is displayed; in the interface change state... In Figure 6, after selecting a layer, the interface changes as shown in Figure 7. In the lower center of Figure 7, adjusting the size of the screen resolution box in the lower dashed area results in Figure 8. In Figure 8, clicking on a video clip in the "Material List" on the right side of the interface results in Figure 9. In Figure 9, clicking the save icon above the "Program List" on the left side of the interface results in Figure 10. In Figure 10, clicking the icon to the right of "Scene Arrangement" in the upper right corner of the interface results in Figure 11. In Figure 11, clicking the homepage results in Figure 12. In Figure 12, clicking "Program 2" at the bottom of the interface results in Figure 13. 7. Other situations requiring explanation: The gray area represents the content screen.

Images