Adjustable editing box of content editing transition graphical user interface of electronic device

Abstract

1. Name of the product in this design: Adjustable editing box for a graphical user interface of electronic device content editing transition. 2. Purpose of this design: An electronic device. 3. The key design features of this product are the parts of the graphical user interface that require protection. 4. The image or photograph that best illustrates the design's key features: the front view. 5. Purpose of the graphical user interface: for editing content; the purpose of the protected section is to adjust the editing window. 6. Human-computer interaction method of graphical user interface: As shown in the main view, the upper part of the interface displays a relatively large rectangular editing box with rounded corners. The image content is displayed above the editing box, and multiple lines of text information are displayed below it. When the user adjusts the editing box by dragging the handles on the edge of the editing box, following the sequence from change state diagram 1 to change state diagram 6, as the height of the editing box decreases, the editing box first transitions from a large style to a medium style. At this time, the image shrinks and moves to the left side of the editing box, and the text information is rearranged to the right side of the editing box. Then it continues to transition to a small style, and the editing box finally transforms into a capsule-shaped long rounded rectangle. The image disappears, and only a single line of text information is retained. 7. Other situations requiring explanation: This design is a partial protection design, where the solid line portion is the content to be protected, and the dashed line portion is not the content to be protected.

Images