
【HIG翻訳】タブバー編
タブバーとは
iPhoneアプリの下に固定されているバーの事です。
重要なところを日本語でまとました。
HIGタブバーの項目(英語):HIG Tab Bars
タブバーの決まりごと
・タブバーは半透明
・キーボードが表示されたとき(なにかを入力するとき)に非表示になる
・iPhoneでは表示する項目は最大5個まで(3個以上5個以下)
・タブバーに配置するアイコンのテイストを揃える
・選択されている項目とそうでないもののコントラストを明確にする
・アイコン画像の大きさは30px×30px内
・アイコンにはバッジ(白文字のテキスト、数字または感嘆符を含む赤い円)を表示できる
・高さは49px
ツールバーとタブバーの違い
ツールバーとタブバーはどちらも画面の下に表示されるため
混同されやすいが、それぞれ別の役割がある
ツールバー:アイテムの作成、アイテムの削除、注釈の追加、写真の撮影など、今表示されている項目に関連するアクションを実行するためのボタンが配置されているバー。(高さ45px)
タブバー:例えば時計アプリのアラーム、ストップウォッチ、タイマータブなど、アプリの違う項目に移動できる項目が置かれている(高さ49px)