Screen saver graphical user interface for electronic device

Abstract

1. Name of the product in this design: Graphical User Interface for Screen Saver of Electronic Devices. 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 photo that best illustrates the design points: Design 1 Interface Change State Diagram 1. 5. Design 1 is designated as the basic design. 6. Purpose of the graphical user interface: To control the screen saver. 7. Human-computer interaction method of graphical user interface: In the main view of Design 1, when the mouse hovers over the screen saver toggle button on the left, the screen saver list slides out from left to right, and enters the interface change state diagram 1 of Design 1; click on the weather (style 1) preview image in the screen saver list on the left side of the interface change state diagram 1 of Design 1 to enter the interface change state diagram 2 of Design 1. In the main view of Design 2, hovering the mouse over the screen saver toggle button on the left will cause the screen saver list to slide out from left to right, leading to the Design 2 interface change state diagram 1; clicking the weather (style 2) preview image in the screen saver list on the left side of the Design 2 interface change state diagram 1 will lead to the Design 2 interface change state diagram 2. In the main view of Design 3, hovering the mouse over the screensaver toggle button on the left causes the screensaver list to slide out from left to right, leading to Design 3 interface state change diagram 1; clicking the music (style 1) preview image in the left screensaver list of Design 3 interface state change diagram 1 leads to Design 3 interface state change diagram 2; in Design 3 interface state change diagram 2, you can skip to the previous track and enter Design 3 interface state change diagram 3, where the album art rotates clockwise while the music is playing; in Design 3 interface state change diagram 3, you can skip to the next track and enter Design 3 interface state change diagram 4, where the album art rotates clockwise while the music is playing; in Design 3 interface state change diagram 4, you can pause the music; clicking the pause button leads to Design 3 interface state change diagram 5, where the music is paused and the right slider of the music player smoothly moves out; scrolling down the left screensaver list in Design 3 interface state change diagram 5 leads to Design 3 interface state change diagram 6. In the design 4 front view, mouse hover on the left screen saver switch button, screen saver list from left to right slide out, enter design 4 interface change state diagram 1; Design 4 interface change state diagram 1 left screen saver list mouse down scroll, click left screen saver list in the music (style 2) preview figure into design 4 interface change state diagram 2, in design 4 interface change state diagram 2 can be on the music play the previous operation, and enter design 4 interface change state diagram 3, music play, the background in the circular light point immediately floating up, music cover under the sound ripple change; In design 4 interface change state diagram 3 can be on the music play the next operation, and enter design 4 interface change state diagram 4, music play, the background in the circular light point immediately floating up, music cover under the sound ripple change; In design 4 interface change state diagram 4 can be on the music play the pause operation, mouse hover on the music cover, appear pause button, as shown in design 4 interface change state diagram 5.

Images