Piano-playing dynamic graphical user interface for electronic devices

Abstract

1. Name of the product of this design: Piano-playing dynamic graphical user interface for electronic equipment. 2. Purpose of the product of this design: an electronic device. 3. The key design point of this appearance design product lies in the graphical user interface. 4. The picture or photo that best illustrates the key points of the design: main view. 5. Design key points are not involved, and the rear view, left view, right view, top view and bottom view of each design are omitted. 6. Uses of Graphical User Interface: It is used for playing the piano. 7. Human-computer interaction method of the graphical user interface: In the main view, in the strumming and singing scene, when the key corresponding to the text that needs to be played currently (such as the character "lyric") with a highlight prompt is clicked at the correct timing, the piano sound is played, and it can be switched to the interface change state diagram 1; in the interface change state diagram 1, the color of the key corresponding to the text that has just been played (such as the character "lyric") turns gray, and a particle effect appears around the text that needs to be played currently (such as the character "lyric"). As the piano sound playing process progresses, it can be switched to the interface change state diagram 2; in the interface change state diagram 2, the color of the key corresponding to the text that has just been played (such as the character "lyric") returns to the normal state, the number of particles around the text that has just been played (such as the character "lyric") becomes more and spreads outwards, and a progress bar appears below the lyrics that are being played. As the piano sound playing process progresses, it can be switched to the interface change state diagram 3; in the interface change state diagram 3, the particles around the text that has just been played (such as the character "lyric") gradually become smaller and dissipate, the key corresponding to the next text that needs to be played (such as the character "lyric") lights up, and the progress bar below the lyrics that are being played continues to increase. It can be switched to the interface change state diagram 4; in the interface change state diagram 4, the particles around the text that has just been played (such as the character "lyric") completely dissipate, and the number of dots below the next text that needs to be played (such as the character "lyric") gradually decreases with the beat. It can be switched to the interface change state diagram 5 until there is still one beat left until the beat of the next text that needs to be played (such as the character "lyric"), and it can be switched to the interface change state diagram 6; in the interface change state diagram 6, a large square box appears around the next text that needs to be played (such as the character "lyric"), and then the large square box gradually shrinks. It can be switched to the interface change state diagrams 7 and 8 until it shrinks and concentrates on the next text that needs to be played (such as the character "lyric"). When the key corresponding to the next text that needs to be played (such as the character "lyric") is clicked at the correct timing, it can be switched to the interface change state diagram 9; in the interface change state diagram 9, a particle effect appears around the text that has just been played (such as the character "lyric"), and the corresponding key becomes unlit. A progress bar appears below the lyrics that are being played. As the piano sound playing process progresses, the lyrics gradually scroll upwards, the font size of the previous line of lyrics gradually becomes smaller, the font size of the next line of lyrics gradually becomes larger, and the key corresponding to the next text that needs to be played (such as the character "song") lights up. It can be gradually switched to the interface change state diagrams 10 and 11; as the piano sound playing process progresses, the number of dots below the next text that needs to be played (such as the character "song") gradually decreases with the number of beats. It can be switched to the interface change state diagram 12; the lyrics continue to scroll upwards, and the number of dots below the next text that needs to be played (such as the character "song") continues to decrease with the number of beats. It can be switched to the interface change state diagram 13; until there is still one beat left until the number of beats of the next text that needs to be played (such as the character "song"), it can be switched to the interface change state diagram 14;The box around the next word to be played (e.g., the word "song") gradually shrinks and focuses on the word, and the interface change state diagrams 15, 16, and 17 can be switched in sequence; in the interface change state diagram 17, if the piano key corresponding to the word to be played (e.g., the word "song") is not clicked at the right time, no particle effect will appear around the word, and the interface change state diagrams 18, 19, and 20 can be switched in sequence. ; The “songs” and “lyrics” in the figure are schematic representations of texts, images or other contents.

Images