Mobile phone case lighting effect settings management graphical user interface for electronic devices

Abstract

1. Name of the product of this design: Graphical user interface for managing lighting effect settings for mobile phone cases of electronic devices. 2. Purpose of this design product: for use in an electronic device. 3. The key design point of this appearance design product lies in the display layout of the graphical user interface. 4. The picture or photo that best illustrates the key points of the design: Figure 5 showing the interface change states of Design 1. 5. Designate Design 1 as the base design. 6. Purpose of the graphical user interface: Design 1: After downloading the APP, open it for the first time to enter the main view page of Design 1. If there is an activated device nearby, it will automatically jump to Design 1 interface change state diagram 1; in Design 1 interface change state diagram 1, click the product model to enter Design 1 interface change state diagram 2; in Design 1 interface change state diagram 2, click OK to enter Design 1 interface change state diagram 3; in Design 1 interface change state diagram 3, click pairing to enter Design 1 interface change state diagram 4; in Design 1 interface change state diagram 4, click Allow to enter Design 1 interface change state diagram 5; in Design 1 interface change state diagram 5, click incoming call to enter Design 1 interface change state diagram 6; in Design 1 interface change state diagram 6, click lighting effect selection to enter Design 1 interface change state diagram 7; in Design 1 interface change state diagram 7, click color mixing to enter Design 1 interface change state diagram 8 expansion diagram. Design 2: After downloading the APP, open it for the first time and enter the main view page of Design 2. The interaction process from the main view page of Design 2 to the interface change state diagram 5 of Design 2 is the same as the interaction process from the main view page of Design 1 to the interface change state diagram 5 of Design 1. In the interface change state diagram 5 of Design 2, click Energy Saving to enter the interface change state diagram 6 of Design 2. The interaction process from the interface change state diagram 6 of Design 2 to the expanded diagram of Design 2 interface change state diagram 9 is the same as the interaction process from the interface change state diagram 5 of Design 1 to the expanded diagram of Design 1 interface change state diagram 8. Design 3: After downloading the APP, open Custom for the first time to enter the Design 3 main view page. The interaction process from the Design 3 main view page to the Design 3 interface change state diagram 5 is the same as the interaction process from the Design 1 main view page to the Design 1 interface change state diagram 5; in the Design 3 interface change state diagram 5, click Custom to enter the Design 3 interface change state diagram 6; the interaction process from the Design 3 interface change state diagram 6 to the Design 3 interface change state diagram 9 expansion diagram is the same as the interaction process from the Design 1 interface change state diagram 5 to the Design 1 interface change state diagram 8 expansion diagram. 7. Other situations that require explanation Other explanations: Design 1 interface change state diagram 8, Design 2 interface change state diagram 9, Design 3 interface change state diagram 9 are limited by the screen size of electronic devices and cannot fully display the corresponding interfaces, so they are submitted in the form of expanded diagrams.

Images