Creative preview module for the graphical user interface of the promotion page for electronic devices.

Abstract

1. Name of the product in this design: Creative preview module of graphical user interface for promotional creation page of electronic device. 2. Application of this design: This design is intended for use in an electronic device. 3. The key design features of this product are the graphical user interface that is subject to protection. 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: Overall purpose: to promote interactive page creation; Local purpose: to enable real-time viewing of preview effects between different page layouts and cover cropping demonstration images through changes in user operations. 7. Other situations requiring explanation are illustrated in the diagram: This design protects the creative preview module. Design 1: The Creative Preview Module is shown in the main view of Design 1. This module is divided into a cropping demo image, layout option switching, and style preview. The portion within the dotted line area of ​​the cropping demo image (with a set color, such as blue) is previewed in real-time in the corresponding layout below. Switching layout options changes the cropping demo image and style preview accordingly. Designs 2 to 4 show the other three layout option displays for the Creative Preview Module. Design 2's main view shows the "Information Flow Card" layout option display, Design 3's main view shows the "Playback Page" layout option display, and Design 4's main view shows the "Vertical Information Flow" layout option display. Design 5: Select Settings The "﹀" option on the right side of the main view clipping demonstration image for Design 5 collapses the clipping demonstration image, as shown in the Design 5 change state diagram. It should be noted that the blue dotted lines in the main views of Designs 1-3 and the main view clipping demonstration image of Design 5 represent the parts for which protection is requested. The usage state reference image is a rendering of the user interface. The main view of Design 1 corresponds to the usage state reference image of Design 1, the main view of Design 2 corresponds to the usage state reference image of Design 2, the main view of Design 3 corresponds to the usage state reference image of Design 3, the main view of Design 4 corresponds to the usage state reference image of Design 4, and the main view of Design 5 and the change state diagram correspond to the usage state reference images 1-2 of Design 5, respectively.

Images