【iOS 7】デザイナーが真っ先にやるべき4つのこと : Excite Designer's Blog

【iOS 7】デザイナーが真っ先にやるべき4つのこと

iOS 7がリリースされましたね。
事前に対応してる方がほとんどだと思いますが、忘れてた！といううっかりな方のために、取り急ぎこれだけは絶対にやっておこうというものを4つまとめました。

1.アイコンの変更

アイコンサイズ

Kind	Pixels	Resource
iPhone 非Retina (～iOS 6.1)	57 X 57	Icon
iPhone (～iOS 6.1)	114 X 114	Icon@2x
iPhone Retina	120 X 120	※
iPad 非Retina (～iOS 6.1)	72 X 72	Icon-72
iPad (～iOS 6.1)	144 X 144	Icon-72@2x
iPad 非Retina	76 X 76	※
iPad Retina	152 X 152	※

※新規3サイズのアイコンについては、命名規則を見つけられませんでした。

iOS 7 iPhone(Retina)用のアイコン：120x120
iOS 7 iPad用のアイコン：76x76
iOS 7 iPad(Retina)用のアイコン：152x152

以上の3つのサイズが増えました！
ユニバーサル対応のアプリは、上の表にある7種類のアイコンが必要です。多い！
リサイズのみでいける作業ならば、さくさく対応してしまいましょう。

角半径の変更
以前のものよりも丸みの強い形に変更されました。
端の方に文字を置いたり、キモになるオブジェクトを置いている場合、欠けてしまいます。

【iOS 7】デザイナーが真っ先にやるべき4つのこと_e0292726_19332915.gif

だいぶ丸っこいですよね。
純正のアイコンがフラットデザインに変わったこともあり、アイコン・アプリのデザインも変更する必要があるかもしれません。
全てのデザインを刷新するのは時間がかかる作業ですので、文字が欠けてしまったり影の形が合わなかったりするならばアイコンだけでも早めに対応するのが良さそうです。
気をつけるべき点は、iOS 6とiOS 7、両方に対応したアイコンであること！です。

2.アプリのナビゲーションバー

アプリのナビゲーションバーの背景をグラデーションにしている場合、全てベタ一色になってしまっているはずです。
アプリ全体のデザインとしてグラデーションを使っているので、ナビゲーションバーだけ単色だとおかしいですよね。
こちらもデザイン全てを刷新するのは時間がかかってしまうので、まずは暫定処置として画像で補いましょう。

【iOS 7】デザイナーが真っ先にやるべき4つのこと_e0292726_1935584.jpg

背景の色と文字色がかぶってると読めなくなってしまうので、当たり前ですが全部のアプリをチェックしましょう！

3.起動画面の画像サイズの変更

ステータスバーの20px(Retinaだと40px)分を引いたサイズで起動画面を作成している場合、画像が縦に引き延ばされて表示されてしまいます。
640x960 ないし、640x1136のフルサイズで起動画面を作成しましょう。

上記3つは、アプリをiOS 7用にバージョンアップする際に必要となる作業です。