Graphical User Interface for Display of Electronic Device Layout Adjustment

Abstract

1. Name of the Design Product: Graphical User Interface for Display of Electronic Device Layout Adjustment. 2. Use of the Design Product: For an electronic device. 3. Design Key Points of the Design Product: Lies in the content of the graphical user interface on the screen. 4. Picture or Photo that Best Illustrates the Design Key Points: Design 2, Variant State Diagram 1. 5. Design 2 is designated as the basic design. 6. Use of the Graphical User Interface: In the application interface, based on the user's interactive operations, adjust the layout of the interface modules. The main view of Design 1 shows the default state. When the user drags the table area at the lower part of the interface to the right side of the Creation Efficiency Enhancement Module, the interface enters Design 1, Variant State Diagram 1. After releasing, the interface enters Design 1, Variant State Diagram 2, and the table position has been adjusted to the right side of the Creation Efficiency Enhancement Module; The main view of Design 2 shows the default state. When the user drags the right table into the left Creation Efficiency Enhancement Module, the interface enters Design 2, Variant State Diagram 1. After releasing, the interface enters Variant State Diagram 2, and the table is embedded in the Creation Efficiency Enhancement Module; The main view of Design 3 shows the default state of layout distribution adjustment. When the user drags the adjustment line left and right, the interface enters Design 3, Variant State Diagram 1, adjusting the width of the module area. When the user hovers the cursor between the element blocks, the interface enters Design 3, Variant State Diagram 2, showing the vertical adjustment line. When the user drags the adjustment line up and down, the interface enters Design 3, Variant State Diagram 3, adjusting the height of the module area; The main view of Design 4 shows the default state. When the user drags the horizontal bar module at the lower part of the interface to below the table area, the interface enters Design 4, Variant State Diagram 1. After releasing, the interface enters Design 4, Variant State Diagram 2, and the text input area is vertically arranged below the table. The gray frame part in the graphical user interface of this design product is the content screen. For example, the gray frame part is a picture, and the X part represents text and / or numbers.

Images