iPhoneホーム画面のアイコンとバッジ配置仕様チートシート作った

必要だったのでまとめた、その2。

その1はiPhone, iPad, iPod touchの画面サイズまとめ

iPhone5 icon position cheatsheet

ホーム画面上に並ぶアプリアイコンやアイコン同士の間隔、アイコンに付くバッジの大きさをpx単位でまとめてチートシート化した。
バッジがアプリアイコンからはみ出す幅も書いてあるが、バッジサイズに関わらずはみ出す幅は同じなので1カ所分だけ記載してある。というか、アイコン同士の間隔は4列あるうち中央2列の間だけ他のものより2px大きいんだな。(1列目と2列目の間と3列目と4列目の間は38px、中央の2列目と3列目の間は40pxだった)

上の画像をクリックすると原寸サイズの画像が見られる。また、下のリンクからPDFにしたものが見られる。

とりあえず、iPhone5用のものだけ。他のサイズも気が向いたら作ろう。
iPhone-icon-position-cheatsheet_ver0.1.pdf (Last Update:2012/11/19)

iPhone, iPad, iPod touchの画面サイズまとめ


cc licensed ( BY ) flickr photo shared by GONZALO BAEZA

必要だったのでまとめた。

必要だったのでまとめたシリーズその2はiPhoneホーム画面のアイコンとバッジ配置仕様チートシート作った

iPhone, iPad, iPod touchの画面サイズまとめ

デバイス Retina? 画面サイズ(縦x横px) 解像度(ppi)
iPhone5 Retina 1136×640 326
iPhone4S Retina 960×640 326
iPhone4 Retina 960×640 326
iPhone3G 480×320 163
iPhone3 480×320 163
iPad mini 1024×768 163
iPad Retina 1 Retina 2048×1536 264
iPad2 1024×768 132
iPad 1024×768 132
iPod touch 第5世代 Retina 1136×640 326
iPod touch 第4世代 Retina 960×640 326

iPad miniはRetinaディスプレイじゃないのね。知らなかった。
あと、Appleの技術仕様ページのURLがバラバラでワラタ。

出典

iPhone
http://www.apple.com/jp/iphone/compare-iphones/
iPad
http://www.apple.com/jp/ipad/compare/
iPod touch
http://www.apple.com/jp/ipod/compare-ipod-models/

  1. new iPad, iPad 3, 第3世代iPadなどとも呼ばれている