story mobile app

[shuwu01]

Content language / 内容语言

English

Major content / 主要内容

Children's Story App: Playback Page Elements

1. Top Bar
   Back Button: Simple left arrow icon.
   Title: Centered text showing the story's name, in a rounded, child-friendly font.
   Favorite Button: Star or heart icon that turns yellow when active.
2. Main Area
   Illustration/Animation:
   Full-width element occupying about 70% of the screen height.
   Displays either a looping animation or a static illustration.
   Progress Bar:
   Positioned below the illustration.
   A gradient bar showing playback progress, with time labels (e.g., 02:15 / 05:00).
   Subtitles:
   Text overlayed or displayed below the illustration.
   Real-time narration text, large font with high contrast.
3. Bottom Controls
   Playback Buttons:
   Large, circular play/pause button in the center.
   Left arrow for "previous" and right arrow for "next" positioned symmetrically.
   Additional Buttons:
   Speed Control: Turtle and rabbit icons for slow and fast playback.
   Voice Options: Icon to switch narration styles (e.g., parent voice).
   Background Music Toggle: Speaker icon.
4. Interactive Features
   Clap Icon: Button that triggers a sound effect and increments a "likes" counter.
   Expression Selector: Choose emojis to express reactions during playback.
5. Extra Features
   Reward Indicator: Small badge in the top-right corner showing earned points or coins.
   Download Button: Arrow icon to save the story offline.
   Mode Toggle: Sun and moon icon to switch to a dark mode for eye protection.
   The page is designed with simplicity, bright colors, and large touch-friendly icons to ensure accessibility for children.

Style theme / 样式主题

Cute

Referred image / 参考图片

No response