Screen Shot 2016-06-25 at 3.01.08 AM

iPhoneアプリ開発画面仕様書みたいなもの

iPhoneアプリ開発画面仕様書みたいなものちょっと古くなってしまったけど、せっかくこないだ作ったんでいちお投稿

レイアウト

  • たて
  • よこ

ナビゲーション設計

  • 階層(Hierarchical)
  • 並列(Flat)
  • コンテンツ(Content- or experience-driven)

ナビゲーション

  • 画面上ナビ(Navigation bar)
  • パンくずみたいな階層の移動につかわれます。
  • 画面下ナビ(Tab bar))
  • 画面上タブナビ(Segmented control)
  • 画面下ボタン(Toolbar button)
  • ボタンの配置ができます。

コンポーネント

そのほか

テキスト

サイズ

  • iPhone 6 4.7インチ 750 x 1334
  • iPhone 6 Plus 5.5インチ 1080 x 1920

iPhone 6 基準にしたサイズの目安(ポートレイト)

  • ステータスバー高さ 52px
  • ナビゲーションバー 112px
  • ツールバー 112px
  • 検索バー 110px
  • タブバー 127px
  • ボタン最小サイズ 44px

画像フォーマット制限

  • デコード後の GIF、PNG、TIFFは、2Mbytesまで
  • デコード後のJPEG画像は、32Mbytesまで
  • アニメーションGIFは、2Mbytesまで

アイコン

 

About the author
  • コメントを残す