Graphical user interface of a mini-program for electronic devices with lighting management function

Abstract

1. Name of the product in this design: Graphical User Interface of an Electronic Device with a Mini Program for Lighting Management Function. 2. Purpose of this design: An electronic device. 3. The key design features of this product are: the graphical user interface content on the screen; all other content is based on existing designs. 4. The picture or photo that best illustrates the key design points: Design 1 front view. 5. Design 1 is designated as the basic design. 6. Purpose of the graphical user interface: This design is intended to provide target users with a visual interface and functional operations. 7. Other situations requiring explanation are illustrated in the diagrams: After the program runs and the software is logged in, the main view of Design 1 appears; clicking the "chandelier" icon in the main view of Design 1 enters the main light settings interface, i.e., Design 1 interface state change diagram 1; clicking the "switch" icon in the upper left corner of the interface in Design 1 interface state change diagram 1 turns on the main light function, i.e., Design 1 interface state change diagram 2; clicking and dragging the vertical bar in the middle of the interface in Design 1 interface state change diagram 2 changes the brightness of the main light, i.e., Design 1 interface state change diagram 3; clicking the "color temperature" icon on the right side of the middle of the interface in Design 1 interface state change diagram 3 displays the color temperature settings interface, i.e., Design 1 interface state change diagram 4; sliding to the right changes the lower half of the interface in Design 1 interface state change diagram 4, displaying the color settings interface, i.e., Design 1 interface state change diagram 5; clicking the gear-shaped "settings" icon in the upper left corner of the interface in Design 1 interface state change diagram 5 enters the renaming interface, i.e., Design 1 interface state change diagram 6. After the program runs and the software is logged in, the main view of Design 2 appears. After swiping down the main view of Design 2 on the touchscreen, a new icon is displayed on the interface, namely Design 2 interface change state diagram 1. Clicking the "spotlight" icon in Design 2 interface change state diagram 1 enters the spotlight design interface, namely Design 2 interface change state diagram 2. Clicking the "switch" icon in the upper left corner of the interface in Design 2 interface change state diagram 2 turns on the spotlight function, namely Design 2 interface change state diagram 3. Clicking and pulling up the vertical bar in the middle of the interface in Design 2 interface change state diagram 3 changes the brightness of the spotlight. Among them, Design 2 interface change state diagrams 4 and 5 are keyframes of the change process.

Images