当メディアのリンクにはアフィリエイト広告が含まれています
1
g.O.R.i

開発者向け！iPhone用アプリ開発をする上で知っておくべき各種UIの要素サイズやピクセル数をまとめた画像

iPhoneアプリ開発
【img via Lab time. Students were developing their mobile apps. by Shemp65】

仕事で必要になったので、ちょこっとメモ。

画面の解像度は分かるが、ナビゲーションバーに置くアイコンやタブバーに置くアイコンのサイズは把握しているだろうか。

iPhoneアプリを作る上でネイティブで用意されている各UIの要素サイズやピクセル数がまとめてあるiPhone Development 101の記事にたどり着いたので、紹介する！

Appleが用意してくれたUIを利用するなら見ておくべし！

過去に各iOSデバイスの情報をまとめた「iOS Design Cheat Sheet」を紹介しているが、あくまでも各要素の名前を知っている前提なので、アプリ開発初心者には優しくない。

アプリ開発者は要チェック！アイコンサイズやデザイン要素など、各iOSデバイスの情報をまとめた「iOS Design Cheat Sheet」

下記画像にはiPhone 4/4S/5向けにアプリを作る上で知っておくべき各種UIの要素サイズやピクセル数がまとめられている。

iPhone 5 アプリ開発 デザイン要素
【img via iPhone Development 101】

すべて英語で書かれているが、画像つきなのでアプリ開発初心者でも見れば分かるはず！細かい情報は引用元のページに記載されているので、上記画像を照らし合わせながら参考にするべし！

（via iPhone Development 101）

もっと読む

2023.01.26
モバイルSuica、中高生用通学定期券が購入可能に。3月18日よりスタート
2020.07.28
Amazon、Alexaアプリのデザインを刷新
2018.09.25
AppleとSalesforce、CRMとiOSデバイスの連携を強化
2016.09.28
2017年のiPhoneの名称はiPhone 8？！イスラエルで開発中か？！
2014.06.16
20％のアプリは一度しか起動されていないことが明らかに！ホーム画面にアプリが多すぎて…
2014.06.10
Apple、ブーストアプリの取り締まりを大幅に強化！ユーザーインセンティブを付与する仕組みが含まれるアプリをリジェクトする方針
2013.09.09
「iPhone 5S」のスペックシートがリーク？！指紋認証センサー搭載、電池持ちが改善？！
2013.08.26
「iOS 7」用のデバイス別デザイン仕様をまとめた「iOS Design Cheat Sheet」は開発者・デザイナー必見！
2013.03.16
ブログ・メディア媒体運営者は必ず目を通すべし！Googleが「検索エンジン最適化（SEO）クイック チェックシート」を公開！
2013.01.08
アプリ開発者は要チェック！アイコンサイズやデザイン要素など、各iOSデバイスの情報をまとめた「iOS Design Cheat Sheet」
2011.08.12
紙と鉛筆だけで勉強なんてもうできない！学生とテクノロジーに関するInfographic
2011.04.26
2013年までにモバイルアプリのダウンロード数は210億に達する見込み
全12本の記事を表示する
コメントを見る/書く
関連キーワード
公開情報
公開日2013年04月11日
更新日2014年06月29日
執筆者g.O.R.i
コメント（1件）

コメントは承認後に表示されます。良識のあるコメントを心がけ、攻撃的な表現や他人が傷つく発言は避けましょう。なお、コメント投稿時に「利用規約」に同意したとみなします。

日本語が含まれない投稿は無視されますのでご注意ください。（スパム対策）

「iPhoneアプリ関連情報・ニュース」新着記事
トレンド検索