Radio card module for music home page function interactive graphical user interface for electronic device

Abstract

1. Name of the product in this design: Radio card module for interactive graphical user interface of music homepage function of electronic device. 2. Purpose of this design: An electronic device. 3. The key design features of this product are: the parts in the graphical user interface, and the parts not marked with dotted lines are the parts for which protection is required. 4. The picture or photo that best illustrates the key design points: Design 1 front view. 5. Design 1 is designated as the basic design. 6. Purpose of the graphical user interface: The overall appearance design of the interface is used to display the music homepage, the radio function of the homepage, and interaction, such as playing songs and switching songs; the partial appearance design of the interface is used to display the music radio function and interaction, the radio cards display the fluid animation effect of music rhythm, play songs, switch songs, etc. 7. Human-computer interaction method of graphical user interface: In the main view of Design 1, the music radio module is displayed at the top of the interface. The radio card on the left side of the module displays the fluid animation of the music rhythm, song information and related operation controls. Users can click the switch control to the right of the radio station name to switch radio stations, click the play control to play songs, and also swipe left and right or click the song cover on the right side of the module to switch songs. Design 2 uses the same human-computer interaction method as Design 1, with radio cards displaying different material (frosted glass) effects and a blurred and semi-transparent bottom cover content. Design 3 uses the same human-computer interaction method as Design 1. The radio card displays different material (liquid glass) effects, blurring, semi-transparent and refracting the bottom cover content. In the main view of Design 4, when the user slides the song cover on the right side of the radio module to the left (or clicks on any song cover), the covers move sequentially to the left, switching the playback of the selected song, presenting the interface change from the main view of Design 4 to the interface change state diagram 2 of Design 4. Design 5 uses the same human-computer interaction method as Design 4, with radio cards displaying different material (frosted glass) effects and a blurred and semi-transparent bottom cover content. In the main view of Design 6, when the user clicks the play control in the lower right corner of the radio card, the selected song begins to play. The song cover is displayed in a rotating manner, the song information is displayed in a scrolling manner, and fluid animation effects are displayed in the card according to the rhythm of the music, presenting the interface changes from the main view of Design 6 to the interface change state diagram 2 of Design 6. Design 7 uses the same human-computer interaction method as Design 6, with radio cards displaying different material (frosted glass) effects and a blurred and semi-transparent bottom cover content. In the designs 1, 4, 6, the blank area right to the radio module is the content picture; in the designs 2, 3, 5, 7, the gray coated area right to the radio module is the content picture, such as song cover, picture / photo, etc.

Images