Tempo · 2026 年間レポート
デザイン概要
Tempo の2026年レポートは、48,213分の再生時間を33日11時間33分に換算し、列ごとに現れるレコードで長さを可視化します。3つの配色で再生時間、架空のアーティスト Xia Ye、Nighttime Romantic のパーソナリティーをつなぎ、共有パネルへ進みます。
検証記録
確認済み390×844のスクリーンショットで、48,213、Xia Ye、Nighttime Romantic をそれぞれ主役にした3ページを確認しました。時間換算は一致し、固定フレームではレコードが列ごとに現れています。
検証の範囲ブラウザーや実機は操作していないため、タップによる移動、共有の保存、その他のビューポート、動的フォントは未検証です。68%と月の軌道の関係は、依然として主に文章に依存しています。
プロンプト
Tempo ミュージックアプリの「Your 2026 Wrapped」レポート。ユーザーは年末にページをタップして進み、ソーシャルメディアで共有する。
スタイル:大胆でリズミカル、遊び心があり、大きな色面、特大の文字、力強いタイポグラフィを使う。ページごとに配色を変えながら、セット全体の一体感を保つ。動く雑誌のように感じられるものにする。
上部に進行バーのある縦型ストーリーとして3ページをデザインする:
- オープニング:今年の再生時間は48,213分。
- 最も聴いたアーティスト:アーティスト名、再生回数、そのアーティストのリスナー内でのパーセンタイルを表示する。架空のアーティストを使う。
- 音楽のパーソナリティー:リスニング習慣に基づくパーソナリティーラベルと数行の説明。
数字とテキストの入場アニメーションを印象的にし、再生時間を目に見える量に変える。スクリーンショットに適した魅力的なフレームを選ぶ。
アプリ画面を390×844でデザインする。`index.html` と、3画面を横に並べた `screens.html` を納品する。
中国語の元のプロンプトを見る
产品:「Tempo」音乐 App 的“你的 2026 年度报告”,用户在年底会一页一页点着看,然后分享到社交网络。
风格:大胆、有节奏感、好玩:大色块、超大的字、强烈的排版、每一页一种配色但整套统一。像一份会动的杂志。
设计 3 页(竖屏故事形式,顶部有进度条):
- 开场:你今年听了 48,213 分钟。
- 你最爱的歌手:歌手名字、听了多少次、你是前百分之几的听众(歌手是虚构的)。
- 你的音乐性格:根据听歌习惯得出的一个性格标签和几句描述。
记忆点:数字和文字的出场动效,以及把“听歌时长”画成看得见的量。截图时选好看的一帧。
App 屏幕按 390×844 设计,交付 `index.html` 和把三屏并排的 `screens.html`。
ライブデモを開く