Dynamic graphical user interface for viewing badges on electronic devices

Abstract

1. Name of the product in this design: Dynamic graphical user interface for viewing badges on electronic devices. 2. Purpose of this design: An electronic device. 3. The key design features of this product are its graphical user interface content. 4. Images or photos that best illustrate the design points: Design 1 Interface change state diagram 2. 5. The rear view, top view, bottom view, left view, and right view are standard design elements and are omitted. 6. Design 1 is designated as the basic design. 7. Purpose of the graphical user interface: The graphical user interface is used to view badges. In the main view of Design 1, press and hold the blank area where "All Badges" is located and slide upwards to enter the interface change state diagram 1 of Design 1. In the Design 1 interface change state diagram 1, click on the blank area below the "All Badges" row and slide upwards to enter the Design 1 interface change state diagram 2. In Design 1 Interface Change State Diagram 2, click the variable content screen area in the middle of the second row below "All Badges". This area will gradually enlarge and rotate 360 ​​degrees. Design 1 Interface Change State Diagram 3 to Design 1 Interface Change State Diagram 10 are 8 frames in the dynamic change process of the interface, and finally enter Design 1 Interface Change State Diagram 11. In the Design 1 interface change state diagram 11, click the square button in the upper right corner to enter the Design 1 interface change state diagram 12. In the main view of Design 2, press and hold the blank area where "All Badges" is located and slide upwards to enter the interface change state diagram 1 of Design 2. In the Design 2 interface change state diagram 1, click on the blank area below the "All Badges" row and slide upwards to enter the Design 2 interface change state diagram 2. In Design 2 Interface Change State Diagram 2, click on the variable content screen area on the left side of the second row below "All Badges". This area will gradually enlarge and rotate 360 ​​degrees. Design 2 Interface Change State Diagram 3 to Design 2 Interface Change State Diagram 10 are 8 frames in the dynamic change process of the interface, and finally enter Design 2 Interface Change State Diagram 11. In the Design 2 interface change state diagram 11, click the square button in the upper right corner to enter the Design 2 interface change state diagram 12. In the main view of Design 3, press and hold the blank area where "All Badges" is located and slide upwards to enter the Design 3 interface change state diagram 1. In the Design 3 interface change state diagram 1, click on the blank area below the "All Badges" row and slide upwards to enter the Design 3 interface change state diagram 2. In Design 3 Interface Change State Diagram 2, click on the variable content screen area on the right side of the third row below "All Badges". This area will gradually enlarge. Design 3 Interface Change State Diagram 3 and Design 3 Interface Change State Diagram 4 are two frames in the dynamic change process of the interface. Finally, we enter Design 3 Interface Change State Diagram 5. In the Design 3 interface change state diagram 5, click the square button in the upper right corner to enter the Design 3 interface change state diagram 6. 8. Other situations requiring explanation: In each view, X represents replaceable text content, and the gray area represents replaceable content screen.

Images