スクリーンショット5枚
デザイン分析AI
総合品質スコア
機能紹介型
カラーパレット
品質スコア
ストーリー構成
東京都公式アプリのスクリーンショット デザイン分析
東京都公式アプリ（Tokyo Metropolitan Government）はライフスタイルカテゴリの無料アプリで、5枚のスクリーンショットを掲載しています。評価3.8（5,205件）を獲得しています。スクリーンショットは中央配置（テキスト＋デバイス）、上部テキスト＋デバイスモック、フルスクリーンデバイスモック、分割レイアウト（左右）、テキスト中心（画像なし/小）のレイアウトを採用し、単色背景をウォーム・ニュートラルなトーンで統一。デザイン品質スコアは80点/100点と高い水準です。
仕上がり
仕上がりスコアは84点。デザインの細部まで丁寧に仕上げられており、プロフェッショナルな印象を与えます。
明瞭さ
明瞭さスコアは84点。テキストとデバイスモックの配置が明確で、ユーザーがひと目で内容を理解できる構成です。
情報階層
情報階層スコアは80点。ヘッドライン、サブテキスト、デバイスモックの階層が適切に設計されています。
ASO適性
ASO適性スコアは84点。App Storeの表示に最適化されたサイズ・解像度・構成で、検索結果やランキングでの訴求力が高いです。
スクリーンショットのストーリー構成
このアプリは「Feature Showcase（機能紹介型）」のストーリー構成を採用しています。各スクリーンショットで主要機能をひとつずつ紹介し、ユーザーにアプリの全体像を段階的に伝える構成です。
フック（視覚的引き）の役割を担うページ。「マイナンバーカードによる 本人確認の機能をリリース」のヘッドラインで中央配置（テキスト＋デバイス）のレイアウトを使用。
機能デモの役割を担うページ。「マイナンバーカードによる 本人確認時に必要なもの」のヘッドラインで上部テキスト＋デバイスモックのレイアウトを使用。
機能デモの役割を担うページ。「イベントに参加して 東京ポイントを貯めよう」のヘッドラインでフルスクリーンデバイスモックのレイアウトを使用。
TRUSTの役割を担うページ。分割レイアウト（左右）のレイアウトを使用。
CTA（行動喚起）の役割を担うページ。テキスト中心（画像なし/小）のレイアウトを使用。
東京都公式アプリのスクリーンショット デザインの特徴
配色
東京都公式アプリのスクリーンショットは5色のカラーパレットを使用。メインカラーはライトグレーで、ウォーム・ニュートラルな印象を演出しています。アクセントとして緑系を効果的に配置し、視覚的なメリハリを生み出しています。
レイアウト
レイアウトは中央配置（テキスト＋デバイス）、上部テキスト＋デバイスモック、フルスクリーンデバイスモック、分割レイアウト（左右）、テキスト中心（画像なし/小）を採用。ページごとに異なるレイアウトを使い分けることで、スクロール時の単調さを回避しています。背景は単色背景を使用し、コンテンツの可読性を確保しています。
参考にできるポイント
- •Feature Showcase型のストーリー構成により、ユーザーが自然にアプリの価値を理解できる流れを作っています。
- •1ページ目をフック（視覚的引き）として使い、ユーザーの注目を引いています。
- •5色に限定したカラーパレットでブランドの統一感を保ちつつ、アクセントカラーで視線を誘導しています。
- •ラストページにCTA（行動喚起）を配置し、ダウンロードへの動線を作っています。
- •テキストを上部に配置する構成で、スクロール時にまずコピーが目に入る設計です。
同じカテゴリの人気アプリ
東京都公式アプリのスクリーンショットに関するよくある質問
東京都公式アプリのスクリーンショットは何枚ですか？
東京都公式アプリは5枚のスクリーンショットをApp Storeに掲載しています。
東京都公式アプリのスクリーンショットの品質スコアは？
東京都公式アプリのスクリーンショットの総合品質スコアは100点中80点です。
東京都公式アプリのようなスクリーンショットを作るには？
Snappre を使えば、同様のデザインのスクリーンショットを無料で作成できます。テンプレートを選んで、テキストと画像を差し替えるだけで完成します。
今すぐ作成する