[iOS]TabBarIconをつくる

TabBarIcons

iPhoneでは画面下端に使われるタブバー用のアイコン。
favoritesやFeaturesに使われる星型のアイコンや、Searchを示す虫メガネ型のアイコンなどいくつかはシステムで用意されている。
ss 2014-05-24 18.31.45
自分で画像を用意してアイコンを作成することもできる。

iOS 7でのバーボタンアイコンのデザイン

デザインにあたって注意すべき点。満たすべき条件。

iOSヒューマンインターフェイスガイドライン: バーボタンアイコン
iOS Human Interface Guidelines: Bar Button Icons
iOS 7 UI 移行ガイド: バーとバーボタン
iOS 7 UI Transition Guide: Bars and Bar Buttons
インターフェイスガイドラインにこんな記述がある。

ツールバー、ナビゲーションバー、およびタブバー用に用意するカスタムアイコンは、アプリケーションに表示されるアイコンを作成するためのマスクとしてiOSが使用するので、テンプレート画像とも言います。色付きテンプレート画像を用意しても、iOSは色情報を無視します。

とあって、色情報は使ってない!マスクとして使うと。(赤色と青色とグレーを用意するところだった…)

選択時のアイコンが、線が細くて選択していると分かりにくいなら、太線にするとか塗りつぶしをつかったりして分かりやすくすること。
サイズは?

アイコンの視覚スタイルにかかわらず、タブバーのアイコンは次の大きさにしてください。
約50×50ピクセル(最大:96×64ピクセル)
標準解像度ならば約25×25ピクセル(最大:48×32ピクセル)

とある。

コメントする

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください