Graphical User Interface for Adjusting Text Size in an Electronic Device

Abstract

1. Name of the Design Product: Graphical User Interface for Adjusting Font Size of Electronic Devices. 2. Use of the Design Product: An electronic device. 3. Design Key Points of the Design Product: Lies in the graphical user interface. 4. Picture or Photo Best Showing the Design Key Points: Variation State Diagram 3. 5. This design product is a planar product, and the left view, right view, top view, bottom view, and rear view are omitted. 6. Human - computer Interaction Method of the Graphical User Interface: The graphical user interfaces shown in the front view and each variation state diagram are all content interfaces for adjusting font size displayed on the electronic device. The front view shows the home page interface. On the left side in the middle of the interface, a guiding floating window is displayed, and an expand / pinch icon is shown in the guiding floating window; after a preset time, the interface shows Variation State Diagram 1, and an icon opposite to the action in the front view is shown in the guiding floating window in the interface; the front view and Variation State Diagram 1 switch back and forth; after the finger performs an expand or pinch operation on the screen, Variation State Diagram 2 is shown. An adjustment floating layer is displayed at the bottom of the interface. The upper part of the adjustment floating layer shows reference text, the lower part shows a font size adjustment slider, and an in - clickable effect button is shown in the lower - right corner; by dragging the slider in Variation State Diagram 2 to adjust the font size, Variation State Diagram 3 is shown. The reference text in the adjustment floating layer adjusts its size according to the slider position, and the effect button in the lower - right corner of the adjustment floating layer is highlighted. Clicking the effect button in Variation State Diagram 3 can complete the font size adjustment. The gray areas in the front view and each variation state diagram are deleted content screens, and "XX" represents text or numbers. During the actual use of the front view and each variation state diagram, the interface content shown can correspond to and refer to each reference diagram.

Images