iphoneアプリ開発を行っていく際の、基準となる画面サイズについて

Question

iphoneアプリの開発をする際、どの画面サイズを基準にデザインなど行なっていけば良いのでしょうか？
こちらの質問を拝見したのですが、appleの審査に受かるためには、 最新の画面サイズに対応していなければならないかのように思えました。
デザインをしていくにしても、どれかに基準を合わせて開発していく必要があるように思えます。
以下の画像はデザインツール(adobe xd)ですが、どれかのiphoneモデルに合わせてデザイン作っていく必要があります。

少し、混乱してしまっている部分もある為、ご助言頂けましたら幸いです。

Answer 1

iPhoneの申請をする際に、モバイルだと下記の２つのスクリーンショットの提出が求められます。
・5.5インチディスプレイ用（iPhone 6,7,8 Plus）
1242×2208ピクセル
・6.5インチディスプレイ用（iPhone XS Max）
1242×2688ピクセル

なので、この２つの内どちらかを基準に開発を始めるといいと思います。
そして時々もう片方のデバイス（あとipad第二世代、第三世代）でどの様に表示されるか時々確認すればいいと思います！
※追記：iPadを使用しないようであれば不要みたいです！その設定方法はコメント欄にあります！

Comments

[kyoya0819]

横から失礼します。iPad2,iPad3についてですがすでにOSのアップデートが終了しております。
これらの機種を確認する意図というにはどのようなものなのでしょうか？

[aae_11]

ご回答ありがとうございます。
＞この２つの内どちらかを基準に開発を始めるといいと思います
こちらなのですが、どちらかを基準に作っていった場合、どちらかは合わなくなってしまうかと思うのですが、どのような感じで調節を行っていけば良いのでしょうか。。。？

[tomtom1]

asuchi0819 正確にはiPad Pro第二世代と第三世代ですが、両方app申請時にスクリーンショットが必須になるために付け加えました。iOS開発を行なっているとどうしてもiPhoneでシュミレートしますが、いざ申請前にipadで確認するとモバイルとの大きさにだいぶ違いがあるため、UIに大幅な違いがでで手間がかかります。（私はそれでリジェクトもくらいかなり手間がかかってしまいました汗）そのため確認時々したらいいのかなと！
ご参考までに： https://qiita.com/v97ug/items/2c6c090dea8382ae5fe0

[tomtom1]

aae_11 iPhoneの開発ってことですので、xcodeを使っているという認識でお間違いはないですか？xcodeのシュミレーターでデバイスを変更したら大丈夫です！わかりやすい記事ありました！
https://hajipro.com/swift/xcode-simulator

[tomtom1]

aae_11 もしadobe xdでWebサイトやモバイルアプリのデザインを作るためということでしたら、ちょっとサイズの切り替え方法はわからないですね。xdを使ったことないのでわかりませんが、イラレやフォトショでもその様な機能はなかったと思います。ただイメージデザインが欲しいだけなのだとしたら、5.5インチで作って、6.5インチのiPhoneの場合はもう少し縦長になるって言葉で付け加えるのはどうでしょう？もし難しければ、両方のデザインを作るしかないかもしれませんね。

[aae_11]

ご返信ありがとうございます。
＞xcodeを使っているという認識でお間違いはないですか？
こちら誤認識の通りです。
＞6.5インチのiPhoneの場合はもう少し縦長になるって言葉で付け加えるのはどうでしょう？
縦長になるといったことですと、仮にiphone8用にデザインしていた場合、iphoneXS MAXでは縦幅が少し、長くなるので、iphoneXSでは多少縦幅が長くなるだけなので、多少確認する程度であまりそこまで気にしなくても大丈夫ですかね...?
>両方app申請時にスクリーンショットが必須になるために付け加えました
こちらiphoneアプリの申請であってもipadで動作確認が取れなければならないのでしょうか？

[tomtom1]

縦長になるといったことですと、仮にiphone8用にデザインしていた場合、iphoneXS MAXでは縦幅が少し、長くなるので、iphoneXSでは多少縦幅が長くなるだけなので、多少確認する程度であまりそこまで気にしなくても大丈夫ですかね...?
>iphoneXS MAXからiphoneXSは思ってたよりかは振れ幅があったと個人的には思いました。なので開発時はSEも確認しちょっとだけ微調整して、fontsizeなど下げたりしました。しかし申請時にはSEのスクショ不要です。
こちらiphoneアプリの申請であってもipadで動作確認が取れなければならないのでしょうか？
>はい、必須でした。大変ですよね。でも動作自体は同じかと思うので、UIの調整ですかね

[kyoya0819]

失礼しました。無印のiPadかと思いました。

[tomtom1]

いえいえ、こちらもその点抜けてました！失礼しました！

[thyda.eiqau]

iPadに対応する予定がないのであればiPadでの動作確認はいりませんしiPadのスクリーンショットも添付不要です。
Deployment InfoでTarget DeviceをUniversalからiPhoneに変える (最新のXcodeではUniversalという表記はなくなって、iPadとiPhoneのチェックボックスがあるのでiPadを外す) だけでよいです。

[tomtom1]

>thyda.eiqau アドバイスありがとうございます。そこで設定すればよかったのですね。勉強になりました！

[aae_11]

>thyda.eiqauさん
ありがとうございます。
ご助言いただきました通り、試してみたいと思います。