Immersive audio player graphical user interface for electronic devices

Abstract

1. Name of the product in this design: Graphical User Interface for an Immersive Audio Player for Electronic Devices. 2. Purpose of this design: An electronic device. 3. The key design features of this product are its graphical user interface. 4. Images or photos that best illustrate the design points: Interface change state diagram 4. 5. Other views are omitted as they are standard design. 6. Purpose of the graphical user interface: for audio player operation and information display. 7. Human-computer interaction method of graphical user interface: Clicking the audio card in the lower right corner of the main view will switch to the audio player interface, as shown in Figure 1. In Figure 1, the center of the interface displays the album art of selectable songs. Swipe left or right on the album art to select the song to play. Clicking the album art will switch to the song playback interface, where the album art in the center is the currently playing song, and the album art of unselected songs is displayed on the left and right sides, as shown in Figure 2. Clicking the album art in the center of Figure 2 will switch to the song details page, as shown in Figure 3. Clicking the full-screen button in the lower right corner of Figure 3 will switch to the immersive playback interface, where the top of the screen... The interface displays song and artist information, with a record scrolling in the middle as the song plays. Lyrics are displayed below the record, as shown in Interface Change State Figure 4. Clicking the song list button on the far right at the bottom of the interface in Interface Change State Figure 4 causes the interface to jump, and a music library overlay is displayed on the right side of the interface. The icons of recommended songs are displayed at the bottom of the music library overlay, and the edge of the icon of the currently playing song is lit up, as shown in Interface Change State Figure 5. Clicking the song icon in the recommended song area at the bottom right of Interface Change State Figure 5 causes the interface to jump, and the selected song plays. The edge of the icon of the currently playing song in the recommended song area at the bottom right of the interface is lit up, as shown in Interface Change State Figure 6. The purple blocks in the main view and Interface Change State Figures 1-6 are all content screens, and XXX are all variable text.

Images