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

Education App Quiz Card Screen

UI Mockups Flat Light Mode Pastel

English full prompt

A pixel-perfect iOS light-mode quiz screen for a language learning app, shown in an iPhone 14 device frame. The screen shows an active multiple-choice question. At the top: a progress bar spanning the full width, 60% filled in sky blue, showing "Question 6 of 10". Below: a flame streak icon and "4 day streak" badge in orange-amber. The question card is a large white rounded rectangle with 16dp radius and a very light drop shadow: the question text reads "Which sentence uses the subjunctive mood correctly?" in 18px semibold dark gray. Four answer option buttons are stacked vertically — each is a white pill button with a thin sky-blue border and an answer letter circle (A, B, C, D) in sky blue on the left. Option B is in a selected state: the border is thicker indigo, the background is pale indigo, and the letter circle is filled indigo. A bottom "Check" button in full-width sky blue is active. Bottom tab bar: Home, Practice, Leaderboard, Profile.

中文完整提示词

生成一张 1024x1280 像素、4:5 竖版无品牌语言学习应用答题界面。顶部进度「第6题 / 共10题」,火焰徽章「连续4天」。问题卡片题目「下面哪句话使用得最准确?」四个选项用「甲」「乙」「丙」「丁」药丸按钮,乙选中。底部按钮「检查答案」,底部导航「学习」「练习」「词库」「我的」。所有可见文字为简体中文,不出现英文题目、英文字母选项、英文按钮、真实教育平台标志、水印或乱码。

Related cases