Main body of a picture editing graphical user interface of an electronic device

Abstract

1. Name of the product in this design: The main body of a graphical user interface for image editing of an electronic device. 2. Intended use of this design: for use in an electronic device. 3. The key design feature of this product is its graphical user interface. 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: The overall purpose and partial purpose of this design product are for editing images. 7. Human-computer interaction method of graphical user interface: In Design 1, the blank area within the rectangle in the main view of Design 1 is used to display the image imported by the user. When the user moves the mouse to the blank area within the rectangle in the main view of Design 1, the interface enters the interface change state diagram of Design 1. For details, please refer to the interface usage state reference diagrams 1 to 2 of Design 1. The human-computer interaction method of Design 2 is the same as that of Design 1, and will not be described again. In Design 3, the blank area within the rectangle in the main view of Design 3 is used to display the image imported by the user. The user drags the two circular buttons inside the ring on the right side of the main view of Design 3, and the interface enters the Design 3 interface change state diagram. For details, please refer to the Design 3 interface usage state reference diagrams 1 to 2. The human-computer interaction method of Design 4 is the same as that of Design 3, and will not be described again. In Design 5, the blank area within the rectangle in the main view of Design 5 is used to display the image imported by the user. When the user drags the two circular buttons inside the ring on the right side of the main view of Design 5, the interface enters the Design 5 interface change state diagram 1. When the user moves the mouse to the blank area within the rectangle in the Design 5 interface change state diagram 1, the interface enters the Design 5 interface change state diagram 2. For details, please refer to the Design 5 interface usage state reference diagrams 1 to 3. The human-computer interaction method of Design 6 is the same as that of Design 5, and will not be described again. In Design 7, the blank area within the rectangle in the main view is used to display the user-imported image. The user drags the circular buttons at the left and right ends of the horizontal bar below "Saturation Range" in the main view of Design 7, and the interface transitions to the Design 7 interface state diagram. See Design 7 Interface Usage State Reference Figures 1 to 2 for details. In Design 8, the blank area within the rectangle in the main view of Design 8 is used to display the user-imported image. The user drags the circular buttons at the left and right ends of the horizontal bar below "Saturation Range" in the main view of Design 8, and the interface transitions to the Design 7 interface state diagram. The circular buttons at the left and right ends of the horizontal bar below "Range" will bring up the interface transition state diagram for Design 8. Refer to Design 8 Interface Usage Reference Diagrams 1 through 2 for details. In Design 9, the blank area within the rectangle in the main view is used to display the user-imported image. Clicking the "Continue" button in the main view of Design 9 will bring up the interface transition state diagram 1. Clicking the "Foreground" rectangle in Design 9 Interface Transition State Diagram 1 will bring up the interface transition state diagram 2. Refer to Design 9 Interface Usage Reference Diagrams 1 through 3 for details. Similarly, in Design 10, the blank area within the rectangle in the main view is used to display the user-imported image. Clicking the "Continue" button in the main view of Design 10 will bring up the interface transition state diagram 1. Clicking the first button at the top of the "Color Split" module (counting from left to right) in Design 10 Interface Transition State Diagram 1 will bring up the interface transition state diagram 2. Refer to Design 10 Interface Usage Reference Diagrams 1 through 3 for details. 8. Other situations requiring explanation: Other explanation: The areas in the interface that are covered with a semi-transparent green coating represent parts that do not require protection. In each view interface, characters represented by 'X' are replaceable, and the number of 'X's does not limit the number of characters that can be replaced.

Images