投稿者別アーカイブ（小澤）

アプリケーションアイコンとは、iPhone / iPad / iPod touch のホームに表示されるアイコンのことです。作成する際のサイズは

• Retina 画面以外用 ：57ピクセル × 57ピクセル
• Retina 画面用　　 ：114ピクセル × 114ピクセル
• iPad 用　　　　　 ：72ピクセル × 72ピクセル
• App Store 申請用: 512ピクセル × 512ピクセル

で、大事なのは App Store 申請用を作成するということです。これは App Store で表示するものなんですが、実機で表示されるものと同じでなくてはいけません。全く同じではなくとも、見た目に大きく変わってしまうと問題です。

Photoshop を使用した Tips 、前回はタブアイコンについてのお話でしたが、今回はアイコンや文字に付ける影やハイライトについてお話しさせて頂きます。

iPhone、iPad の光は通常、上90度から当たるようになっており、それに合わせてボタンやアイコン、文字に影やハイライトを付けます。その際に、Photoshop の「ドロップシャドウ」や「ベベルとエンボス」なども使えますが、この機能では特に文字がぼやっとしてしまいがちなのが残念です。そこで、自分で影やハイライトを付けてみましょう。まず、影などを付けたいもののレイヤーをコピーして同じものを真下に作ります。そして、ハイライトか影なのかによって次のように調整してやります。

• ハイライト → 白などの薄い色にして下に1ピクセル（Retina Display では2ピクセル）ずらす
• 影 → 黒などの濃い色にして上に1ピクセル（Retina Display では2ピクセル）ずらす

Photoshop を使用した Tips 第2段として、今回は iPhone / iPad などで使用されるアイコンについてお話させて頂きます。

iPhone / iPad アプリにはシンプルかつわかりやすいアイコンが必須です。お話はそのアイコンを作成した後からになります。

まず、アイコンが表示される iPhone / iPad の場所として主には以下の3つがあります。

• ナビゲーションバー: 画面の上方に表示され、現在のタイトルを表示しているバーです。

• ツールバー : 画面の下方に表示され、現在のオブジェクトに対するアクションを実行するボタンが置かれているバーです。

• タブバー: 画面の下方に表示され、異なるモードを切り替えるバーです。