Interactive graphical user interface for previewing expression effects for electronic devices

Abstract

1. The name of the product of this design: An interactive graphical user interface for previewing expression effects for electronic devices. 2. Purpose of the product of this design: an electronic device. 3. The key design point of this appearance design product lies in the graphical user interface. 4. The picture or photo that best illustrates the key points of the design: Design 1 interface change state diagram 1. 5. Designate Design 1 as the base design. 6. Purpose of the graphical user interface: The interface is used for previewing emoticon effects, displaying simulated scenes of emoticon effects, and other interactions. 7. Human-computer interaction method of the graphical user interface: In the main view of Design 1, when the user clicks on any rectangular emoticon picture in the middle of the interface, a preview floating layer of the emoticon special effect simulation scene will expand upward from the bottom of the interface, presenting the interface change from the main view of Design 1 to the interface change state diagram 1 of Design 1. Afterwards, the emoticon package special effects playback ends, and the floating layer switches to display the corresponding emoticon package picture and the "Preview Special Effects" control, presenting the interface changes from Design 1 interface change state diagram 1 to Design 1 interface change state diagram 2. In the main view of Design 2, when the user long presses any rectangular emoticon picture at the bottom of the interface, a preview bubble is expanded above the emoticon to display the emoticon special effects, presenting the interface change from the main view of Design 2 to the interface change state diagram 1 of Design 2. Then the emoticon package special effects playback ends, and the emoticon package preview bubble changes to a normal preview state, presenting the interface changes from Design 2 interface change state diagram 1 to Design 2 interface change state diagram 2. In the main view of Design 3, when the user clicks the "Preview Special Effects" control, the interface displays the special effects simulation scene of the emoticon package, presenting the interface changes from the main view of Design 3 to the interface change state diagram of Design 3. The rectangular blank area in each design view is the content screen, such as: emoticons, pictures, animated pictures, etc.

Images