--- static_export_time: "2026-07-30T17:31:18+00:00" title: "AppTweakでアプリページをダークモードでプレビューする" description: "アプリのクリエイティブをデザインする際にダークモードを考慮すべき方法と理由を理解するために、このブログをお読みください。" url: "/ja/aso-blog/preview-your-app-page-in-dark-mode-on-apptweak" locale: "ja" image: "https://www.apptweak.com/img/uploads/2022/12/DarkMode.png?auto=compressformat&fit=scale&h=627&w=1200" --- # AppTweakでアプリページをダークモードでプレビューする ![Marie-Laure Cruyt](/img/2023/03/mel-cruyt.jpg?auto=format%2Ccompress&w=200&h=200&fit=crop)by  **Marie-Laure Cruyt** 元AppTweak CPO 2021年8月26日 — 1 分の読了時間 AIで要約 月刊ニュースレターを購読する 月刊ニュースレターを購読する 2,500人以上の参加者を対象とした[Android Authorityの2020年の調査](https://www.androidauthority.com/dark-mode-poll-results-1090716/)によると、_「Android Authorityの読者の圧倒的多数である81.9%がスマートフォンでダークモードを使用している」_ことが分かりました。参加者の10%は両方のモードを使用し、ライトモードからダークモードに定期的に切り替えており、わずか8%がダークモードを使用しないと回答しました。これらの数字は、ダークモードがいかに人気になったかを示しています。ASOの観点から、この調査はアプリのクリエイティブを最適化する際に、ダークモードとライトモードの両方を考慮することの重要性を確認しています。 アプリのクリエイティブを **デザインする際に**** ダークモードを考慮すべき方法と理由**を理解するために、このブログをお読みください。AppTweakのアプリページプレビューアーを使用して、ダークモードでのストアページも視覚化することをお忘れなく！ * * * ## ダークモード用にクリエイティブを最適化する **アプリのクリエイティブをデザインする** 際は、 **ライトモードと同様にダークモードでも見栄えが良くなる** ようにすることを心がけてください。例えば、両方のモードでコントラストの効いた色を使用する必要があります。通常、アプリのアイコンは白い背景と黒い背景の両方から際立つようにしたいものです。 **Androidでは、アプリのアイコンに透明な背景を使用する** ことで、ユーザーの好みのモードに適応できるという優れたヒントもあります。 アプリをストアに提出する前に、当社の **アプリページプレビューアー** （App Store）または **ストアリスティングプレビューアー** （Google Play）を使用して、 **ライトモードとダークモードの両方でクリエイティブがどのように表示されるかを確認** できます。複数の異なるアイコンやスクリーンショットをアップロードして、どのバージョンが両方のモードで最も見栄えが良いかをテストすることも可能です。 [アプリページプレビューアーで新しいメタデータとクリエイティブをテストして視覚化する](/en/aso-blog/test-and-visualize-new-metadata-on-the-app-store) ## ダークモードでアプリクリエイティブを最適化するベストプラクティス **ユーザーが主にスマートフォンでダークモードを使用する** 理由は、特にベッドでスマートフォンを確認する際や夜遅い時間帯に目に優しいと言われているからです。アプリが夜遅い時間帯にユーザーによって定期的に使用される場合は、ダークモードのユーザーにとって目に刺激的になる可能性のある明るい色を避けることに特に注意を払う必要があります。ダークモードでクリエイティブを最適化する際のベストプラクティスを示すいくつかの例を見つけました。 ### アプリのスクリーンショットで白いスマートフォンを避ける 上記の例では、_Headspace_のスクリーンショットはダークモードで特に明るく表示されています。これは主に、アプリのスクリーンショットで使用されているスマートフォンが白いためです。しかし、_Calm_は、ライトモードでもダークモードでも同様に機能する **ニュートラルな色のスマートフォンを特徴とする** 優れた仕事をしました。 ### 白い背景を避ける **スクリーンショットでは白い背景を避ける** べきです。ダークモードのユーザーにとって特に刺激的に目立つためです。_Scribd_は、スクリーンショットで明るい背景色を使用しながらも、ダークモードで見ても快適に見えるようにする優れた仕事をしました。 ### エフェクトがダークモードとライトモードの両方で機能することを確認する _Booking.com_のスクリーンショットは、ライトモードでは非常に美しく見えます。白い背景により、背景がまったくないかのように見えます。これにより、ユーザーはスクリーンショットで特徴的な主要要素であるスマートフォンに集中できます。しかし、ダークモードでは、スクリーンショットが非常に明るく表示され、ユーザーにとって不快になる可能性があります。一般的に、 **より暗い背景を優先する** ことをお勧めします。 **ダークモードとよく調和し** 、 **ライトモードと美しくコントラストを成す** ため。 [App StoreとGoogle Playでのアプリクリエイティブに関するこれらのヒント、ガイドライン、ベストプラクティスに従ってください](/ja/aso-blog/app-screenshot-icon-video-guidelines-ios-gp) * * * ## TLDR - ダークモードはスマートフォンでますます人気になっています - ユーザーは一般的に目に優しいという理由でダークモードを選択します - アプリのクリエイティブを最適化する際にダークモードを考慮することが重要です。ダークモードのユーザーにとって不快になる可能性のある明るいコントラストの使用は避けてください - アプリページプレビューアーを使用してライトモードとダークモードでクリエイティブをテストしてプレビューする [無料トライアル](https://app.apptweak.com/accounts/new?locale=ja) * * * by **Marie-Laure Cruyt** , Former CPO at AppTweak Marie-Laure is a former CPO at AppTweak. She has always worked in digital companies with a product focused around an app or a SaaS. She’s a real (dark only) chocolate lover. [ ![](/img/2023/04/1920x1080-ASO_Certification-2.png?auto=format,compress&w=336&h=214&fit=crop) ASO with AppTweak 学習コース・認定資格 ASOとAppTweakの知識を認定資格で証明しましょう！ 認証取得 ](https://certification.apptweak.com/home-ja) * * * AppTweak製品リリースの他の記事 - [ Apple AdsAppTweak製品リリース 2026年7月29日 ビットコイン価格の変動に基づいてApple Adsを自動化する ビットコイン価格に基づくApple Ads 自動化により、暗号通貨と金融のアプリはリアルタイムで市場の変動に対 … ![Georgia Shepherd](/img/2025/03/20240415-Georgia_01.jpeg?auto=format%2Ccompress&w=300&h=300&fit=crop)Georgia Shepherd ](/ja/aso-blog/automate-apple-ads-based-on-bitcoin-price-changes) - [ AppTweak製品リリース人工知能（AI） 2026年5月19日 ゲーム向けAI Visibility：あなたのモバイルゲームはChatGPTで推奨されていますか？ ゲーム向けAI Visibilityのご紹介：モバイルゲームがAI検索のどこで、どのように表示され、推奨されて … ![Georgia Shepherd](/img/2025/03/20240415-Georgia_01.jpeg?auto=format%2Ccompress&w=300&h=300&fit=crop)Georgia Shepherd ](/ja/aso-blog/ai-visibility-for-games-is-your-mobile-game-recommended-in-chatgpt) - [ AppTweak製品リリースASO入門ガイド高度なASO 2026年4月28日 AI搭載のASO＆アプリ成長向けパフォーマンスダッシュボード アプリストアレポート作成で重要なダッシュボード、追跡すべき主要指標、そしてAIがパフォーマンス分析とinsig … ![Georgia Shepherd](/img/2025/03/20240415-Georgia_01.jpeg?auto=format%2Ccompress&w=300&h=300&fit=crop)Georgia Shepherd ](/ja/aso-blog/must-have-dashboards-for-app-store-marketing-and-aso) [すべての投稿を見る](/ja/aso-blog)