Graphical user interface for interactive playback mode of electronic devices

Abstract

1. Name of this design product: Graphical user interface for interactive playback mode of electronic equipment. 2. Purpose of this design product: This design product is used for an electronic device. 3. The key design point of this design product lies in the graphical user interface. 4. The picture or photo that best illustrates the key points of the design: Main view of Design 1. 5. Designate Design 1 as the base design. 6. Purpose of the graphical user interface: to achieve playback mode switching and interactive functions through changes in user operations. 7. Other situations that need explanation: Design 1: The main view of Design 1 is the vertical video playback display interface in the details mode. A floating layer is displayed below the player. Drag the floating layer downward to switch to the vertical screen mode, as shown in the design 1 change state diagram. Click the switch button on the right side of the title. The currently playing video will be retracted upward and switch to the details mode, as shown in the design 1 main view; Design 2: As shown in the design 2 main view, click the "full screen" button in the lower right corner of the player to switch to the vertical screen mode clear state, as shown in the design 2 change state diagram; Design 3: As shown in the design 3 main view, drag the floating layer downward, as shown in the design 3 change state diagram 1, slide the video screen setting area vertically (as shown on the left) to adjust the brightness, as shown in the design 3 change state diagram 2, and slide the video screen setting area vertically (as shown on the right) to adjust the volume, as shown in the design 3 change state diagram 3; Design 4 is an interactive display interface for horizontal video playback in vertical video mode, and its interactive method is the same as that of Design 3. It should be noted that the bright mask area on the left side of Design 3 usage status reference diagram 3 and Design 4 usage status reference diagram 3, and the bright mask area on the right side of Design 3 usage status reference diagram 4 and Design 4 usage status reference diagram 4 are only used for explanation, and the bright mask does not exist in actual operation. The usage status reference diagram is an effect diagram showing the user interaction interface, and the main view and change status diagram of Design 1 correspond to the usage status reference diagrams 1~2 of Design 1 respectively, the main view and change status diagram of Design 2 correspond to the usage status reference diagrams 1~2 of Design 2 respectively, the main view and change status diagram of Design 3 correspond to the usage status reference diagrams 1~4 of Design 3 respectively, and the main view and change status diagrams 1~3 of Design 4 correspond to the usage status reference diagrams 1~4 of Design 4 respectively.

Images