黑哥 AI
切换中文
Mobile is supported. For large previews, filtering, and copying long prompts, desktop browser is more comfortable.

Android Education Quiz Gamified UI

UI Mockups Android Flat Material

English full prompt

An Android gamified educational quiz app screen captured on a compact phone mockup, bright and playful. The background is a vivid electric blue (#1A56F0) with cloud-like soft white shapes at the corners for visual texture. At the top: a header strip showing a flame streak icon with "Streak: 7 days" in bold white, a lightning bolt icon with XP counter "1,240 XP" in amber, and a heart row showing 3 filled hearts (lives) in red. Below a thin progress bar (filled 60% in lime green), a question card floats in white with 20px corners: the question text reads "Which planet has the most moons?" in 20px Nunito Semibold dark blue. Four answer option buttons are stacked: large rounded rectangles, each in a slightly different tonal blue — A) Saturn, B) Jupiter, C) Uranus, D) Neptune — in 18px white text; option B is highlighted in a brighter teal indicating selection. An animated confetti burst graphic appears in the upper-right to suggest a correct answer celebration. At the bottom: a "Continue" button in vivid lime green rounded rectangle. Color palette: electric blue, lime green, amber, white, red hearts. Typography: Nunito. Mood: energetic, encouraging, kid-friendly.

中文完整提示词

生成一张 1024x1280 像素、4:5 竖版游戏化学习应用答题界面。顶部徽章「连续7天」和积分「1240 经验值」。题目卡片写「哪颗行星的卫星最多?」四个中文选项「地球」「火星」「木星」「土星」,选中项有绿色描边。底部按钮「继续」。背景为柔和紫色和星球插画,品牌「Which planet has the most moons? 学习」。所有可见文字为简体中文,不出现英文题目、英文按钮、真实教育平台标志、水印或乱码。

Related cases