Graphical user interface for home page navigation display on electronic devices

Abstract

1. Name of the product of this design: Graphical user interface for home page navigation display 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 appearance 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 realize the home page navigation display and interactive functions through changes in user operations. 7. Other situations that require explanation are described in the following diagrams: Design 1: As shown in the main view of Design 1, the homepage navigation bar is displayed on the left side of the interface, the drawing tool module is pinned at the top of the interface, and the application module in the middle of the interface displays cards in the form of a carousel or by sliding horizontally; Design 2 is another display interface for the homepage navigation bar, and its interaction method is the same as that of Design 1; Design 3: As shown in the main view of Design 3, after the mouse moves out of the navigation bar on the left side of the interface or a set time (such as 5 seconds) is set, the navigation bar is folded, as shown in the change state diagram of Design 3; Design 4: As shown in the main view of Design 4, click any label item in the left navigation bar, as shown in the change state diagram of Design 4; Design Design 5: As shown in the main view of Design 5, click any label item in the left navigation bar, the content on the right side of the interface will switch accordingly, and the navigation bar will be folded, as shown in the change state diagram of Design 5; the usage state reference diagram is a rendering of the user interaction interface, the Design 1 main view corresponds to the Design 1 usage state reference diagram, the Design 2 main view corresponds to the Design 2 usage state reference diagram, the Design 3 main view and change state diagram correspond to the Design 3 usage state reference diagrams 1~2 respectively, the Design 4 main view and change state diagram correspond to the Design 4 usage state reference diagrams 1~2 respectively, the Design 5 main view and change state diagram correspond to the Design 5 usage state reference diagrams 1~2 respectively.

Images