Interactive graphical user interface for electronic devices

Abstract

1. The name of the design product: interactive operation graphical user interface of electronic device. 2. The use of the design product: an electronic device. 3. The design points of the design product: the interface content of the graphical user interface in the screen. 4. The picture or photo that best indicates the design points: design 1 interface change state diagram 2. 5. The electronic device is a conventional design, and the rear view, left view, right view, top view, and bottom view of design 1-design 2 are omitted. 6. Design 1 is designated as the basic design. 7. The use of the graphical user interface: the graphical user interface is used for the management, control, and operation of content interaction. The front view of design 1 is the display interface of the home page. Swiping down the front view of design 1 enters design 1 interface change state diagram 1. Clicking the comment icon in the upper right corner of the card area in the middle of design 1 interface change state diagram 1 switches to the number of comments, or the comment icon automatically switches to the number of comments after design 1 interface change state diagram 1 stops for a certain period of time, entering design 1 interface change state diagram 2. Clicking the heart-shaped icon in the upper right corner of design 1 interface change state diagram 2 enlarges the heart-shaped icon, entering design 1 interface change state diagram 3. After the heart-shaped icon in design 1 interface change state diagram 3 is enlarged and displayed for a certain period of time, it returns to its original size, entering design 1 interface change state diagram 4. The interactive operation of design 2 front view-design 2 interface change state diagram 3 corresponds to the same interactive operation of design 1 front view-design 1 interface change state diagram 3. After the heart-shaped icon in design 2 interface change state diagram 3 is enlarged and displayed for a certain period of time, it returns to its original size, and the circular area where the heart-shaped icon is located is filled with yellow, entering design 2 interface change state diagram 4. 8. Other circumstances that need to be explained: design 2 requests protection of color. The gray-black single color block coating part in the design is a changeable content picture.

Images