Pip
デザイン概要
Pip は、働く大人が1日10分のミニゲームで英語を練習できるよう支援し、曲がりくねった学習パス、回答フィードバック、レッスン結果を提供します。明るい黄色の小鳥、丸い太字、黒い輪郭の厚いボタンが画面を形作り、ミント色は完了と報酬だけに使われます。
プロンプト
製品：Pip。働く大人が1日10分、ミニゲームで英語を学ぶアプリ。マスコットは表情豊かな小鳥で、SVGで3～4種類の表情を描く。
Duolingo のような強い個性を持たせる。彩度の高いブランドカラー、押すと沈む立体感のある厚いボタン、丸みのある太字、誇張されながら明確なフィードバックを使う。Duolingo の緑とフクロウをコピーせず、独自のアプローチを開発する。
3つの主要画面をデザインする：
- 学習パス：レベルが曲がりくねったルート状に並び、完了、現在、ロックされたレベルを明確に区別する。上部に連続日数、経験値、ライフを表示する。
- 問題：単語を選ぶ穴埋め、または音声を聞いて画像を選ぶ問題で、正解後のフィードバックを表示する。
- レッスン完了：経験値、連続日数、正答率と、祝うマスコットを含む結果ページ。
正解を印象的にする。ボタン、音を思わせるアニメーション、マスコットの反応で、もう一問答えたくなるようにし、スクリーンショットでもそれが分かるようにする。
アプリ画面を390×844でデザインする。`index.html` と、3画面を横に並べた `screens.html` を納品する。
中国語の元のプロンプトを見る
产品：「Pip」，一个用小游戏学英语的 App，面向上班族，每天 10 分钟。有一个吉祥物：一只会做表情的小鸟（用 SVG 画，有 3–4 种表情）。
风格要像多邻国那样有强烈的个性：高饱和的品牌色、厚实有立体感的按钮（按下去会陷下去）、圆润粗壮的字体、夸张但清楚的反馈。但不要照抄多邻国的绿色和猫头鹰，做出自己的一套。
设计 3 个关键屏：
- 学习路径：一条弯曲的关卡路线，已完成、当前、未解锁的关卡一眼能分清，顶部有连续天数、经验值、生命。
- 答题：一道选词填空或听音选图的题，展示答对后的反馈状态。
- 完成一课：结算页，经验值、连续天数、正确率，吉祥物在庆祝。
记忆点：答对那一下，按钮、音效感的动效、吉祥物反应要让人想再来一题。截图里要能看出来。
App 屏幕按 390×844 设计，交付 `index.html` 和把三屏并排的 `screens.html`。
