Graphical user interface for image browsing and detail viewing in industrial vision software for electronic devices.

Abstract

1. Name of the product in this design: Graphical user interface for viewing images and details of industrial vision software for electronic devices. 2. Purpose of this design: 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: A graphical user interface used for browsing images and viewing details of corresponding tags in industrial vision software. 7. Human-computer interaction method of graphical user interface: Design 1 main view is the product homepage; Clicking the image name in the left list of Design 1 main view displays the original image and label box, resulting in Design 1 interface change state diagram 1; Enter text in the input box in the lower right part of Design 1 interface change state diagram 1, resulting in Design 1 interface change state diagram 2; Click "Comment" in the lower right corner of Design 1 interface change state diagram 2 to comment on the image, resulting in Design 1 interface change state diagram 3; Hover the mouse over the image in Design 1 interface change state diagram 3 and scroll the mouse wheel inward to zoom in on the image, resulting in Design 1 interface change state diagram 4; Drag the "Draw Thick Line" button on the right side of Design 1 interface change state diagram 4 to obtain Design 1 interface change state diagram 5. Design 2's main view is the product homepage; clicking on the image name in the left-hand list of Design 2's main view displays the original image and its label box, resulting in Design 2's interface change state diagram 1; entering text in the input box in the lower right corner of Design 2's interface change state diagram 1 results in Design 2's interface change state diagram 2; clicking "Comment" in the lower right corner of Design 2's interface change state diagram 2 allows you to comment on the image, resulting in Design 2's interface change state diagram 3; hovering the mouse over the image in Design 2's interface change state diagram 3 and scrolling the mouse wheel inwards zooms in on the image, resulting in Design 2's interface change state diagram 4; dragging the "Background Transparency" indicator on the right side of Design 2's interface change state diagram 4 results in Design 2's interface change state diagram 5. Design 3's main view is the product homepage; clicking on the image name in the left-hand list of Design 3's main view displays the original image and its label box, resulting in Design 3's interface change state diagram 1; entering text in the input box in the lower right corner of Design 3's interface change state diagram 1 results in Design 3's interface change state diagram 2; clicking "Comment" in the lower right corner of Design 3's interface change state diagram 2 allows you to comment on the image, resulting in Design 3's interface change state diagram 3; hovering the mouse over the image in Design 3's interface change state diagram 3 and scrolling the mouse wheel inwards zooms in on the image, resulting in Design 3's interface change state diagram 4; clicking the label selection box on the right side of Design 3's interface change state diagram 4 deselects the label box for that image, resulting in Design 3's interface change state diagram 5. 8. Other situations requiring explanation: Other explanation: The gray blocks in the interface represent replaceable content screens.

Images