未分類

プッシュ遷移・モーダル遷移・タブ遷移の特徴と使い分け

投稿日:

iOSには主に「タブ遷移・モーダル遷移・プッシュ遷移」の3つの遷移方法がある。
これらを場面によって適切に使い分けることで正しい画面遷移が設計できる。

・プッシュ(階層型):タスクを進行する
・モーダル(分岐型):一時的な画面の状態で、元の画面に戻る必要がある
・タブ(並列型):目的までの導線が複数ある場合に使用する

1.プッシュ遷移


横からシュッと画面が出てくる。
どこでも使われるよくある遷移方法。
画面遷移を一連の流れと捉えた時、プッシュ遷移はタスクを進行する。

また遷移先でスイッチを切り替えたら、それは確定された事実として保存され、あとは戻るだけという特徴がある。

2.モーダル遷移


下からシュッと出てくる画面や、ポップアップなどのことを指す。
遷移と呼ばれているが、ページが変わるわけではなく、同じ画面内で完結するのが特徴。
自己完結した作業を短時間で済ませたい時に使う。

参考:Modality

3.タブ遷移


UITabBarを使用して画面遷移する方法。
画面下のタブがどのページでも表示される。
アプリ内のコンテンツを平均化し、可視化することで一度にアクセスすることができる。
アプリ内のコンテンツを並べるのに使う。

参考:Tab Bars

参考記事: iOSの遷移まとめ
ヒューマンインターフェイスガイドラインを日本語で解説!

-未分類

執筆者:

関連記事

no image

マルチデバイスに対応する方法

マルチデバイス対応とは iPhoneのデバイスによって画面サイズが異なるため、それぞれの端末で正常に表示するための対応。 マルチデバイス対応方法 主に3つの方法がある。 ・オートレイアウト ・プログラ …

AEのデフェルトでよく使うエフェクト

よく使うエフェクト ・カラー補正(色の調整):輝度コントラスト、自然な彩度、色相、CCトナー、レベル補正 ・スタイライズ(画像加工でなんかいい感じにする。):全部、CCプラスティック、グロー、モザイク …

no image

collectionViewでセルが選択された時に色を変える

collectionViewでセルが選択された時にハイライトをつける関数。 collectionView(_:shouldHighlightItemAt:) デフォルトでtrueとなっているので、これ …

no image

date(byAdding:to:options:)で日付を操作する

date(byAdding:to:options:) 指定された日付に、指定された要素を追加して、新たな日付を返す。 とある日付に任意の日数分足した日付を求められる。 import Foundatio …

no image

テロップ文字位置を一括で変更する方法

字幕の位置を全てのクリップで上方向に移動させたい時など。   ①任意の字幕クリップにて、エフェクトコントロールのモーションで文字位置を修正 ②モーションを右クリックでコピー ③位置を変更した …