文系iOSエンジニアの備忘録

エンジニア iOS Swift

App Storeのレビューで表示するスクリーンショットの作成

はじめに

今回はApp Storeのレビューで表示するスクリーンショットについて

勉強していたのでそちらの備忘録&まとめです。

以前、勉強がてら冷蔵庫の中身を管理するアプリを作成しました。

「Rakko」

Rakko

Rakko

  • yusuke watanabe
  • フード/ドリンク
  • 無料
apps.apple.com

disneych.work

この時はぶっちゃけ仕事と並行してゆっくり2ヶ月以内に

作成しようと思い、画像の作成やスクリーンショットについては

ほぼ勉強していませんでした。

なので、今回はもう少し勉強しようと。。笑


必要な画像のサイズ

必要なのスクリーンショットのサイズは5.5インチ6.5インチです。(2020年8月現在

アプリのスクリーンショットのサイズを間違えて一度リジェクトをされたことがありました。

なのでここら辺はしっかり調べてやりました。


枠付きのスクショを撮る方法

アプリのレビュー用の画像にどのようなアプリかを載せるために

シミュレータを利用して枠付きのスクショを撮って利用しました。

やり方は

「cmd」+「shift」+「4」+「space」→ 対象のウィンドウをクリック

でできます。

f:id:chiltarou1224:20200813231738p:plain


スクリーンショットを作る時に参考にした物

まずは、同じような冷蔵庫管理アプリがどのような画像をやっているか

参考にしました。


次に、ダイアログとかのサービスをしている「Reporo」さんの

スクリーンショット作成術のデザインなどを参考にしました。


他にもいろいろネットで探しましたが、ここら辺は自分で調べた方が

頭に残りやすいと思うのであえて載せませんがたくさんありました。

アプリストア用スクリーンショット作成ガイド | CE(カスタマーエンゲージメント)プラットフォームRepro(リプロ)

最終的なレビュー用画像

こんな感じになりました。

f:id:chiltarou1224:20200814172637p:plain

んーなんだか安っぽい感じがまだ抜け出ないですが、

コレは単に自分のセンスとデザインの勉強不足ですね。(/ _ ; )

一個前のやつはこんな感じです。

f:id:chiltarou1224:20200814172837j:plain f:id:chiltarou1224:20200814172842j:plain

f:id:chiltarou1224:20200814172911j:plain