Copyright (C) iPhoneアプリ開発備忘録 All rights reserved.
ブログ内で記したコード、内容の正確性は保証いたしません。
記載内容を実装したことにより発生した不具合・損害等の責任は一切負いません。



2009年10月19日

iPhoneアプリ起動画面 Default.png



iPhoneアプリ起動(スプラッシュ)画面は、Resourcesフォルダに入れた、Default.png が表示される。

アイコンサイズについては、Appleのヒューマンインタフェースガイドラインに最新内容が掲載されているので、こちらを参照するのが望ましい。(この記事は更新停止)

https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/IconMatrix.html


1. iPhone/iPod touch用
(1) iPhone3G/3GS
ファイル名:Default.png
サイズ・形式:320x480ピクセル、PNG形式

(2) iPhone4/4S(Retina Display)
ファイル名:Default@2x.png
サイズ・形式:640x960ピクセル、PNG形式

(3) iPhone5(Retina Display)
ファイル名:Default-568h@2x.png
サイズ・形式:640x1136ピクセル、PNG形式

(4) iPhone 6
 750 x 1334 (@2x) for portrait
 1334 x 750 (@2x) for landscape

85) iPhone 6 Plus
 1242 x 2208 (@3x) for portrait
 2208 x 1242 (@3x) for landscape


向きを考慮した画面は、iOSアプリケーションプログラミングガイドを参照。(PDFファイル内を"Default"で検索)
http://developer.apple.com/jp/devcenter/ios/library/documentation/iPhoneAppProgrammingGuide.pdf

画像は背景色(カンバスカラー)は透明にしないこと。
透明にすると、実行時に背景がブラックアウトされ、黒色で表示される。
白地にするか、何らかのグラフィックを下地にデザインすること。


2. iPadアプリの場合
(1) No Retina Display
(a) iOS6以前

  1. Default-Portrait.png :汎用縦長(iOS6以前)/ホームボタンが下/高さ:1004px,幅:768px

  2. Default-Landscape.png :汎用横長(iOS6以前)/高さ:748px,幅:1024px

  3. Default-PortraitUpsideDown.png :縦長逆さま(iOS6以前)/ホームボタンが上/高さ:1004px,幅:768px

  4. Default-LandscapeLeft.png :横長左向き(iOS6以前)/ホームボタンが左/高さ:748px,幅:1024px

  5. Default-LandscapeRight.png :横長右向き(iOS6以前)/ホームボタンが右/高さ:748px,幅:1024px



(b) iOS7以降

  1. Default-Portrait.png :汎用縦長(iOS7以降)/ホームボタンが下/高さ:1024px,幅:768px

  2. Default-Landscape.png :汎用横長(iOS7以降)/高さ:768px,幅:1024px

  3. Default-PortraitUpsideDown.png :縦長逆さま(iOS7以降)/ホームボタンが上/高さ:1024px,幅:768px

  4. Default-LandscapeLeft.png :横長左向き(iOS7以降)/ホームボタンが左/高さ:768px,幅:1024px

  5. Default-LandscapeRight.png :横長右向き(iOS7以降)/ホームボタンが右/高さ:768px,幅:1024px




(2) iPad Retina Displayの場合。
(a) iOS6以前

  1. Default-Portrait@2x.png :汎用縦長(iOS6以前)/ホームボタンが下/高さ:2008px,幅:1536px

  2. Default-Landscape@2x.png :汎用横長(iOS6以前)/高さ:1496px,幅:2048px

  3. Default-PortraitUpsideDown@2x.png :縦長逆さま(iOS6以前)/ホームボタンが上/高さ:2008px,幅:1536px

  4. Default-LandscapeLeft@2x.png :横長左向き(iOS6以前)/ホームボタンが左/高さ:1496px,幅:2048px

  5. Default-LandscapeRight@2x.png :横長右向き(iOS6以前)/ホームボタンが右/高さ:1496px,幅:2048px



(b) iOS7以後

  1. Default-Portrait@2x.png :汎用縦長(iOS7以降)/ホームボタンが下/高さ:2048px,幅:1536px

  2. Default-Landscape@2x.png :汎用横長(iOS7以降)/高さ:1536px,幅:2048px

  3. Default-PortraitUpsideDown@2x.png :縦長逆さま(iOS7以降)/ホームボタンが上/高さ:2048px,幅:1536px

  4. Default-LandscapeLeft@2x.png :横長左向き(iOS7以降)/ホームボタンが左/高さ:1536px,幅:2048px

  5. Default-LandscapeRight@2x.png :横長右向き(iOS7以降)/ホームボタンが右/高さ:1536px,幅:2048px




Default-LandscapeLeft.png , Default-LandscapeRight.png は、Default-Landscape.png よりも優先。
Default-PortraitUpsideDown.png は、Default-Portrait.png よりも優先。

iPad用の起動画面の解説は、iPadプログラミングガイドに掲載されている。
http://developer.apple.com/jp/devcenter/ios/library/documentation/iPadProgrammingGuide.pdf

iPad(第三世代)の画面サイズについての解説。
http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/IconsImages/IconsImages.html


■この画面についての解説サイト。
http://iphone-dev.ensites.net/
http://www.sonasphere.com/blog/?p=671
http://www.syuhari.jp/blog/archives/958
http://developer.apple.com/jp/devcenter/ios/library/documentation/iPadProgrammingGuide.pdf
http://developer.apple.com/jp/devcenter/ios/library/documentation/iPhoneAppProgrammingGuide.pdf
http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/IconsImages/IconsImages.html
http://blog.fenrir-inc.com/jp/2012/03/retina-ipad.html

■シミュレータでは表示されるが実機では表示されない場合のトラブルシューティング。
http://d.hatena.ne.jp/moroshi/20090829/1252247890  
 
 
タグ:iPhone
posted by mobileDeveloper at 22:17 | Comment(0) | TrackBack(0) | 画像・アイコン はてなブックマーク - iPhoneアプリ起動画面 Default.png | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバック
Apple、Appleのロゴ、App Store、iPodのロゴ、iTunesは、米国および他国のApple Inc.の登録商標です。
iPhone、iPod touch、iPadはApple Inc.の商標です。
iPhone商標は、アイホン株式会社のライセンスに基づき使用されています。
その他、本ブログに記載されている製品名、会社名は、それぞれ各社の商標または登録商標です。