アプリのダークモードテンプレートから

アプリ画面のダークモード版

通常15 分で完成修正対応込み品質チェック
プラン
安心決済詳しく
  • プランの範囲内の修正は無料です。
  • 納品から3日以内にご対応がない場合、自動的に承認されます。

代金はお支払い時にお預かりし、納品を承認した時点ではじめて支払われます。

アプリ画面のダークモード版

成果物の例

スタンダードパッケージの例

PC版のスクリーンショットから作るベーカリーサイトのスマホ版

ビフォー:PC版のトップページ

PC版のスクリーンショット

アフター:スマートフォンの画面

スマホ版トップページのモックアップ

ファイル: PNGのモックアップ、約1.5メガピクセル。クライアントの開発担当者に渡すデザインの画像で、HTMLコードやFigmaファイルではありません。

クライアント: 地元のベーカリー、Crumb & Kettle。 ご依頼: PC版サイトのフォント、色、ボタン、写真をそのまま生かし、トップページがスマートフォンでどう見えるべきかを示す。

お客様とすべての情報は架空のものです。

このサービスについて

よいダークモードは、色を反転させただけのものではありません。背景は真っ黒ではなく深いグレーに、文字はやわらかなコントラストに、ブランドカラーは読みやすさを保つよう調整し、影の代わりに明るめの面で奥行きを出し、写真や画像はまぶしくならないよう抑えます。ライトモードの画面のスクリーンショットをアップロードしていただければ、同じレイアウト、内容、ボタンのまま1枚ずつ暗い配色で描き直すので、開発担当者が実装する前にアプリのダークモードを確認できます。お届けするのは約150万画素のPNGモックアップで、それぞれスクリーンショット1枚から作り、アップロードした画像の形にかかわらず常に縦長の2:3(約1024 x 1536ピクセル)なので、横長のスクリーンショットからも暗いスマートフォンの画面になります。アプリのコード、カラーパレットのファイル、Figma、Sketch、XDのファイルではありません。

含まれる内容

  • 納品内容ダークモードのアプリ画面を縦長のPNGで1点、3点、または5点、ライトモードのスクリーンショット1枚ごとにお届けします。プランの枚数より少ないスクリーンショットを送った場合、残りは同じファイルから作る別のダークモードのバリエーションになります。
  • 同じ画面を暗い配色でレイアウト、文章、ボタンはスクリーンショットのまま
  • 読みやすいコントラスト黒地にきつい白ではなく、深いグレーに明るい文字
  • ブランドカラーを調整アクセントカラーを、暗い画面でも目立つように調整
  • 画像とアイコン暗い画面に合わせて画像とアイコンのトーンを抑えます
  • ダークモードのセットアプリの画面を最大5点、統一したダークスタイルで

ご利用の流れ

  1. 1
    ライトモードのスクリーンショットダークモードで見たい画面をアップロードしていただきます
  2. 2
    ダークモード版同じレイアウトのまま、各画面を暗い配色で描き直します
  3. 3
    比較して修正元の画面と見比べ、プランの範囲内で修正をご依頼いただけます

ご用意いただくもの

ライトモードのご自身の画面のくっきりしたスクリーンショットをPNG、JPEG、WebP形式で最大5枚(PDFは不可)、1枚に1画面。使用する権利をお持ちのファイルだけを送ってください。ブランドカラー、写真やグラフなど変えずに残すもの、背景は深いグレーと黒に近い色のどちらがよいかをお知らせください。文章はスクリーンショットのままで、ラテン文字の言語が最もきれいに仕上がり、小さな文字は正確に仕上がらない場合があります。

お伺いする内容:

  • どの画面をダークモードにしますか?
  • ブランドカラーやアクセントカラーは何ですか?
  • 背景は深いグレーと黒に近い色のどちらがよいですか?
  • 変えずに残すものは何ですか?

プランを比較

プランベーシックダークモード画面1点¥1,550スタンダードダークモード画面3点¥3,400プレミアムダークモード画面5点¥6,030
納期1日1日2日
修正回数123
モックアップ数135
形式PNGPNGPNG
画面ご希望に合わせてご希望に合わせてご希望に合わせて
注文する ベーシック注文する スタンダード注文する プレミアム

安心決済

お支払いは注文時ですが、代金が支払われるのは承認された納品に対してのみです。

  • 固定料金お支払い後にプランの料金が変わることはありません。
  • 代金はお預かりお支払い時、代金はお預かりするだけです。納品を承認した時点でサービス側に支払われます。
  • 納品前にチェックすべての成果物はお手元に届く前に品質チェックを受けます。承認前に注文ページで内容を確認できます。
  • 無料の修正依頼内容の範囲内で、プランで定められた回数まで修正を依頼できます。
  • 3日後に自動承認納品から3日以内に承認も修正依頼もない場合、自動的に承認されます。納品後に注文チャットでメッセージを送った場合、注文は保留されます。こちらから回答した後、3日間のカウントを再開することがあり、その際はチャットでお知らせします。
  • やり直しまたは全額返金結果が依頼内容と合わず修正でも解決しなかった場合、または作業に納期の2倍を超える時間がかかった場合は、注文チャットでご連絡ください。作業をやり直すか、代金を全額返金いたします。
詳しい仕組み →

質問と回答

レイアウトはまったく同じになりますか?

レイアウト、ブロック、ボタンはスクリーンショットに沿いますが、画像は描き直すため、小さな文字やアイコン、ロゴがわずかに変わることがあります。また、どの画像も縦長の2:3なので、別の形のスクリーンショットはスマートフォンの画面に合わせます。各画面を元の画面と見比べ、修正をご依頼ください。

ダークモードのカラーコードはもらえますか?

いいえ、お届けするのはPNG画像で、パレットのファイル、コード、Figma、Sketch、XDのファイルではありません。開発担当者は画像から色を拾えますが、最終的な値はアプリ上で設定し、コントラストを確認するのが最適です。iOSとAndroidにはどちらもシステムのダークモードがあるので、最新のガイドラインをご確認ください。

ダークモードが映えるのはどんな画面ですか?

写真、カード、グラフが多い画面ほど違いがよくわかります。トップ画面、一覧、詳細ページ、設定の組み合わせがおすすめです。ダークモード版のグラフはイメージなので、実際のデータは開発担当者がご用意ください。

どんなスクリーンショットを送れますか?

使用する権利をお持ちの、ご自身のアプリのスクリーンショットです。見本として他社アプリのダークモード画面をアップロードした場合、参考にするのはスタイルだけで、ロゴ、ブランド、文章は使いません。他社ブランドのロゴ、架空のレビューや評価は加えず、書類を改変することもありません。

答えが見つかりませんか?

プラン