Information display graphical user interface for electronic device song production

Abstract

1. The name of the design product: information display graphical user interface for electronic device song making. 2. The use of the design product: for electronic devices. 3. The design points of the design product: the graphical user interface displayed in the screen. 4. The picture or photo that best indicates the design points: design 1 front view. 5. Design 1 is designated as the basic design. 6. The use of the graphical user interface: for smart stringless guitar, making of mashup songs in songwriting. 7. Human-computer interaction method of graphical user interface: Design 1 main view is the main interface of the mobile terminal; Design 1 interface change state diagram 1 is the graphical user interface displayed after clicking or touching the second tab area in the first row below the "search box" in the main view of Design 1; Design 1 interface change state diagram 2 is the graphical user interface displayed after clicking or touching the tab area to the right of the "search icon" in Design 1 interface change state diagram 1. Users can select the corresponding song card module by clicking or touching the "circle area" in the upper right corner. When a song card module is selected, the "circle area" is marked with the current selection number in sequence. Users can slide down to display other recommended song card modules. Users can also... Enter search information in the input box to perform a search; Design 1 Interface Change State Figure 3 shows the graphical user interface displayed when the first song card module is selected in Design 1 Interface Change State Figure 2. Simultaneously, when a song card module is selected, the second-to-last row of Design 1 Interface Change State Figure 3 generates corresponding labels based on the selected song card module. The labels are arranged sequentially from left to right, and labels can be deleted by clicking or touching the "×" symbol on the label, thus deselecting the song card module; Design 1 Interface Change State Figure 4 shows the graphical user interface displayed after touching or clicking the second label in the first row below the "Search Box" in Design 1 Interface Change State Figure 3 and selecting a song card module. Simultaneously, the Design 1 interface changes... In state diagram 4, the second-to-last row forms corresponding labels, arranged in chronological order. Users can touch the corresponding labels and drag them to the desired position to adjust their location. This also updates the sequence number of the corresponding song card module. Labels can be deleted by clicking or touching the "×" symbol on them, thus deselecting the corresponding song card module. Design 1's interface change state diagram 5 shows the graphical user interface displayed after touching or clicking the first label below the "search box," entering relevant search information in the "search box," and selecting a searched song card module. Upon selection, the second-to-last row in Design 1's interface change state diagram 5 forms corresponding labels, arranged in chronological order. Users can touch the corresponding label and drag it to the desired position to adjust its location. This also updates the sequence number of the corresponding song card module. Users can delete the label by clicking or touching the "×" symbol on it, thus deselecting the corresponding song card module. Design 1 Interface Change State Figure 6 shows the graphical user interface displayed when clicking or touching the bottom label area in Design 1 Interface Change State Figure 5. Design 1 Interface Change State Figure 7 shows the graphical user interface displayed after clicking or touching the "Name" editing area in the second row from the top in Design 1 Interface Change State Figure 6 and entering a name. Design 1 Interface Change State Figure 8 shows the graphical user interface displayed when clicking or touching the upper right label in Design 1 Interface Change State Figure 7.Design 1 Interface Change State Diagram 9 shows the graphical user interface displayed after Design 1 Interface Change State Diagram 8 completes "loading". The third row of Design 1 Interface Change State Diagram 9 is the default "debugging", and the style follows the data of the first lyrics card module, but the user can change it during trial playing. After the change, it will become the default key and style of this medley. Design 1 Interface Change State Diagram 10 shows the graphical user interface displayed when clicking or touching the upper right tab of Design 1 Interface Change State Diagram 9. Design 1 Interface Change State Diagram 11 shows the graphical user interface displayed above the lower module of Design 1 Interface Change State Diagram 10, from bottom to top, by touching or clicking the rightmost tab in the second row, the rightmost tab in the first row, and the graphical user interface displayed after the lower module. Design 2 Main View is for mobile terminals. The main interface of Design 2; Design 2 Interface Change State Figure 1 is the main view of Design 2. Clicking or touching the upper right "music" symbol icon area displays the graphical user interface. Users can select the corresponding song card module by clicking or touching the upper right "circle area". When a song card module is selected, the "circle area" is marked with the current selection number in sequence. Users can slide down to display other recommended song card modules, or they can enter search information in the input box to search; Design 2 Interface Change State Figure 2 is the graphical user interface displayed when the first song card module is selected in Design 2 Interface Change State Figure 1. At the same time, when a song card module is selected, the second to last row of Design 2 Interface Change State Figure 2 forms a corresponding label based on the selected song card module. The labels are arranged sequentially from left to right, and can be deleted by clicking or touching the "×" symbol on the label, thus deselecting the corresponding song card module. Design 2 Interface Change State Figure 3 shows the graphical user interface displayed after clicking or touching the second label in the first row below the "search box" and selecting a song card module. Upon selection, the second-to-last row in Design 2 Interface Change State Figure 3 forms corresponding labels, arranged in order. Users can touch and drag the corresponding labels to adjust their positions, updating the sequence number of the corresponding song card module. Labels can also be deleted by clicking or touching the "×" symbol on them, deselecting the corresponding song card module. The graphical user interface shown in Figure 4 is the result of touching or clicking the first tab below the "Search Box" in Figure 3 of Design 2, entering relevant search information in the "Search Box," and selecting the searched song card module. Simultaneously, the second-to-last row of Figure 4 forms corresponding tabs, arranged in order. Users can touch and drag the corresponding tabs to adjust their positions, updating the corresponding song card module's sequence number. Tabs can be deleted by clicking or touching the "×" symbol, deselecting the corresponding song card module. Figure 5 shows the graphical user interface displayed when clicking or touching the bottom tab area in Figure 4 of Design 2.Design 2 Interface Change State Diagram 6 shows the graphical user interface displayed after clicking or touching the "Name" editing area in the second row at the top of Design 2 Interface Change State Diagram 5 and entering a name; Design 2 Interface Change State Diagram 7 shows the graphical user interface displayed after clicking or touching the upper right tab in Design 2 Interface Change State Diagram 6; Design 2 Interface Change State Diagram 8 shows the graphical user interface displayed after "Loading" is completed in Design 2 Interface Change State Diagram 7. The third row of Design 2 Interface Change State Diagram 8 is the default "Debug," and the style follows the data of the first lyrics card module, but the user can change it during trial playing. After the change, it will become the default key and style of this medley; Design 2 Interface The state change diagram 9 shows the graphical user interface displayed when clicking or touching the upper right tab in the interface change diagram 7 of Design 2; the state change diagram 10 of the interface change diagram 2 shows the graphical user interface displayed above the lower module of the interface change diagram 9 of Design 2, sequentially from bottom to top, when touching or clicking the rightmost tab in the second row, the rightmost tab in the first row, and the graphical user interface displayed after the lower module; the main view of Design 3 is the main interface of the mobile terminal; the state change diagram 1 of the interface change diagram 3 shows the graphical user interface displayed when clicking or touching the "search box" in the main view of Design 3; the last module at the bottom of the state change diagram 1 of the interface change diagram 3 displays the existing "medley songs"; the state change diagram 2 of the interface change diagram 3 is the... Design 3 Interface Change State Diagram 1: Clicking or touching the third tab in the row below the "Search Box" displays the graphical user interface. Design 3 Interface Change State Diagram 2: The last module at the bottom displays the existing "Medley Songs". Design 4 Main View: The main interface of the mobile terminal. Design 4 Interface Change State Diagram 1 is the main view of Design 4. Clicking or touching the second tab in the first row below the "Search Box" displays the graphical user interface. Design 4 Interface Change State Diagram 2 is the graphical user interface displayed by clicking or touching the "Search Icon" in Design 4 Interface Change State Diagram 1. Design 5 Main View: The main interface of the mobile terminal. Design 5 Interface Change State Diagram 1 is the main view of Design 5. Clicking or touching... The graphical user interface displayed by the second tab in the first row below the "search box" is shown in Design 5 Interface Change State Figure 2, which is the graphical user interface displayed by clicking or touching the bottommost module in Design 5 Interface Change State Figure 1; Design 6 Main View is the main interface of the mobile terminal; Design 6 Interface Change State Figure 1 is the graphical user interface displayed by clicking or touching the upper right "music" symbol icon area in Design 6 Main View. Users can select the corresponding song card module by clicking or touching the upper right "circle area". When a song card module is selected, the current selection number is marked in the "circle area" in sequence. Users can slide down to display other recommended song card modules;Design 6 interface change state diagram 2 is the graphical user interface displayed by the selected first song card module in design 6 interface change state diagram 1, and when the song card module is selected, the penultimate row in design 6 interface change state diagram 2 forms corresponding tags according to the selected song card module, the tags are arranged from left to right in order, and the tags can be deleted by clicking or touching the "X" symbol on the tags, and the selected song card module is cancelled at the same time; design 6 interface change state diagram 3 is the graphical user interface displayed by the selected second song card module in design 6 interface change state diagram 2, and when the song card module is selected, the penultimate row in design 6 interface change state diagram 2 forms corresponding tags according to the selected song card module, and design 6 interface change state diagram 4 is the graphical user interface displayed by clicking or touching the lowermost tag area in design 6 interface change state diagram 3; design 6 interface change state diagram 5 is the graphical user interface displayed after clicking or touching the "name" editing area in the second row from the top in design 6 interface change state diagram 4 and inputting a name; design 6 interface change state diagram 6 is the graphical user interface displayed by clicking or touching the upper right tag in design 6 interface change state diagram 5; design 6 interface change state diagram 7 is the graphical user interface displayed after design 6 interface change state diagram 6 is completed; design 6 interface change state diagram 7 is the graphical user interface displayed after design 7 interface change state diagram 6 is completed; design 6 interface change state diagram 7 is a default "tuning" in the third row, and the style follows the data of the first song card module, but the user can change it in the trial, and after the change, it will become the default tuning and style of the string song; design 6 interface change state diagram 8 is the graphical user interface displayed by clicking or touching the upper right tag in design 6 interfaceDesign 7 interface change state diagram 4 is the graphical user interface displayed after the user clicks or touches the "name" editing area of the second row in the upper part and inputs a name; design 7 interface change state diagram 5 is the graphical user interface displayed after the user clicks or touches the upper right label of design 7 interface change state diagram 4; design 7 interface change state diagram 6 is the graphical user interface displayed after design 7 interface change state diagram 5 completes "loading"; the third row of design 7 interface change state diagram 6 is the default "debugging", and the style follows the data of the first lyric card module, but the user can change it in the trial playing, and the change will become the default mode and style of the string burning song; design 7 interface change state diagram 7 is the graphical user interface displayed after the user clicks or touches the upper right label of design 7 interface change state diagram 6; design 7 interface change state diagram 8 is the graphical user interface displayed after the user touches or clicks, from bottom to top, the rightmost label of the second row, the rightmost label of the first row and the lower module of design 7 interface change state diagram 7; design 8 main view is the main interface of the mobile terminal; design 8 interface change state diagram 1 is the graphical user interface displayed after the user clicks or touches the upper right "music" symbol icon area of design 8 main view; the user can select the song card module by clicking or touching the upper right "circle area" of the corresponding song card module; when the song card module is selected, the current selection number is sequentially marked in the "circle area"; the user can display other recommended song card modules by sliding downward; the user can also search by inputting search information in the input box; design 8 interface change state diagram 2 is the graphical user interface displayed after the user touches or clicks the second label in the first row below the "search box" and selects the song card module of design 8 interface change state diagram 1; at the same time, the second last row of design 8 interface change state diagram 2 forms the corresponding label, and the labels are arranged from left to right in order; the user can delete the label by clicking or touching the "×" symbol on the label, and cancel the selection of the corresponding song card module; design 8 interface change state diagram 3 is the graphical user interface displayed after the user clicks or touches the lowermost label area of design 8 interface change state diagram 2; design 8 interface change state diagram 4 is the graphical user interface displayed after the user clicks or touches the editing area of the "name" in the second row in the upper part of design 8 interface change state diagram 3 and inputs a name; design 8 interface change state diagram 5 is the graphical user interface displayed after the user clicks or touches the right upper label of design 8 interface change state diagram 4; design 8 interface change state diagram 6 is the graphical user interface displayed after design 8 interface change state diagram 5 completes "loading"; the third row of design 8 interface change state diagram 6 is the default "debugging", and the style follows the dataDesign 8 interface change state diagram 8 is design 8 interface change state diagram 7 in the upper part of the lower module, from bottom to top, touch or click the second row of labels from right to left, the first row of labels from right to left, and the graphical user interface displayed behind the lower module.

Images